/* CSS Document */

body {
  font-family: 'Open Sans', sans-serif;
  background: white;
  line-height: 1.5;
}

a, a:hover, .panel-title > a {
  color: #1f6d89;
}

/* add underline and don't change colors when hovering */
a:focus, a:hover {
  color: inherit;
  text-decoration: underline;
}

table {
  max-width: 100%;
  table-layout: fixed;
}

.table > :not(:first-child) {
  border-top: inherit;
}

td, th {
  word-wrap: break-word;
}

.h1, h1 {
  font-family: 'Dosis', sans-serif;
  font-size: 25px;
  color: #164e62;
}

.h1:after, h1:after {
  border-bottom: 5px solid #095797;
  padding-top: 0.5rem;
  content: "";
  display: block;
  margin: 0;
  width: 6rem;
}

.h2, h2 {
  color: #164e62;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Dosis', sans-serif;
}

.h3, h3 {
  font-weight: 700;
  font-family: 'Dosis', sans-serif;
}

.h4, h4 {
  font-family: 'Dosis', sans-serif;
}

.h5, h5 {
  font-family: 'Dosis', sans-serif;
}

hr {
  border-top:0px !important;
}

.hidden.separator {
    display: none;
}

/* use dark blue background for buttons and soft blue when hover */
.btn-primary.focus {
  background-color:#095797;
  border-color:#1b5a6e;
}
.btn-primary:hover {
  background-color:#095797;
  border-color:#1b5a6e;
}

.btn {
  border-radius:0px !important;
}

.btn-primary {
  color: white;
  background-color: #164e62;
  border-color: #164e62;
}

.linkExtImg {
  max-height: 11px;
  max-width: 11px;
  margin-bottom: 0.1rem;
  margin-left: 6px;
  margin-top: -3px;
}

/* header */
.account-masthead {
  background: #095797;
}
.account-masthead .account ul li {
  border-left: none;
}
.masthead {
  background: #095797;
  padding: 0 0 30px 0;
}
.dqc-piv-nom-site {
  display: none;
}

.masthead .navigation .nav-pills li a:hover, .masthead .navigation .nav-pills li a:focus, .masthead .navigation .nav-pills li.active a {
  background-color: initial;
}

.filters ul, .dqc-nav-social, nav[data-module="stats-nav"] {
  padding-top:26px;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.navbar-static-top {
  border-width: 0px;
}
.nav > li > a {
  padding: 4px 8px 4px 8px;
}
.nav > li > a:hover {
  text-decoration: underline;
}
.nav  li  li {
  display:block;
  position:relative;
}
.nav li li.nav-item > a {
  margin:0px 0px;
  display:block;
}

.nav-item > a:hover {
  background-color: #FFF !important;
}

li .nav-item.active > a {
  background-color:#f6f6f6;
  color:#333333;
  padding-left: 3px !important;
  padding-top: 3px !important;
}

li .nav-item.active > a:hover {
  background-color : #095797c7 !important;
  color:#333333;
}

.nav li ul {
  padding:0px;
  margin-top:10px;
}

/* dont display bar in menu on phones */
.navbar-collapse {
  box-shadow: initial;
}
.navbar-toggle {
  padding: 12px 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 15px;
}

@media (min-width: 768px) {

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-nav>li>a{
    padding: 9px 0px;
    margin-right: 108px;
    color: #FFF;
  }
  .main {
    background: #eee url("../../base/images/bg.png");
  }
  .hero {
    background: url("../../base/images/background-tile.png");
  }
}

#siteMenu a  {
  white-space: nowrap;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: white;
  margin-right: 85px;
  text-decoration: none;
  padding: 3px 0px;
  background-color: #043d5f;
  width: auto;
}

#siteMenu .ligne {
  padding-left: 17px;
}

#siteMenu .flex, #siteMenu .d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  justify-content: center;
}

#siteMenu a:hover, #siteMenu a:focus {
  padding: 3px 0px 0px 0px;
  border-bottom: 3px solid white;
  background-color: #043d5f;
}

#siteMenu {
  background: #043d5f;
  padding-bottom: 10px;
}

#siteMenu .dropdown-menu {
  background-color: #043d5f;
  margin-top: -1px;
  padding: 5px 0;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  #siteMenu {
    padding-top: 10px;
  }
}

.navbar-toggle {
    color: white;
}
 
.navbar-collapse {
    padding: 10px 0;
}

.navbar-nav {
    margin: initial;
    flex-direction: row;
    padding-left: 2rem; 
}

.dropdown-menu .menu-item {
    padding-bottom: 0px;
}

.dropdown-menu li > .dropdown-menu {
    right: 0px;
    top: 35px;
}

.menu-item {
    padding-left: 2px;
    padding-bottom: 10px;
}

/*** END NAVBAR ***/

.masthead .site-search {
  margin: 0px 4px 0px 4px;
}
.masthead .site-search input {
  width: 150px;
  padding: 3px 10px;
}
/* dont display avatar */
.account.authed .gravatar {
  display: none;
}
/* fix account menu height */
.account-masthead .account ul li a {
  line-height: 30px;
}

/* breadcrumb */
.breadcrumb {
  font-size: 14px !important;
  color: #777777;
}

/* white background and no line for frame */
[role="main"], .main {
  background: white; 
  min-height: 600px;
  padding-bottom: 20px;
}

.toolbar {
  margin-left:-15px;
  margin-bottom:20px;
}

@media (max-width: 767px) {
  .toolbar .breadcrumb a {
    color: #505050 !important;
  }

  .toolbar {
    margin-left:0px;
    margin-top:10px;
  }
}

.wrapper {
  border: 0px; 
  box-shadow: 0 0 0 0px;
}
.wrapper::before {
  border-right: 0px;
}

/* adjust lines in sidebar datasets */
.module:first-child .module-heading, .module-heading, .module-footer {
  border:0px;
}

.module-narrow .module-heading, .module-narrow .module-content, .module-narrow .module-footer {
  padding:0px;
}

.module-footer {
  padding-top:10px !important;
}

.module-heading {
  background-color:#FFF;
}

.module-heading .fa-filter {
  display:none;
}

h2.module-heading, .module:first-child .module-heading {
  font-size: 20px;
  color: #164e62;
  border-bottom: 2px solid #8ba7b7;
  display: inline;
  padding-bottom: -1px !important;
  font-weight: 700;
  line-height: 1.1;
}

section.module.module-narrow.module-shallow {
  padding-bottom: 20px;
}
/* adjust lines in sidebar organization */
.module-shallow .module-content:last-child {
  border:0px !important;
  padding-top:27px;
}
.module-shallow .module-content:last-child {
  margin-bottom: 10px;
}
/* bottom line for social */
.dqc-nav-social>li:last-of-type, .module-narrow .nav-aside>li:last-of-type {
  border-bottom: solid 1px #ddd;
  border-radius: 0 0 3px 3px;
}
/* use smaller fonts for read more items */
.module .read-more {
  font-size: 12px;
  color:#164e62;
  font-weight:bold;
}
/* background color of selected elements */
.nav-item.active > a:hover, .module-narrow .nav-aside li.active a:hover {
  background-color: #095797c7;
}
.nav-item.active > a, .module-narrow .nav-aside li.active a {
  background-color: #095797c7;
}
/* remove lines and big side arrow */
.nav-tabs-plain {
  padding: 10px 25px 0 25px;
}
.nav-simple>li, .module-narrow .nav-aside>li {
  padding: 9px 25px;
  border:0px !important;
}

.module-narrow .nav-item.active > a::before, .module-narrow .nav-aside li.active a::before {
  border: 14px solid transparent;
  height: inherit;
}

/* use smaller badges and use ( ) */
.module-narrow .nav-item > a, .module-narrow .nav-aside li a {
  font-size: 13px;
  padding: 0px !important;
}

.module-narrow .nav-item > a .badge, .module-narrow .nav-aside li a .badge {
  background-color: initial;
}

.badge {
  padding: 0px 0px 2px 0px;
  font-size: 11px;
  font-weight: normal;
  border-radius: 4px;
  color: inherit;
  background-color: initial;
}

.badge:after{
  content: ")"
}

.badge:before{ 
  content:"("
}

/* font size of custom facet items (ex. disclaimer) */
.dqc-facet-item {
  font-size: 12px;
}

/* spacing between facets sections */
.dqc-facet-spacer {
  padding-bottom: 20px;
}

/* fix box around user search */
.dqc-user-search-middle {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: none !important;
}
.dqc-user-search-bottom {
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* move main content up */
.module-content {
  padding: 0px;
  margin: 0 10px;
}

/* adjust search bar */
.btn-group-lg > .btn, .btn-lg {
  padding: 8px 10px 6px 10px !important;
}

.input-lg {
  height: 33px;
  font-size: 14px;
  border-radius: 3px;
}

.btn-lg, .btn-group-lg > .btn {
  border-radius: 0px;
}

.btn-lg, .btn-group-lg > .bt {
  border-radius:0px;
}


/* color of rss icon */
i.fa-rss-square {
  color: orange;
}

i.fa-rss {
  color: #ea7819;
  margin-left: 5px;
}

#dataset-resources i.fa.fa-external-link {
 padding-left: 20px;
}

/* truncator symbol (+ and -) */
a.truncator-link.truncator-more:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  content: "\f0da";
  color: #164E62;
}
a.truncator-link.truncator-less:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  content: "\f0d7";
  color: #164E62;
}

/* smaller button */
.btn {
  padding: 5px 10px;
}

/* smaller selected pills */
.pill {
  padding: 2px 8px 2px 8px;
  background-color: #095797;
  font-size: 12px;
}

/* move tabs up and remove gray background */
.module > .page-header {
  margin-top: 0px;
  margin-bottom: 10px;
}
.page-header.module-content {
  padding-top: 8px;
  background-color: white;
}

/* underlined tabs */
.wrapper header.page-header ul.nav.nav-tabs {
  width: 100%;
  margin-left: -15px;
}

.wrapper header.page-header ul.nav.nav-tabs li:first-child a {
  border-left: 1px solid #eee;
}

.wrapper header.page-header ul.nav.nav-tabs li a {
  color: #4d4d4d;
  border: none;
  font-size: 18px;
  margin-right:0px;
  border: 1px solid #eee;
  border-left: none;
  border-bottom: none;
}
.wrapper header.page-header ul.nav.nav-tabs li a:hover {
  text-decoration: none;
  background-color: #043d5f; 
  color : #FFF;
}
.wrapper header.page-header ul.nav.nav-tabs li.active a {
  background-color: #043d5f;
  color: #FFF;
}
.nav-tabs > li > a {
  border-radius: 0px 0px 0 0 !important;
}
/*@media (max-width: 991px)
.page-header .nav-tabs > li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}*/

/* dataset items action button */
.module-resource .actions {
  top: 0px;
}

/* dataset title link color and hide line separator */
.dataset-heading a {
  color: #223654;
  font-size:16px;
}
.dataset-item {
  border-bottom: 0px;
}

/* hide bottom line serator for dataset item */
.module-resource {
  border-bottom: 0px;
}

/* lower dataset title to accomodate long titles and buttons */
.dqc-page-heading {
  padding-top: 50px;
}

/* space for download button in resource view */
.dqc-theme-res-btn-download {
  margin-top: 1em;
  margin-bottom: 2em;
}

/* fix multi-value field height */
.form-control {
  height: initial;
  border-radius: 0px;
  appearance: auto;
}

/* fix external preview link in button */
#dataset-resources i.fa.fa-external-link {
    padding-left: 0px;
}

/* org and group display */
.dqc-org-cat {
  font-size: 13px;
}
.dqc-notes {
  margin-top: 10px;
}

.dqc-group-img-center {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  margin-right: 5px;
}
.dqc-group-desc {
  font-size: 12px;
  margin-top: 10px;
}
.dqc-cat-icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.dqc-dataset-desc {
  margin-bottom: 20px;
}

/* group images */
.context-info .image img, .context-info .image a {
  max-width: 150px;
  margin: 0px;
}

.form-select {
  /*border: none;*/
  box-shadow: none;
  background-image: none;
}

/* hide cat (group) list sorting */
#group-search-form > div.form-select.form-group.control-order-by {
  display: none;
}

.page-item.active .page-link {
  background-color: #095797;
  border-color: #095797;
}

/* adjust pagination (color and no top line) */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #095797;
  border-color: #095797;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #206b82;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination-wrapper {
  border-top: 0px;
}

/* showcase and groups */
.media-grid {
  background: none;
  border: 0;
}
/* Mansory items on a single column instead of 3 */
ul li.media-item {
  width: 100%;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  margin-left: 0;
}
ul li.media-item img.media-image {
  max-height: 284px; /* Prevent excessively large images (showcase) */
}

/* PIV footer */
.site-footer {
  background: #223654;
  padding: 20px 0 0 0;
  font-size: 13px;
  padding-top: 20px;
}

.site-footer .footer-links ul li {
  margin-bottom: 10px;
  margin-right: 0px;
}

#footer {
  padding-bottom: 20px;
}

.footer-links h4 {
  color: #ccdee3;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 27px;
}

body .footer-links a {
  color:#FFF;
}

.list-inline {
  margin-left: -5px !important;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.dqc-footer-icons {
  font-size: 24px;
}

.dqc-piv-bas {
  font-size: small;
  padding: 30px 0 0 0;
  background-color: white;
}

.dqc-piv-bas li a {
  color : black;
  line-height:25px;
  font-size:14px;
}

.dqc-piv-bas .logo {
  margin-top:10px;
}

.dqc-piv-bas .notice {
  text-decoration:none;
  font-size:10px;
}

.dqc-piv-bas .col-12 ul {
  margin-bottom: 0px;
}

/* data format label color: grey background */
.label[data-format] {
  background-color: #ddd;
  color: #223654;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label-inverse {
  background-color: #555555;
}

/* show labels instead of icons */
.dqc-label {
  position: absolute;
  top: 14px;
  left: 10px;
  background-color: #555555 !important;
  color: #ffffff !important;
}

.dataset-heading .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #555555;
}
/* add more space so we can use tags instead of icons */
.resource-item {
  padding: 10px 10px 10px 80px;
}

.resource-item .heading {
  color:#164e62;
}

/* Hide Visibility field in dataset/edit. Would be best to target the parent element, but tricky and the result is good anyway. */
div .control-group > label[for="field-private"], div .control-group > div > select[id="field-private"] {
  display: none;
}

/* Enlarge the resource Data API dialog (green button) to fix Endpoints table. Due to lack of specifics, this involuntarily affects other modals as well. */
@media (min-width: 900px) {
  .modal-dialog {
    width: 720px;
  }
}

/* Prevent buttons from showing above dropdown menu content
This could happen with the Data Explorer buttons on resource pages when the Ressources additionnelles menu was open and filled with enough items to be tall enough to overlap with "Plein écran".
The ul.dropdown-menu has a 1000 z-index, but what matters is the relative z-indices of the 2 div.action-s for button bars, which are 1 by default.
Setting the first one to 2 prevents the latest one from getting priority. Ideally, this would be specific to the dropdown, but changing the z-index for deeper elements doesn't help. */
#content section.module-resource > div.module-content > div.actions {
  z-index: 2;
}

/* Style pour le bouton retour vers le haut*/
#dqc_boutonHaut {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 98;
  padding: 15px;
  cursor:pointer;
}

#dqc_boutonHaut img {
  box-shadow: 0.1rem 0.1rem 7px rgba(34, 54, 84, 0.4);
  width: 55%;
}

#dqc_boutonHaut img:hover {
  opacity:70%;
}

@media (min-width: 980px) {
  #dqc_boutonHautWrap {
    display: block;
  }
}

@media (max-width: 979px) {
  #dqc_boutonHautWrap {
    display: none;
  }
}

@media (max-width: 767px) {
  .main aside.secondary {
    padding-left: 15px;
  }

  .main .secondary .filters > div {
    padding: 20px;
  }

  .main .secondary {
    -webkit-order: 0;
    order: 0;
  }
}

.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  bottom:0;
}

.modal-body {
  font-size: 14px;
  color: black;
  display: block;
  margin-bottom: 12px;
}

.modal.right .modal-content {
  overflow-y: auto;
}

.modal.right .modal-body {
  padding: 15px 15px 15px;
}

#surveyModal {
  font-family:'Open Sans', sans-serif;
}

#surveyModal .btn {
  font-weight:200;
}

#surveyModal.fade {
  bottom: -320px;
  -webkit-transition: opacity 0.3s linear, bottom 0.5s ease-out;
     -moz-transition: opacity 0.3s linear, bottom 0.5s ease-out;
       -o-transition: opacity 0.3s linear, bottom 0.5s ease-out;
          transition: opacity 0.3s linear, bottom 0.5s ease-out;
}

#surveyModal.fadein {
  bottom: 0;
 -webkit-transition: opacity 0.3s linear, bottom 0.5s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.5s ease-out;
      -o-transition: opacity 0.3s linear, bottom 0.5s ease-out;
         transition: opacity 0.3s linear, bottom 0.5s ease-out;
}

.modal-content {
  border-radius: 0;
  border: none;
}

.modal-open { overflow-y: auto; }

 #surveyModal {
   position: fixed;
   bottom: -320px;
   right: 0;
   z-index: 999;
   margin-right: 30px;
   margin-bottom: 0px;
   width:300px;
}

.modal-title {
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 12px;
}

@media (max-width: 767px) {

  section.social {
    display: none;
  }

  .context-info, section.module-shallow {
    float:left;
    width:50%;
  }

  section.module-shallow {
    margin-top:30px;
    padding-left:20px;
    padding-bottom:0px;
  }
}

#dataset-search-form .search-input-group {
  display: none;
}

#dqc-search-header #field-giant-search {
  width: 100%;
}

#dqc-search-header {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

#dqc-search-header .input-group .form-control,
#dqc-search-header .input-group-btn {
  display: inline;
  width: auto;
}

.dqc-btn-search {
    line-height: 1.3333333;
    border-color: #cccccc !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-left: -1px;
    font-size: 16px;
    padding: 9px 15px 10px 15px !important;
}

.dqc-btn-search .fa-search {
    margin-right: 0px !important;
}

.modal-open .modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.bootbox .modal-title {
  font-size: 25px;
  margin-bottom: 0px;
}

.ckan-icon-flame {
  display: none;
}

h3.dataset-heading.short {
  display: inline;
  margin-right: 10px;
}

.dqc_donne_ref, .dqc_donne_spat, .dqc_donne_norm, .dqc_donne_arch {
  display: inline-block;
  margin-right: 2px;
  margin-left: -2px;
  margin-bottom: 2px;
}

.dqc_donne_ref img, .dqc_donne_spat img, .dqc_donne_norm img, .dqc_donne_arch img {
  position: relative;
  top: -1px;
  height: 22px;
}


.dqc_norm_picto {
  position: absolute;
  margin-top: -1px;
  margin-left: 4px;
  height: 20px;
}

.dqc_ref_picto {
  position: absolute;
  margin-top: -7px;
  height: 30px;
}

@media (max-width: 991px) {
  h3.dataset-heading.short {
    display: block;
  }
  .dqc_donne_ref, .dqc_donne_norm, .dqc_donne_arch {
    margin-left: 0px;
  }
}

#copyURLDialog {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: #043d5f;
}

#copyURLDialog.fadeIn {
  bottom: 0;
 -webkit-transition: opacity 0.3s linear, bottom 0.5s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.5s ease-out;
      -o-transition: opacity 0.3s linear, bottom 0.5s ease-out;
         transition: opacity 0.3s linear, bottom 0.5s ease-out;
}

#copyURLDialog.fadeOut {
  bottom: -50px;
  -webkit-transition: opacity 0.3s linear, bottom 0.5s ease-out;
     -moz-transition: opacity 0.3s linear, bottom 0.5s ease-out;
       -o-transition: opacity 0.3s linear, bottom 0.5s ease-out;
          transition: opacity 0.3s linear, bottom 0.5s ease-out;
}

.copyMessage {
  text-align: center;
  color: white;
  font-size: 2vh;
  padding-top: 10px;
}

.fa-minus-square-o:before {
  font-size: 20px;
  color: #164E62;
}

.fa-plus-square-o:before {
  font-size: 20px;
  color: #164E62;
}

.module-grid {
  background: #fbfbfb url("../../base/images/bg.png");
}

.nav-facet .nav-item > a:hover:after,
.nav-facet .nav-item.active > a:after,
.nav-facet-tertiary .nav li.active > a:hover:after,
.nav-facet-tertiary .nav li.active > a:after,
.ckan-icon,
.format-label {
  background-image: url("../../base/images/sprite-ckan-icons.png");
}

.format-label {
  background: url("../../base/images/sprite-resource-icons.png") no-repeat 0 0;
}

.resource-upload-field.loading {
  background: url("../../base/images/loading-spinner.gif") no-repeat center right;
}

.attribution .ckan-footer-logo {
  background: url("../../base/images/ckan-logo-footer.png") no-repeat top left;
}

.js .table-toggle-more .toggle-seperator td {
  background-image: url("../../base/images/table-seperator.png");
}

.activity {
  background: transparent url('../../base/images/dotted.png') 14px 0 repeat-y;
}

.dashboard-context .arrow {
  background: transparent url("../../base/images/dashboard-followee-related.png");
}

.flDebugPanelContent {
  overflow-y: scroll;
}

@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0; 
        box-shadow: initial;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}

@media (min-width: 1200px) {
    .container {
       width: 1200px;
       max-width: initial;
       height: 100%;
    }
}

.menu_mobile a[href$="/explorer"],
.menu_mobile a[href$="/exploiter"],
.menu_mobile a[href$="/diffusion"] {
  margin-left: 15px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

header.panel-heading {
  position: relative;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
}

.input-group-addon {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

@media (min-width: 992px) {
  .form-group .info-block {
   padding: 5px 0 5px 10px;
  }
}


/* cookies styles added here */
.cookies-overlay-body {
  position: fixed;
  /* Reste fixe à l'écran même lors du défilement */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fond noir avec 60% d'opacité */
  z-index: 999;
  /* Il se place derrière le div flottant */
}

#cookie-notice * {
  font-family: Arial;
  font-size: 16px;
}

#cookie-notice h2 {
  font-weight: bold;
  line-height: 24px;
  color: var(--DQ-Texte-noir, #000);
  margin: 0px 0px 8px 0px;
}

#cookie-notice .cn-text-container {
  width: 100%;
  margin: 0px;
}

#cookie-notice .cookie-notice-container {
  display: flex;
  flex-direction: row;
  gap: 56px;
  align-items: center;
  max-width: 1090px;
  text-align: left;
  padding: 0px;
  justify-content: center;
}

.cookie-notice-visible {
  border-top-style:solid;
  border-width:2px;
  border-color:#C5CAD2;
}

#cookie-notice .cn-text-container-block {
  max-width: 825px;
}

#cookie-notice .cn-button {
  margin: 0px;
  border: 1px solid var(--Bouton-Principal-Dfaut, #095797);
  background: var(--Bouton-Principal-Dfaut, #095797);
  padding: 8px 16px;
}


#cookie-notice .cn-buttons-container {
  display: flex;
  min-width: 209px;
  max-width: 619px;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

#cookie-notice .cn-buttons-container a{
  color: white;
  font-weight: 400;
}


#cookie-notice {
  padding: 32px 48px;
  justify-content: center;
  display: flex;
  background-color: white;
}

#cookie-notice .faq-more-questions-link {
  color: #1F6D89;
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

@media (max-width: 751px) {
  #cookie-notice .cookie-notice-container {
    flex-direction: column;
    gap: 16px;
  }

  #cookie-notice {
    padding: 16px;
  }

  #cookie-notice .cn-button, #cookie-notice .cn-buttons-container {
    width: 100%;
  }  
}
/* ==========================================================================
   DataTables - Fix Pagination Position
   ========================================================================== */

.dataTables_wrapper .dataTables_paginate {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 10px !important;
    text-align: right !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Enlever le ::after sur les labels DataTables */
.dataTables_length label::after,
.dataTables_filter label::after {
    content: none !important;
}

.dataTables_filter{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#dtprv_filter {
    text-align: right; 
    display: inline-flex; 
    float: right;
    margin-top: 0em !important;
    margin-right: 1.4em !important;
}

#filterinfoicon{
    margin-top: 0em !important;
}

@media screen and (min-width: 480px)  and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left  !important;
    }
}
html,
body {
	padding: 0;
	margin: 0;
	width: 100%
}

.piv .row {
  margin:0px;
}

.visuallyHidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

a.passerContenu:focus{
    clip: rect(auto, auto, auto, auto);
    height: inherit;
    margin: inherit;
    position: static;
    color:#fff;
    margin-left:10px;
    width:150px;
    padding-left:10px;
}

.clearfix:after {
	content: " ";
	display: table;
	clear: both
}

.mobile {
	display: block
}

@media screen and (min-width: 1170px) {
	.mobile {
		display: none
	}
}

.desktop {
	display: none
}

@media screen and (min-width: 1170px) {
	.desktop {
		display: block
	}
}

.cacher {
	display: none !important
}

.contenu-fluide {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.flex,
.piv .d-flex {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important
}

.align-items-center {
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important
}

.justify-content-end {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	justify-content: flex-end !important
}

.justify-content-start {
	-ms-flex-pack: start !important;
	-webkit-box-pack: start !important;
	justify-content: flex-start !important
}

.ligne {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.piv {
	background: #095797;
	color: #fff;
}

.piv *,
.piv--blanc * {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-size: 16px
}

.piv--blanc {
	background: #fff;
	color: #000;
	border-top: 8px solid #095797;
	margin-bottom: 2em
}

.piv ul.listePiv,
.piv--blanc ul.listePiv {
	list-style: none
}

.piv a {
	color: #fff;
	text-decoration: none
}

.piv a:hover {
	text-decoration: underline
}

.piv--blanc a {
	color: #000;
	text-decoration: none
}

.piv--blanc a:hover {
	text-decoration: underline
}

.piv #lienOuvre,
.piv--blanc #lienOuvre {
	z-index: 99;
	width: 40px;
	height: 40px;
	text-align: center;
	margin-top: 0.2rem
}

@media screen and (min-width: 1170px) {
	.piv #lienOuvre,
	.piv--blanc #lienOuvre {
		margin-right: 0.7rem;
		margin-top: 0.4rem
	}
}

.piv #lienOuvre img,
.piv--blanc #lienOuvre img {
	width: 60%
}

.piv .titreM,
.piv--blanc .titreM {
	padding-bottom: 2%
}

@media screen and (min-width: 400px) {
	.piv .titreM,
	.piv--blanc .titreM {
		width: calc(100% - 160px)
	}
}

@media screen and (min-width: 460px) {
	.piv .titreM,
	.piv--blanc .titreM {
		width: calc(100% - 200px)
	}
}

@media screen and (min-width: 568px) {
	.piv .titreM,
	.piv--blanc .titreM {
		width: 100%
	}
}

.contenu-fixe {
	width: 100%;
	padding-left: 15px;
        padding-right: 15px;
}

@media screen and (min-width: 1170px) {
	.contenu-fixe {
		width: 1170px;
		margin: auto;
                padding: 0px;
	}
}

.zone1,
.zone2,
.zone3 {
	position: relative;
	width: 100%
}

.zone1 {
	-ms-flex: 0 0 45%;
	-webkit-box-flex: 0;
	flex: 0 0 45%;
	max-width: 45%
}

@media screen and (min-width: 568px) {
	.zone1 {
		-ms-flex: 0 0 40%;
		-webkit-box-flex: 0;
		flex: 0 0 40%;
		max-width: 40%
	}
}

@media screen and (min-width: 768px) {
	.zone1 {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}
}

@media screen and (min-width: 1170px) {
	.zone1 {
		max-width: 22%;
		max-height: 72px
	}
}

@media screen and (max-width: 1170px) {
       .contenu-fluide {
                padding-right: 0px;
                padding-left: 0px;
       }
}

.zone1 img {
	width: 100%;
        height: auto;
}

.zone2 {
	-ms-flex: 0 0 15%;
	-webkit-box-flex: 0;
	flex: 0 0 15%;
	max-width: 15%
}

@media screen and (min-width: 568px) {
	.zone2 {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%
	}
}

@media screen and (min-width: 768px) {
	.zone2 {
		-ms-flex: 0 0 35%;
		-webkit-box-flex: 0;
		flex: 0 0 35%;
		max-width: 35%
	}
}

@media screen and (min-width: 868px) {
	.zone2 {
		-ms-flex: 0 0 35%;
		-webkit-box-flex: 0;
		flex: 0 0 35%;
		max-width: 35%
	}
}

@media screen and (min-width: 1170px) {
	.zone2 {
		-ms-flex: 0 0 45%;
		-webkit-box-flex: 0;
		flex: 0 0 45%;
		max-width: 45%
	}
}

@media screen and (min-width: 1170px) {
	.zone2 .identite {
		width: 100%
	}
}

.zone3 {
	-ms-flex: 0 0 40%;
	-webkit-box-flex: 0;
	flex: 0 0 40%;
	max-width: 40%
}

@media screen and (min-width: 1170px) {
	.zone3 {
		-ms-flex: 0 0 30%;
		-webkit-box-flex: 0;
		flex: 0 0 33%;
		max-width: 33%
	}
}

@media screen and (max-width: 1170px) {
	.toggle_btn {
		height: 40px;
		width: 35px;
		position: relative;
		float: right;
		margin-top: 15px;
		cursor: pointer;
		z-index: 99
	}
	.toggle_btn span {
		height: 3px;
		background: #fff;
		width: 25px;
		position: absolute;
		top: 15px;
		left: 10px;
		border-radius: 100px
	}
	.toggle_btn span:before,
	.toggle_btn span:after {
		content: '';
		height: 3px;
		background: #fff;
		width: 100%;
		position: absolute;
		left: 0;
		top: -8px;
		border-radius: 100px
	}
	.toggle_btn span:after {
		top: 8px
	}
	.toggle_btn_open span {
		height: 0
	}
	.toggle_btn_open span:before,
	.toggle_btn_open span:after {
		content: '';
		height: 4px;
		background: #fff;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0px;
		border-radius: 100px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.toggle_btn_open span:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.toggle_btn_open span,
	.toggle_btn_open span:before,
	.toggle_btn_open span:after {
		background: #fff
	}
	.piv--blanc .toggle_btn span,
	.piv--blanc .toggle_btn_open span,
	.piv--blanc .toggle_btn span:before,
	.piv--blanc .toggle_btn_open span:before,
	.piv--blanc .toggle_btn span:after,
	.piv--blanc .toggle_btn_open span:after {
		background: #000
	}
	.menu_mobile {
		padding-bottom: 5px;
		padding-top: 72px;
		background-color: #08416f;
		border-left: 3px solid #095797;
		width: 300px;
		position: absolute;
		right: -50px;
		top: 0;
		z-index: 90
	}
	.menu_mobile--site {
		background-color: #08416f
	}
	.menu_mobile--piv {
		background-color: #08497f;
		border-top: 1px solid #fff
	}
	.piv--blanc .menu_mobile {
		background: #ebebeb;
		border: none;
		padding-bottom: 0
	}
	.piv--blanc .menu_mobile--site {
		background: #ebebeb
	}
	.piv--blanc .menu_mobile--site a {
		color: black
	}
	.piv--blanc .menu_mobile--piv {
		background-color: #08497f;
		border-top: 1px solid #fff
	}
	.menu_mobile a {
		color: #fff;
		text-align: left;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		text-decoration: none
	}
	div.menu_mobile.nav {
		display: none;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s
	}
	div.menu_mobile.nav_open {
		display: block;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s
	}
}

.menu_mobile a {
	text-align: left;
	display: block;
	text-decoration: none
}

.pivFooter {
	text-align: center;
	margin-top: 1em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-size: 16px
}

.pivFooter ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.pivFooter ul li {
	margin: 1% 0;
	font-size: 0.875em;
	font-size: 14px
}

@media only screen and (min-width: 1170px) {
	.pivFooter ul li {
		display: inline-block;
		margin: 0;
		margin-right: 10px
	}
}

.pivFooter a {
	color: gray;
	line-height: 25px
}

.pivFooter small {
	font-size: 0.625em;
	font-size: 10px
}

.pivFooter small a {
	color: black;
	text-decoration: none
}