/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@font-face {
  font-family: 'bunaero_probold_up';
  src: url('../font/buntype_-_bunaeropro-boldup-webfont.woff2') format('woff2'),
  url('../font/buntype_-_bunaeropro-boldup-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../font/robotocondensed-regular-webfont.woff2') format('woff2'),
  url('../font/robotocondensed-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto-regular-webfont.woff2') format('woff2'),
  url('../font/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/

body {
  font-family: 'Roboto Condensed', sans-serif;
  color: #012b35;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'bunaero_probold_up';
  color: #012b35;
  margin: 0;
  line-height: 1;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
  color: #5baab6;
}

h2.home {
  font-size: 3em;
  color: #012b35;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.65em;
  color: #C3BD9E;
}

h5 {
  font-size: 1.29em;
  color: #5baab6;
  text-transform: uppercase;
}

hr {
  height: 5px;
  width: 35px;
  background: #012b35;
  border: 0;
  margin: 0;
}

p {
  font-size: 16px;
}

a {
  color: #5baab6;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #012b35;
}

a.lexicon-term {
  border-bottom-color: #5baab6;
  color: #5baab6;
}

a.button {
  display: inline-block;
  color: #012b35;
  text-transform: uppercase;
  border: 1px solid #012b35;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
}

a.button:hover {
  opacity: 0.5;
}

small {
  font-size: 0.82em;
}

big {
  font-size: 1.19em;
}

label {
  font-weight: normal;
}

.container-fluid {
  padding: 0;
}

.container-fluid .row {
  margin: 0;
}

.container-fluid .col-sm-12 {
  padding: 0;
}

.aside-right .region-sidebar-second {
  padding: 0;
}

.btn-default,
.btn-success,
.btn-danger,
.page-liste-lexique form #edit-submit,
.page-liste-lexique form #edit-cancel,
.page-liste-menus .form-actions #edit-actions-cancel,
.page-liste-menus .form-actions #edit-actions-add-link,
.page-liste-menus .form-actions #edit-cancel {
  color: #012b35;
  text-transform: uppercase;
  border: 1px solid #012b35;
  text-decoration: none;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  min-width: 120px;
  background: none;
}

.btn-default:hover,
.btn-success:hover,
.btn-default:active,
.btn-success:active,
.btn-default:active:hover,
.btn-success:active:hover,
.btn-default:focus,
.btn-success:focus,
.btn-default:active:focus,
.btn-success:active:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:active:focus,
.page-liste-lexique form #edit-submit:hover,
.page-liste-lexique form #edit-cancel:hover,
.page-liste-menus .form-actions #edit-actions-cancel:hover,
.page-liste-menus .form-actions #edit-actions-add-link:hover,
.page-liste-menus .form-actions #edit-cancel:hover {
  color: #012b35;
  background: none;
  border-color: #012b35;
  opacity: 0.5;
  box-shadow: 0;
}

.view-filters button,
.btn-primary,
.btn-info {
  background: none;
  color: #012b35;
  text-transform: uppercase;
  border: 1px solid #012b35;
  border-radius: 20px;
  font-weight: bold;
  min-width: 120px;
}

.view-filters button:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:active:focus {
  opacity: 0.5;
  color: #012b35;
  border-color: #012b35;
  background: none;
}

#edit-submit {
  padding: 10px 20px;
}

.empty {
  display: none;
  visibility: hidden;
}

/*.form-required {*/
/*	color: #9C0202;*/
/*}*/

.font-normal {
  font-weight: normal;
}

.no-margin-label {
  margin: 0;
}

.form-radios-60 .form-radios,
.form-radios-60 .fieldset-wrapper {
  width: 60%;
}

.form-radios-100 .fieldset-wrapper {
  width: 100%;
}

.form-radios-30 .fieldset-wrapper {
  width: 30%;
}

.cboth {
  clear: both;
}

.no-padding {
  padding: 0;
}

.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* HEADER */
.navbar-default {
  background: none;
  border: none;
}

.navbar-header {
  width: 65%;
}

.navbar-default .navbar-brand {
  color: #012b35;
  font-weight: bold;
  font-size: 1.8em;
  width: 60%;
  height: auto;
  line-height: 30px;
  margin-top: 1%;
}

.navbar .logo {
  width: 30%;
  margin-right: 3rem;
}

.navbar .logo img {
  width: 100%;
}

.navbar-default .navbar-brand .name-maj {
  color: #5baab6;
}

.contribuer-observatoire {
  background: url("../images/menu-contribuer-observatoire.png") no-repeat;
  color: #012b35;
  height: 76px;
  width: 69px;
  position: fixed;
  right: 0;
  top: 130px;
  z-index: 9999;
}

.contribuer-observatoire:hover {
  cursor: pointer;
  right: 5px;
  transition: 0.5s;
}

#backtotop {
  background: url("../images/home/backtotop.png") no-repeat center center;
  width: 50px;
  height: 50px;
  opacity: 0.8;
  z-index: 13000;
}

#backtotop:hover {
  opacity: 1;
}

/* HEADER MENU */
.region.region-navigation,#block-menuadmin-2 {
  height: 23px;
}
.tb-megamenu-menu-menu-header.tb-megamenu .mega-nav .level-2.mega > a.tb_nolink {
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5!important;
  text-transform: initial;
  padding: 0 0 2px 0;
  color: #5baab6;
  line-height: 30px;
  display: block;
}

.tb-megamenu-menu-menu-header .mega-nav > li.tb_nolink{
  color: yellow!important;
}

.tb-megamenu.tb-megamenu-menu-menu-header .nav > li > span,
.tb-megamenu.tb-megamenu-menu-menu-header .nav > li > a {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  color: #000;
  padding: 0 0.5em;
  line-height: 5px;
}

.tb-megamenu.tb-megamenu-menu-menu-header .dropdown-menu .mega-nav > li:last-child a:hover{
  color: #8C0000;
}
/*
.tb-megamenu-menu-menu-header .nav > li:last-child:before  {
	content: url(../images/user-lock-solid.png);
}
.tb-megamenu-menu-menu-header .nav > li:last-child a  {
	display: inline;
}
*/
.tb-megamenu-menu-menu-header .mega-nav > li > a,
.tb-megamenu-menu-menu-header .mega-nav > li > span {
  font-family: 'Roboto', Arial, sans-serif;
}

/* MAIN MENU */
.stickynav-active {
  background: #FFFFFF;
  z-index: 11000;
  position: fixed;
  top: 0px;
  width: 100%;
}

.tb-megamenu {
  display: flex;
  justify-content: center;
  background: none;
  margin-top: 2rem;
}
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > a:focus {
  color: #5baab6 !important;
}
/*sssss*/
.tb-megamenu-main .nav > li > a, .tb-megamenu-main .nav > li > span.tb-megamenu-no-link {
  padding: 0 15px;
  color: #000;
  font-size: 1.4em;
  border-right: 1px solid #d5d5d5;
  font-family: 'bunaero_probold_up';
  font-weight: normal;
}

.tb-megamenu .nav > li.animating > a,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: none;
}

.tb-megamenu .nav > li:last-child > a {
  border-right: 0;
  display: flex;
  align-items: center;
}
/*
.tb-megamenu .nav > li:last-child > a:before {
	content: url(../images/lock.png);
	margin-right: 6px;
}
*/
.connexion-lock:before{
  content: url(../images/lock.png);
  margin-right: 6px;
}
.connexion-mt{
  margin-top: -6px;
}

.tb-megamenu .dropdown-menu li > a {
  border: 0;
}
.tb-megamenu-subnav.mega-nav.level-2 > li:first-child > a {

  font-weight: normal !important;
  color: #333 !important;
  border: none !important;

}
.tb-megamenu-subnav.mega-nav.level-2 > li:first-child > a:hover {
  color: #5baab6 !important;
}


.tb-megamenu-menu-menu-header .mega-nav > li > span.tb-megamenu-no-link,
  /*.tb-megamenu .dropdown-menu .mega-nav > li > span.tb-megamenu-no-link,*/
  /*.tb-megamenu .mega-nav > li:first-child > a*/
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link.tb-megamenu-no-submenu.title-menu
{
  font-weight: bold;
  color: #5baab6;
  border-bottom: 1px solid #d5d5d5;
  border-top: 0;
  text-transform: initial;
  padding: 0 0 10px 0;
}

.tb-megamenu span.tb-megamenu-no-link.tb-megamenu-no-submenu:hover {
  color: #5baab6 !important;
}

.tb-megamenu .mega-nav > li > span, /* A enlever une fois menu complet */
.tb-megamenu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
  font-weight: bold;
  color: #5baab6;
  border-bottom: 1px solid #d5d5d5;
  text-transform: initial;
  padding: 0 0 10px 0;
}

.tb-megamenu .mega-nav .level-2.mega > span.tb_nolink {
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
  text-transform: initial;
  padding: 0 0 10px 0;
}

.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.tb-megamenu .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.tb-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
  color: #5baab6;
}

.tb-megamenu .span12.mega-col-nav .mega-inner {
  padding: 0;
}

.tb-megamenu .mega-nav > li.level-3:first-child {
  margin-top: 10px;
}

.tb-megamenu .mega-nav > li.level-3:first-child {
  margin-top: 10px;
}

.tb-megamenu .nav > .active > a {
  background: none;
  color: #000;
}

.tb-megamenu .nav > li > a {
  border-color: #d5d5d5;

}

.tb-megamenu.tb-megamenu .nav > li > span:focus,
.tb-megamenu.tb-megamenu .nav > li > span:hover {
  background: none;
  color: #5baab6 !important;
  border-color: #d5d5d5;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  background: none;
  color: #5baab6;
}

.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus {
  background: none;
  color: #5baab6;
}


.tb-megamenu .tb-megamenu-submenu.dropdown-menu {
  border: none;
  margin: initial;
}



.tb-megamenu .dropdown-menu {
  border-top: 2px solid #d5d5d5;
  border-right: 0;
  border-bottom: 2px solid #d5d5d5;
  border-left: 0;
  margin: 5px 0 0;
  box-shadow: none;
  z-index: 11000;
}


.nav-collapse .tb-megamenu .nav > li,.tb-megamenu-main .nav >li {
  padding-bottom: 2rem;
  border-bottom: 5px solid transparent;
}

.nav-collapse .tb-megamenu-main .nav > li.open , .tb-megamenu-main .nav > li.open{
  border-bottom-color: #5baab6;
}

.tb-megamenu .nav > li:first-child.open,
.tb-megamenu .nav > li:last-child.open {
  border: 0;
  padding: 0;
}

.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
  border: none;
  margin: 0;
}

.tb-megamenu .mega > li span,
.tb-megamenu .dropdown-menu .mega-nav > li span {
  padding: 10px 0;
}

.tb-megamenu.tb-megamenu-menu-menu-header .mega-nav > li span,
.tb-megamenu.tb-megamenu-menu-menu-header .dropdown-menu .mega-nav > li span {
  padding: 5px 0;
  line-height: 14px;
}
.tb-megamenu.tb-megamenu-menu-menu-header .mega-nav > li:last-child:before{
  content: url(../images/user-lock-solid.png);
}
.tb-megamenu.tb-megamenu-menu-menu-header .mega-nav > li:last-child a{
  display: inline;
}

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a {
  color: #5baab6;
}

.tb-megamenu .mega.observatoire.open > .mega-dropdown-menu {
  left: -49%;
}

.tb-megamenu .mega.inondation.open > .mega-dropdown-menu {
  left: -169%;
}

.tb-megamenu .mega.secheresse.open > .mega-dropdown-menu {
  left: -270%;
}

.tb-megamenu .mega.karst.open > .mega-dropdown-menu {
  left: -585%;
}

.tb-megamenu .mega.en-bfc.open > .mega-dropdown-menu {
  left: -296%;
}

.tb-megamenu .mega.boite-a-outils.open > .mega-dropdown-menu {
  left: -368.5%;
}

.tb-megamenu-main .nav > li.home > a {
  width: 50px;
  height: 30px;
  visibility: hidden;
}

.tb-megamenu-main .nav > li.home > a:before {
  content: url(../images/home.png);
  visibility: initial;
  vertical-align: sub;
}

.tb-megamenu-main .nav > li.search > a,
.tb-megamenu-main .nav > li.search > span{
  width: 50px;
  height: 30px;
  visibility: hidden;
}

.tb-megamenu-main .nav > li.search > a:before,
.tb-megamenu-main .nav > li.search > span:before{
  content: url(../images/search.png);
  visibility: initial;
  vertical-align: sub;
}

.tb-megamenu-main .nav > li:nth-child(2) > span {
  border-left: 1px solid #d5d5d5;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover
{
  background: none;
  border-color: #d5d5d5;
  color: #5baab6;
}

.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover {
  background: none;
  color: #5baab6;
  font-weight: bold;
}

.tb-megamenu-menu-menu-header .mega-nav > li {
  padding: 0 15px;
}

.tb-megamenu-main .nav > li a.responsive-menu {
  display: none;
  visibility: hidden;
}

#block-menuadmin .tb-megamenu .mega-nav > li > a,
#block-menuadmin .tb-megamenu .dropdown-menu .mega-nav > li > a {
  padding: 2px 0;
}

/* HOME PAGE */

/* Slider */
.theme-default .nivoSlider {
  box-shadow: none;
  max-height: 350px;
}
.slick-list .draggable {
  width: 100% !important;
}
.theme-default .nivoSlider img {
  min-height: 350px;
}

/* Block Actualités */
.view-header a.button{
  bottom: 1rem;
  position: relative;
}
.block-views-blockaccueil-actualites-block-1 .form-group {
  background: linear-gradient(to top, #FFF 50%, #BEE2EB 50%);
}
.slick-wrapper {
  margin-bottom: 0;
}

.slick--view--accueil-actualites .slide__description {
  background-color: #fff;
}

.slick__slide .views-field-field-illustration a:hover .img-responsive {
  opacity: 0.5;
  transition: 0.5s;
}

.slick__slide .views-field-title a {
  color: #012b35;
  font-size: 2em;
  font-family: 'bunaero_probold_up';
  line-height: 2.8rem;
}

.slick__slide .views-field-title a:hover {
  color: #5baab6;
}

.view-accueil-actualites {
  background: linear-gradient(to top, #FFF 50%, #BEE2EB 50%);
  /*margin-top: -10px;*/
}
.contextual-region.actualit-s,
#block-editactualite
{
  width: 70%;
}

.view-accueil-actualites .view-header,
#block-dreal-blocks-accueil .view-header,
#block-boiteaoutils .view-header{
  padding: 20px 85px;
}

.view-accueil-actualites .view-content {
  padding: 0px 30px;
}
/*view-nos-actualites*/
.view-accueil-actualites .view-header h2 {
  display: inline-block;
}

.view-accueil-actualites .view-header p {
  float: right;
  margin-top: 10px;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
  width: auto;
  height: auto;
  margin: auto;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 100%;
}

.jcarousel-skin-default .jcarousel-item {
  height: auto;
  border: 0;
  width: 302px;
}

.jcarousel-skin-default .jcarousel-item .img-responsive {
  height: 200px;
  padding: 2px;
}

.jcarousel-skin-default .jcarousel-item .img-responsive:hover {
  opacity: 0.5;
  transition: 0.5s;
}

.jcarousel-skin-default .jcarousel-item .date-slider {
  text-align: left;
  font-size: 0.8em;
  margin-top: 10px;
}

.jcarousel-skin-default .jcarousel-item h3 {
  text-align: left;
  margin-top: 2rem;
}

.jcarousel-skin-default .jcarousel-item h3 a {
  color: #012b35;
}

.jcarousel-skin-default .jcarousel-item h3 a:hover {
  color: #5baab6;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 15px 40px 15px;
}

.jcarousel-skin-default .jcarousel-next-horizontal {
  background-position: initial;
  top: 130px;
  right: -20px;
}

.jcarousel-skin-default .jcarousel-prev-horizontal {
  background-position: initial;
  top: 130px;
  left: -20px;
}

.jcarousel-skin-default .jcarousel-next-horizontal:hover,
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-position: initial;
  transform: rotate(360deg);
  transition: 0.5s;
}

.jcarousel-skin-default .jcarousel-next {
  background: url("../images/home/arrow-next.png") no-repeat;
  width: 50px;
  height: 50px;
}

.jcarousel-skin-default .jcarousel-prev {
  background: url("../images/home/arrow-prev.png") no-repeat;
  width: 50px;
  height: 50px;
}

/* Block Menu Accueil */
.block-menu-accueil {
  padding: 0;
}

.block-menu-accueil h2 {
  display: inline-block;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  margin-top: 9rem;
  color: #012b35;
}

.block-menu-accueil ul {
  display: inline-block;
  width: 49%;
}
.form-item-loc-desc.js-form-item-loc-desc.form-group{
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
#edit-renseignement-techniq,
#edit-limite-crue-visible
{
  display: flex;
}
.form-item-renseignement-techniq label[for="edit-renseignement-techniq-non"],
.form-item-limite-crue-visible label[for="edit-limite-crue-visible-non"]
{
  margin-top: 5px;
}
.form-item-renseignement-techniq label[for="edit-renseignement-techniq-oui"],
.form-item-limite-crue-visible label[for="edit-limite-crue-visible-oui"]
{
  margin-right: 12px;
}
/*.block-menu-accueil .temps-reel{background-image:url(/themes/orisk/images/home/bg_temps-reel/bg-1-min.jpg)}*/
/*.block-menu-accueil .cartographie{background-image:url(/themes/orisk/images/home/bg_cartographie/bg-1-min.jpg)}*/
/*.block-menu-accueil .histoire{background-image:url(/themes/orisk/images/home/bg_histoire/bg-1-min.jpg)}*/
/*.block-menu-accueil .pole-karst{background-image:url(/themes/orisk/images/home/bg_pole-karst/bg-1-min.jpg)}*/

.block-menu-accueil .temps-reel.tools-box-rand-img-1 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-1-min.jpg);
}
.block-menu-accueil .temps-reel.tools-box-rand-img-2 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-2-min.jpg);
}
.block-menu-accueil .temps-reel.tools-box-rand-img-3 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-3-min.jpg);
}
.block-menu-accueil .temps-reel.tools-box-rand-img-4 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-4-min.jpg);
}
.block-menu-accueil .temps-reel.tools-box-rand-img-5 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-5-min.jpg);
}
.block-menu-accueil .temps-reel.tools-box-rand-img-6 {
  background-image: url(/themes/orisk/images/home/bg_temps-reel/bg-6-min.jpg);
}
.block-menu-accueil img{
  position: absolute;
  z-index: -1;
}
.block-menu-accueil .temps-reel ul,
.block-menu-accueil .cartographie ul,
.block-menu-accueil .histoire ul,
.block-menu-accueil .pole-karst ul {
  vertical-align: middle;
}

.block-menu-accueil ul li {
  list-style-type: "> ";
  color: #012b35;
  font-weight: bold;
}

.block-menu-accueil .temps-reel,
.block-menu-accueil .cartographie,
.block-menu-accueil .histoire,
.block-menu-accueil .pole-karst {
  height: 300px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.block-menu-accueil a:hover {
  opacity: 0.8;
}

.temps-reel h2:before {
  content: url(../images/home/temps-reel.png);
  display: block;
  margin: 0 auto 2rem;
  width: 66px;
}

.cartographie h2:before {
  content: url(../images/home/cartographie.png);
  display: block;
  margin: 0 auto 2rem;
  width: 68px;
}

.histoire h2:before {
  content: url(../images/home/histoire.png);
  display: block;
  margin: 0 auto 2rem;
  width: 80px;
}

.pole-karst h2:before {
  content: url(../images/home/pole-karst.png);
  display: block;
  margin: 0 auto 2rem;
  width: 46px;
}

.temps-reel-link {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(91, 170, 182, 0.7);
  transition: 0.8s;
}

.cartographie-link {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(235, 235, 235, 0.7);
  transition: 0.8s;
}

.histoire-link {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(190, 226, 235, 0.7);
  transition: 0.8s;
}

.pole-karst-link {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(195, 189, 158, 0.7);
  transition: 0.8s;
}

.temps-reel-link:hover {
  background: linear-gradient(to left, rgba(91, 170, 182, 0.7) 50%, transparent 0);
}

.cartographie-link:hover {
  background: linear-gradient(to left, rgba(235, 235, 235, 0.7) 50%, transparent 0);
}

.histoire-link:hover {
  background: linear-gradient(to left, rgba(190, 226, 235, 0.7) 50%, transparent 0);
}

.pole-karst-link:hover {
  background: linear-gradient(to left, rgba(195, 189, 158, 0.7) 50%, transparent 0);
}

.block-menu-accueil span ul li a {
  color: #012b35;
}

#block-dreal-accueil-blocks {
  display: none;
  visibility: hidden;
}


/* Block Quoi de neuf sur l'ORISK ? */


.block-views-blockquoi-de-neuf-sur-orisk-block-1 {
  /*padding: 100px;*/
  background: linear-gradient(to top, #BEE2EB 50%, #FFF 50%);
}
.view-quoi-de-neuf-sur-orisk{
  padding: 100px;
}
.block-views-blockquoi-de-neuf-sur-orisk-block-1 .view-header h2,
.block-views-blockquoi-de-neuf-sur-orisk-block-1 .view-header hr {
  margin-left: 20px;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-left {
  width: 40%;
  height: 400px;
  float: left;
  background: #fff;
  padding: 20px;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-right {
  width: 60%;
  float: right;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-left h3 {
  margin: 2rem 0;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-left p {
  min-height: 175px;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-left h3 a {
  color: #012b35;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-left h3 a:hover {
  color: #5baab6;
}

.block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-right img {
  height: 400px;
  width: 100%;
}

/* FOOTER */

/* Block Newsletters */
#block-banner-newsletters .view-header,
#block-banner-newsletters .view-content {
  padding: 0 70px;
}

#block-banner-newsletters .view-header {
  margin-top: 50px;
}

#block-banner-newsletters .view-content p {
  margin-top: 2rem;
}

#block-banner-newsletters .view-content .newsletter-form {
  margin-top: -4rem;
}

#block-banner-newsletters .view-content .newsletter-form .form {
  display: inline-block;
}

#block-banner-newsletters.view-content .newsletter-form .form label {
  vertical-align: middle;
  margin-left: 5px;
}

#block-banner-newsletters .view-content .newsletter-form .form .resurgence {
  margin-left: 2rem;
}

#block-banner-newsletters .view-content .newsletter-form .all-news {
  float: right;
}

#block-banner-newsletters .view-content .newsletter-submit input {
  padding: 20px;
  width: 100%;
  border: 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  margin-top: 1.5rem;
  width: 87%;
}

#block-banner-newsletters .view-content .newsletter-submit button {
  display: inline-block;
  width: 12%;
  padding: 20px 0;
  background: #012b35;
  color: #fff;
  border: 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  box-shadow: 0px 0px 5px 0px rgba(213,213,213,1);
  margin-left: -3px;
}

#block-banner-newsletters .view-content .newsletter-submit button:hover {
  opacity: 0.5;
}

#block-banner-newsletters .view-content .newsletter-submit input::placeholder,
#block-banner-newsletters .view-content .newsletter-submit input::-webkit-input-placeholder {
  color: #012b35;
  opacity: 1;
}

/* Block Contribuer sur l'Observatoire */
.footer-contribution {
  background: #012b35;
  margin-top: 50px;
  padding: 30px 0;
}

.footer-contribution .img-footer-contribution {
  width: 120px;
  height: auto;
  float: right;
}

.footer-contribution h3 {
  color: #fff;
}

.footer-contribution p {
  color: #fff;
  font-size: 1.3em;
  margin-top: 1rem;
  line-height: 2rem;

}

.footer-contribution .bouton-contribution {
  margin-top: 25px;
}

.footer-contribution .bouton-contribution a.button {
  color: #fff;
  border-color: #fff;
}

/* Block Footer */
.footer {
  background: #EBEBEB;
  margin-top: 0;
  border: 0;
  z-index: 99;
  position: relative;
}

.block-footer {
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.block-footer .footer-menu {
  border-right: 1px solid #d5d5d5;
}

.block-footer .footer-menu p {
  font-size: 0.75em;
  margin: 0;
  font-family: 'Roboto', Arial, sans-serif;
}

.block-footer .footer-menu img {
  width: 100%;
}

.block-footer .footer-menu a {
  font-size: 0.75em;
  color: #5baab6;
  font-family: 'Roboto', Arial, sans-serif;
}

.block-footer .footer-menu a:hover {
  color: #012b35;
}

.block-footer h4.footer-title {
  color: #012b35;
  margin: 0;
  font-size: 1.29em;
}

/* ARTICLE */
.breadcrumb {
  background: #EBEBEB;
  border-radius: 0;
  padding: 15px;
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(180,177,179,1);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(180,177,179,1);
  box-shadow: inset 0px 2px 5px 0px rgba(180,177,179,1);
}

.breadcrumb .container > li {
  display: inline-block;
  font-size: 0.8em;
}

.breadcrumb .container > li a {
  color: #012b35;
}

.breadcrumb .container > .active {
  color: #012b35;
}

.breadcrumb .container #accueil a {
  content: url(../images/breadcrumb.png);
  vertical-align: sub;
}

.breadcrumb .container > li + li::before {
  padding: 0;
  color: #012b35;
  content: "/\00a0";
}

.article-content {
  margin-bottom: 50px;
}

.node-type-page .article-content {
  min-height: 850px; /*Aider l'affichage du menu sidebar au complet*/
}

.page-header {
  border-bottom: 0;
}

.article-content .bottom-content {
  margin-top: 50px;
  margin-bottom: 130px;
}

.article-content .bottom-content img {
  float: left;
  margin: 0 5px 0 0;
}

.article-content .bottom-content p {
  margin: 0;
  font-size: 0.8em;
}

.article-content a {
  text-decoration: underline;
}

.article-content a.lexicon-term {
  text-decoration: none;
}

.article-content a:hover {
  text-decoration: none;
  color: #5baab6;
}

.article-content a.button {
  text-decoration: none;
}

.article-content a.button:hover {
  color: #012b35;
}

.article-content .two-columns {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.cke_show_borders .two-columns {
  width: 48%;
  display: inline-block;
  margin-right: 1%;
  border: 1px dotted #012b35;
  vertical-align: top;
  margin-top: 20px;
}

.article-content .two-columns img {
  margin: 0;
  padding: 15px;
}

.cke_show_borders .two-columns img {
  margin: 0;
  padding: 15px;
  max-width: calc(100% - 30px);
}

.article-content .center-img,
.cke_show_borders .center-img,
.ck-content .center-img{
  display: block;
  text-align: center;
}
.view_actu .right-actu .views-field-body iframe{
  display: none;
}
.article-content img,
.cke_show_borders img {
  margin: 15px;
  max-width: calc(100% - 30px);
  height: 100%;
}
.article-content img.align-center {
  margin-right: auto;
  margin-left: auto;
}
.view-documents-historises img,
.view-liste-documents-karst img {
  height: 275px;
  width: 205px;

}

.tb-megamenu-item.level-3.mega.dropdown-submenu div,
.tb-megamenu .dropdown-submenu:hover > a:after, .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link:after,
.tb-megamenu .mega-nav .dropdown-submenu > a::after, .tb-megamenu .mega-nav .dropdown-submenu > span.tb-megamenu-no-link::after{
  display: none;
}
.olLayerDiv img {
  margin: 0px; /*retablir la position des fonds de carte à 0*/
}

.article-content iframe,
.cke_show_borders iframe {
  max-width: 100%;
  margin: 15px;
}

.cke_show_borders img.cke_iframe {
  margin: 15px;
}

.cke_wysiwyg_frame.cke_reset {
  margin: 0;
}

.article-content ul li,
.article-content ol li {
  font-size: 16px;
}

.article-content blockquote,
.cke_show_borders blockquote {
  border-left: 10px solid #5baab6;
  padding: 5px 20px;
  background: rgba(91, 170, 182, 0.2);
}

.article-content table {
  margin: 15px auto;
}

.article-content table caption {
  color: #5aa9b5;
  text-align: center;
}

.article-content table thead tr {
  background: #5baab6;
}

.article-content table thead tr a,
.article-content table thead tr a:hover {
  color: #012b35;
}

.article-content table thead tr th {
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  border-color: #012b35;
}

.article-content table tbody tr th {
  padding: 5px;
}

.article-content table tbody tr:nth-child(2n+1) {
  background: rgba(91, 170, 182, 0.2);
}

.article-content table tbody tr td {
  padding: 5px;
}

.article-content h1,
.cke_show_borders h1,
.article-content h4,
.cke_show_borders h4,
.article-content h5,
.cke_show_borders h5 {
  margin: 15px 0;
}

.article-content h2,
.cke_show_borders h2,
.article-content h3,
.cke_show_borders h3 {
  margin: 30px 0 15px 0;
}
.rteleft {
  text-align: left;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}

.marqueur-color-1 {
  background: #012b35;
  color: #fff;
}

.text-color-2 {
  color: #5baab6;
}

.marqueur-color-2 {
  background: #5baab6;
  color: #fff;
}

.text-color-3 {
  color: #EBEBEB;
}

.marqueur-color-3 {
  background: #EBEBEB;
  color: #012b35;
}

.text-color-4 {
  color: #BEE2EB;
}

.marqueur-color-4 {
  background: #BEE2EB;
  color: #012b35;
}

.text-color-5 {
  color: #C3BD9E;
}

.marqueur-color-5 {
  background: #C3BD9E;
  color: #fff;
}

/* RECHERCHE */
.search-form .btn {
  margin-top: 0 !important;
}

.search-form + h2 {

}

.search-results {
  padding: 0;
}

.search-help-link{
  display: none;
}

.search-result {
  list-style-type: none;
  padding: 20px;
}

.search-result:nth-child(2n+1) {
  background: rgba(91, 170, 182, 0.2);
}

.search-result .title a {
  text-decoration: none;
}

.search-result .search-info {
  font-size: 0.8em;
  font-style: italic;
}

/* Block Edit Article */
.edit-article {
  margin: 10px 0 30px 0;
  background: #EBEBEB;
  width: 250px;
  /*height: 257px;*/ /*28/09/2021 SG: Mis en commentaire car espace trop important sur les articles*/
  text-align: center;
  padding: 15px 5px;
}

/* Block Menu Sidebar Right */
.floating-block-active {
  z-index: 1;
}

h4.block-title {
  color: #5baab6;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  margin-left: 5px;
  text-transform: uppercase;
}

/*ul.menu-sidebar-right {
	padding: 10px 5px 5px;
	margin-bottom: 90px;
}

ul.menu-sidebar-right li {
	list-style-type: none;
	margin-bottom: 10px;
}

ul.menu-sidebar-right li a,
ul.menu-sidebar-right li span.nolink {
	color: #012b35;
	font-family: 'bunaero_probold_up';
}

ul.menu-sidebar-right li a:hover,
ul.menu-sidebar-right li a:focus {
	color: #5baab6;
}
*/
ul.menu-sidebar-right li.active a,
ul.menu-sidebar-right li.parent-active a {
  padding: 5px;
  background: #012b35;
  color: #fff;
  text-decoration: none;
}

/*ul.menu-sidebar-right li ul.sub-menu {
	padding-left: 15px;
}

ul.menu-sidebar-right li .sub-menu li {
	margin-bottom: 0;
}

ul.menu-sidebar-right li .sub-menu li.active a {
	background: none;
	color: #012b35;
	font-weight: bold;
	padding: 0;
	text-decoration: underline;
}

ul.menu-sidebar-right li .sub-menu li a {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 0.85em;
}
*/

/* Block Blocks Sidebar Right */
h2.sidebar-right {
  color: #012b35;
}

.blocks-sidebar-right {
  margin-bottom: 100px;
  margin-top: 10px;
}

.blocks-sidebar-right .panel {
  border: 0;
  border-radius: 0;
  border-left: 10px solid;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.blocks-sidebar-right .panel-heading {
  padding: 20px;
}

.blocks-sidebar-right .panel-heading img {
  display: inline-block;
  max-width: 20%;
}

.blocks-sidebar-right .panel-heading h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  width: 83%;
}

.blocks-sidebar-right .cartographie .panel-heading h3 {
  vertical-align: bottom;
}

.blocks-sidebar-right .pole-karst .panel-heading img {
  margin-left: 0.6rem;
}

.blocks-sidebar-right .pole-karst .panel-heading h3 {
  margin-left: 1.6rem;
}

.blocks-sidebar-right .panel-body {
  padding: 0;
}

.blocks-sidebar-right .panel-body ul li {
  list-style-type: "> ";
  font-weight: bold;
}

.blocks-sidebar-right .panel-body ul li a {
  color: #012b35;
}

.blocks-sidebar-right .panel-body ul li a:hover {
  opacity: 0.5;
}

.blocks-sidebar-right .panel.temps-reel {
  border-left-color: #5baab6;
}

.blocks-sidebar-right .panel.cartographie {
  border-left-color: #EBEBEB;
}

.blocks-sidebar-right .panel.histoire {
  border-left-color: #BEE2EB;
}

.blocks-sidebar-right .panel.pole-karst {
  border-left-color: #C3BD9E;
}

.blocks-sidebar-right .panel a h3:after {
  float: right;
  content: url(../images/arrow-bottom.png);
}

.blocks-sidebar-right .panel a[aria-expanded="true"] h3:after {
  float: right;
  content: url(../images/arrow-top.png);
}

.panel-group .panel + .panel {
  margin-top: 0;
}

/* Block News Sidebar Right */
.news-sidebar-right {
  background: #EBEBEB;
  height: 230px;
  padding: 15px;
  margin-bottom: 100px;
}

.news-sidebar-right h3:before {
  content: url(../images/actu.png);
  display: block;
  margin-bottom: 5px;
}

.news-sidebar-right p {
  width: 70%;
  margin-top: 1rem;
}

.news-sidebar-right .actu-button {
  text-align: center;
  margin-top: 4rem;
}

/* Content */
section table {
  max-width: 750px;
}


/* NEWSLETTERS */
.intro-newsletter {
  line-height: normal;
}

.cke_show_borders #newsletter {
  border: 55px solid #BEE2EB;
  border-bottom: none;
  line-height: normal;
  margin: 0;
}

.cke_show_borders #newsletter table tbody tr {
  background: #fff;
}

.cke_show_borders #newsletter table {
  max-width: none;
}

.cke_show_borders #newsletter table tbody tr td p  {
  line-height: normal;
}

.field-name-field-contenu-gauche,
.field-name-field-contenu-droite {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.field-name-field-contenu-droite {
  margin-left: 2%;
}

.field-name-field-contenu-gauche .cke.cke_chrome,
.field-name-field-contenu-droite .cke.cke_chrome {
  width: auto;
}

.page-liste-lettre-information .cke.cke_chrome {
  width: auto;
}

.node-type-simplenews .article-content img,
.cke_show_borders #newsletter img {
  margin: 0;
}

.cke_show_borders #newsletter .chiffre_mois table tbody tr {
  background: #BEE2EB;
}

.cke_show_borders #newsletter .chiffre_mois table,
.cke_show_borders #newsletter table tbody tr td,
.cke_show_borders #newsletter table tbody tr td p {
  margin: 0;
}

.cke_show_borders #newsletter .chiffre_mois table tbody tr td {
  padding: 0;
}

.cke_show_borders #newsletter .chiffre_mois table tbody tr td .image_chiffre_mois {
  height: 155px !important;
}

.page-node .article-content table tbody tr td.td_chiffre_mois,
.cke_show_borders #newsletter .chiffre_mois table tbody tr td.td_chiffre_mois {
  background-position: left center;
}

.node-type-simplenews .field-name-field-version-pdf-de-la-newslett {
  display: none;
}

/* HISTOIRE */
.view-documents-historises .form-control,
.view-liste-documents-karst .form-control {
  display: inline-block;
  color: #012b35;
}

.view-documents-historises label,
.view-documents-historises .views-widget {
  display: inline-block;
  vertical-align: bottom;
}

.view-liste-documents-karst label,
.view-liste-documents-karst .views-widget {
  display: inline-block;
  vertical-align: middle;
}

.view-documents-historises .views-widget-filter-doc_categorie_document_ref_target_id .form-control label,
.view-liste-documents-karst .views-widget-filter-field_doc_karst_categorie_ref_target_id .form-control label,
.view-liste-documents-karst .views-widget-filter-field_thematique_target_id .form-control label {
  width: auto;
  vertical-align: middle;
  color: #012b35;
  font-weight: normal;
}

.view-documents-historises .views-widget-filter-doc_categorie_document_ref_target_id .views-widget,
.view-liste-documents-karst .views-widget-filter-doc_categorie_document_ref_target_id .views-widget {
  display: block;
}

.view-documents-historises .views-widget input,
.view-liste-documents-karst .views-widget input {
  width: 300px;
}

.form-autocomplete + .input-group-addon {
  display: table-cell;
  padding: 0.8rem;
  width: 41px;
}

.view-documents-historises .description {
  width: 300px;
  vertical-align: bottom;
  display: inline-block;
}

.view-documents-historises .views-widget select,
.view-documents-historises .views-widget input:last-child,
.view-liste-documents-karst .views-widget select,
.view-liste-documents-karst .views-widget input:last-child {
  width: 342px;
}

.view-documents-historises .views-widget .bef-checkboxes input,
.view-liste-documents-karst .views-widget .bef-checkboxes input {
  width: auto;
}

.view-documents-historises .views-view-grid,
.view-liste-documents-karst .views-view-grid {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

.view-documents-historises .mosaique table td,
.view-liste-documents-karst .mosaique table td {
  width: 25%;
}

.view-documents-historises .views-col[class*="col-"],
.view-documents-historises .views-col[class*="col-"],
.view-liste-documents-karst .views-col[class*="col-"],
.view-liste-documents-karst .views-col[class*="col-"] {
  padding: 5px;
  margin: 5px;
  background: #EBEBEB;
  text-align: center;
  max-width: 275px;
  word-wrap: break-word;
}
.view-liste-documents-karst .views-col[class*="col-"]{
  flex-direction: column;
  justify-content: space-evenly;
  display: flex;
}
.view-liste-documents-karst .views-row{

  flex-direction: row;
  align-items: stretch;
  justify-content: end;
  display: flex;
}
.view-documents-historises a,
.view-liste-documents-karst a {
  color: #5baab6;
  text-decoration: none;
}

.view-documents-historises table td a,
.view-liste-documents-karst table td a {
  color: #012b35;
}

.view-documents-historises table td:hover a,
.view-liste-documents-karst table td:hover a {
  color: #fff;
}

.view-documents-historises div .histoire_telecharger,
.view-liste-documents-karst div .histoire_telecharger {
  background: url("../images/histoire/telecharger.png") no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 26px;
}

.view-liste-documents-karst .liste table td .histoire_telecharger {
  margin-top: 20px;
}

.view-documents-historises .views-col:hover .histoire_telecharger,
.view-liste-documents-karst .views-col:hover .histoire_telecharger {
  background: url("../images/histoire/telecharger_hov.png") no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 26px;
}

.view-documents-historises div .histoire_details:before,
.view-liste-documents-karst div .histoire_details:before {
  content: url("../images/histoire/detail.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 25px;
}

.view-documents-historises .views-col:hover .histoire_details:before,
.view-liste-documents-karst .views-col:hover .histoire_details:before {
  content: url("../images/histoire/detail_hov.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 25px;
}

.view-documents-historises a:hover,
.view-liste-documents-karst a:hover {
  color: #012b35;
}

.view-documents-historises .mosaique td .field-content,
.view-liste-documents-karst .mosaique td .field-content {
  text-align: center;
}

.view-documents-historises .views-col:hover .field-content,
.view-documents-historises .views-col:hover a,
.view-liste-documents-karst .views-col:hover .field-content,
.view-liste-documents-karst .views-col:hover a {
  color: #fff;
}

.view-documents-historises .views-col[class*="col-"]:hover,
.view-documents-historises .views-col[class*="col-"]:hover,
.view-liste-documents-karst .views-col[class*="col-"]:hover,
.view-liste-documents-karst .views-col[class*="col-"]:hover {
  background: #5baab6;
}

.view-documents-historises .filters-histoire,
.view-liste-documents-karst .filters-histoire {
  display: inline-block;
  width: 65%;
}

.view-documents-historises .views-widget-filter-doc_categorie_document_ref_target_id,
.view-documents-historises #edit-doc-categorie-document-ref-target-id-wrapper,
.view-liste-documents-karst .views-widget-filter-doc_categorie_document_ref_target_id {
  display: inline-block;
  width: 34%;
  float: none;
  vertical-align: top;
}

.view-documents-historises .views-submit-button,
.view-liste-documents-karst .views-submit-button {
  text-align: center;
  float: none;
}

.view-documents-historises .form-item-doc-categorie-document-ref-target-id .form-control,
.view-liste-documents-karst .form-item-doc-categorie-document-ref-target-id .form-control {
  border: 0;
  padding: 0;
}

.view-documents-historises .btn,
.view-liste-documents-karst .btn {
  background: #5baab6;
  border: 1px solid #5baab6;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  width: 150px;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget .btn {
  margin: 0;
}

.view-documents-historises .btn:hover,
.view-liste-documents-karst .btn:hover {
  background: #fff;
  color: #5baab6;
}

.view-documents-historises .views-exposed-form .views-exposed-widget {
  padding: 15px 0 0;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget,
.view-liste-documents-karst .views-exposed-form .views-exposed-widget:nth-child(1),
.view-liste-documents-karst .views-exposed-form .views-exposed-widget:nth-child(2) {
  width: 50%;
  margin-bottom: 30px;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-title,
.view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-title_1 {
  width: 50%;
  clear: both;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-per-page {
  margin:0;
  padding:0;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-nid {
  width: 50%;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget {
  width: 100%;
}

.view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-submit-button {
  clear: both;
  margin: 0;
  padding: 0;
}

.view-documents-historises .view-footer,
.view-liste-documents-karst .view-footer {
  border-top: 1px solid #d5d5d5;
  margin-top: 50px;
  padding-top: 20px;
  text-align: right;
  margin-bottom: -20px;
}

.view-documents-historises .view-footer .localisation_footer,
.view-documents-historises  .mode_affichage,
.view-documents-historises .view-footer .pager,
.view-liste-documents-karst .view-footer .localisation_footer,
.view-liste-documents-karst  .mode_affichage,
.view-liste-documents-karst .view-footer .pager  {
  display: inline-block;
}

.view-documents-historises  .mode_affichage .histoire_affichage_mosaique,
.view-liste-documents-karst .mode_affichage .histoire_affichage_mosaique {
  background: url("../images/histoire/mosaique.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 20px;
}
.view-documents-historises  .mode_affichage .histoire_affichage_liste,
.view-liste-documents-karst .mode_affichage .histoire_affichage_liste {
  background: url("../images/histoire/liste.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin: 0 15px;
}
.view-documents-historises .mode_affichage.right,
.view-liste-documents-karst .mode_affichage.right {
  margin: 20px 0;
}
.mode_affichage.right{
  margin: 20px;
}
.pager.right label{
  width: 6rem;
}
.header-action{
  display:flex;
  flex-direction: row-reverse;
}
.header-action{
  border-top: 1px solid #d5d5d5;
  margin-top: 50px;
  padding-top: 20px;
  text-align: right;
  margin-bottom: -20px;
}
.view-documents-historises .mode_affichage .histoire_affichage_mosaique:hover,
.view-liste-documents-karst .mode_affichage .histoire_affichage_mosaique:hover,
.view-documents-historises .mode_affichage .histoire_affichage_liste:hover,
.view-liste-documents-karst .mode_affichage .histoire_affichage_liste:hover {
  opacity: 0.5;
}

.view-documents-historises .mosaique  .mode_affichage .histoire_affichage_mosaique,
.view-liste-documents-karst .mosaique  .mode_affichage .histoire_affichage_mosaique,
.view-documents-historises .liste  .mode_affichage .histoire_affichage_liste,
.view-liste-documents-karst .liste .mode_affichage .histoire_affichage_liste {
  opacity: 0.5;
  cursor: initial;
}
#footer_items_per_pages{
  border-radius: 5px;
  padding: 5px;
  border: 1px solid;
}

.custom-row{
  width : 100%;
  display: inline-block;
  padding: 5px;
  background: #EBEBEB;
  margin: 2rem 0 0 0;
}
.custom-row .views-field-title{
  margin-top: 1rem;
  color: #5baab6;
}
.custom-row .views-field-title{
  margin-top: 1rem;
  color: #5baab6;
}
.view-display-id-liste .custom-row .views-field-title{
  font-size: 1.2em;
  margin-bottom: 20px;
  margin-top: 10px;
}

.view-display-id-liste .views-field-field-doc-karst-annee,
.view-display-id-liste .views-field-field-thematique,
.view-display-id-liste .views-field-field-doc-karst-categorie-ref,
.view-display-id-liste .views-field-field-doc-karst-cour-d-eau-ref{
  display: flex;
}
.view-display-id-liste .views-field-field-doc-karst-annee span,
.view-display-id-liste .views-field-field-thematique span,
.view-display-id-liste .views-field-field-doc-karst-categorie-ref span,
.view-display-id-liste .views-field-field-doc-karst-cour-d-eau-ref span,
.view-display-id-liste .views-field-field-doc-date span{
  margin-right: 4px;
}
.view-display-id-liste .custom-row:hover div .histoire_telecharger
{
  background: url(../images/histoire/telecharger_hov.png) no-repeat;
}

.view-documents-historises.view-display-id-liste .custom-row:hover div .histoire_details:before
{
  content: url(../images/histoire/detail_hov.png);
}

.view-display-id-liste.views-field-body p{
  font-size: 14px;
}
.view-display-id-liste .custom-row:hover {
  background-color: #5baab6;
}
.view-display-id-liste .custom-row:hover .field-content,
.view-display-id-liste .custom-row:hover .views-field-title,
.view-display-id-liste .custom-row:hover .label-histoire,
.view-documents-historises .custom-row:hover .histoire_details,
.view-documents-historises .custom-row:hover .label-provenance{
  color:#fff;
}
.view-documents-historises .views-field-source-document .field-content span{
  color: #012b35;
}
.view-liste-documents-karst.view-display-id-liste .histoire_telecharger{
  margin-top: 20px;
}
.view-display-id-mosaique .views-field-title a,
.view-display-id-liste .histoire_details,
.view-display-id-mosaique .label-provenance,
.views-field-provenance-document span
{
  color:#012b35;
}
  /*.custom-row .views-field-doc-categorie-document-ref{*/
/*  float: right;*/
/*}*/
.view-documents-historises .views-row{
  margin-bottom: 2rem;
}
.custom-row .views-field-document-vignette{
  float: left;
}
.custom-row .views-field-field-doc-date,
.custom-row .views-field-provenance-document,
.custom-row .views-field-source-document,
.custom-row .views-field-doc-categorie-document-ref{
  display: flex;
  margin: 1rem;
}
.custom-row.ressources_doc .histoire_details{
  display:none;
}
.view-documents-historises .view-footer .localisation_footer .histoire_localiser_tout,
.view-liste-documents-karst .view-footer .localisation_footer .histoire_localiser_tout {
  background: #5baab6;
  border: 1px solid #5baab6;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.view-documents-historises .view-footer .localisation_footer .histoire_localiser_tout:before,
.view-liste-documents-karst .view-footer .localisation_footer .histoire_localiser_tout:before {
  content: url("../images/histoire/localiser.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.view-documents-historises .view-footer .localisation_footer .histoire_localiser_tout:hover,
.view-liste-documents-karst .view-footer .localisation_footer .histoire_localiser_tout:hover {
  background: #fff;
  color: #5baab6;
}

.view-documents-historises .view-footer .localisation_footer .histoire_localiser_tout:hover:before,
.view-liste-documents-karst .view-footer .localisation_footer .histoire_localiser_tout:hover:before {
  content: url("../images/histoire/localiser_hov.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.view-documents-historises .view-footer .pager .footer_affichage,
.view-liste-documents-karst .view-footer .pager .footer_affichage {
  width: auto;
  margin-right: 10px;
  margin-left: 10px
}

.view-documents-historises .view-footer .pager select,
.view-liste-documents-karst .view-footer .pager select {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid;
}

.view-documents-historises #bottom-pager,
.view-liste-documents-karst #bottom-pager {
  text-align: center;
}

.view-documents-historises #bottom-pager .results-histoire,
.view-liste-documents-karst #bottom-pager .results-histoire {
  display: inline-block;
  font-weight: bold;
  margin: 0 50px;
}

.view-documents-historises #bottom-pager .text-center,
.view-liste-documents-karst #bottom-pager .text-center {
  display: inline-block;
  vertical-align: middle;
}

.view-documents-historises .pagination > li > a,
.view-documents-historises .pagination > li > span,
.view-liste-documents-karst .pagination > li > a,
.view-liste-documents-karst .pagination > li > span,
.pagination > li > a,
.pagination > li > span {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 0;
  color: #012b35;
}

.view-documents-historises .pagination > li:hover > a,
.view-liste-documents-karst .pagination > li:hover > a,
.pagination > li:hover > a {
  color: #5baab6;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.view-documents-historises .pagination > .active > a,
.view-documents-historises .pagination > .active > span,
.view-documents-historises .pagination > .active > a:hover,
.view-documents-historises .pagination > .active > span:hover,
.view-documents-historises .pagination > .active > a:focus,
.view-documents-historises .pagination > .active > span:focus,
.view-liste-documents-karst .pagination > .active > a,
.view-liste-documents-karst .pagination > .active > span,
.view-liste-documents-karst .pagination > .active > a:hover,
.view-liste-documents-karst .pagination > .active > span:hover,
.view-liste-documents-karst .pagination > .active > a:focus,
.view-liste-documents-karst .pagination > .active > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: #EBEBEB;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 0;
  color: #012b35;
}

.view-documents-historises .pagination > li.pager-first > a,
.view-documents-historises .pagination > li.prev > a,
.view-documents-historises .pagination > li.next > a,
.view-documents-historises .pagination > li.pager-last > a,
.view-liste-documents-karst .pagination > li.pager-first > a,
.view-liste-documents-karst .pagination > li.prev > a,
.view-liste-documents-karst .pagination > li.next > a,
.view-liste-documents-karst .pagination > li.pager-last > a,
.pagination > li.pager-first > a,
.pagination > li.prev > a,
.pagination > li.next > a,
.pagination > li.pager-last > a,
.pagination > li.pager__item--first > a,
.pagination > li.pager__item--previous > a,
.pagination > li.pager__item--next > a,
.pagination > li.pager__item--last > a {
  width: auto;
  background: none;
  text-transform: capitalize;
}

.view-documents-historises .pagination > li.pager-first > a:hover,
.view-documents-historises .pagination > li.prev > a:hover,
.view-documents-historises .pagination > li.next > a:hover,
.view-documents-historises .pagination > li.pager-last > a:hover,
.view-liste-documents-karst .pagination > li.pager-first > a:hover,
.view-liste-documents-karst .pagination > li.prev > a:hover,
.view-liste-documents-karst .pagination > li.next > a:hover,
.view-liste-documents-karst .pagination > li.pager-last > a:hover,
.pagination > li.pager-first > a:hover,
.pagination > li.prev > a:hover,
.pagination > li.next > a:hover,
.pagination > li.pager-last > a:hover {
  color: #5baab6;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 20px!important;
  border-bottom-right-radius: 20px!important;
}

.page-histoire .modal-content {
  border-radius: 0;
}

.view-documents-historises .liste table td[class*="col-"],
.view-documents-historises .liste table th[class*="col-"],
.view-liste-documents-karst .liste table td[class*="col-"],
.view-liste-documents-karst .liste table th[class*="col-"]  {
  text-align: left;
}

.view-documents-historises .liste td .views-field-file-path,
.view-liste-documents-karst .liste td .views-field-file-path {
  float: left;
}

.view-documents-historises .liste td .field-content,
.view-liste-documents-karst .liste td .field-content {
  display: inline-block;
}

.view-liste-documents-karst .liste td .views-field-body {
  display: flex;
}

.view-liste-documents-karst .liste td .views-field-body p {
  font-size: 14px;
}

.view-documents-historises .liste td .views-field-field-doc-lattitude,
.view-liste-documents-karst .liste td .views-field-field-doc-lattitude {
  margin-top: 40px;
}

.view-documents-historises .liste td .views-field-title-3 span,
.view-liste-documents-karst .liste td .views-field-title-4 span {
  margin-bottom: 20px;
  font-size: 1.2em;
  color: #5baab6;
  width: 70%;
}

.view-liste-documents-karst .liste td .views-field-title-4 span {
  margin-top: 10px;
}

.view-documents-historises .liste td:hover .views-field-title-3 span,
.view-liste-documents-karst .liste td:hover .views-field-title-4 span {
  color: #fff;
}

.view-documents-historises .liste td .views-field-field-doc-date {
  margin-bottom: 20px;
}

.view-documents-historises .liste table td .histoire_telecharger,
.view-documents-historises .liste table td:hover .histoire_telecharger,
.view-liste-documents-karst .liste table td .histoire_telecharger,
.view-liste-documents-karst .liste table td:hover .histoire_telecharger {
  vertical-align: bottom;
}

.view-liste-documents-karst .views-field-nid {
  display: inline-block;
}
.container_vignette_doc{
  width: 312px;
  margin-right: 3rem;
}
.detail-document .vignette_doc,
.detail-document-karst .vignette_doc {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
}
.vignette_document{
  width: 100%;
}
.header-detail-document{
  display: flex;
}
.container_vignette_doc{
  width: 312px;
  margin-right: 3rem;
}
.ctools-modal-dialog .modal-body .detail-document #detail,
.ctools-modal-dialog .modal-body .detail-document-karst #detail {
  width: 60%;
  display: inline-block;
}
.view-documents-historises .views-row.clearfix.row-1::before{
  display: none !important;
}
.detail-document .vignette_document,
.detail-document-karst .vignette_document img {
  width: 100%;
}
.view-documents-historises.view-display-id-liste .vignette_document,
.view-liste-documents-karst.view-display-id-liste .vignette_document{
  height: 275px;
  width: 205px;
}
.detail-document #detail .title,
.detail-document-karst #detail h2 {
  margin-bottom: 30px;
}

.detail-document #detail .title h2,
.detail-document-karst #detail h2 {
  font-size: 1.5em;
}

.detail-document #detail .source {
  margin-top: 20px;
}

.detail-document #detail .download,
.detail-document-karst #detail .download {
  margin-top: 40px;
}

.detail-document #detail .download a,
.detail-document-karst #detail .download a {
  color: #012b35;
  text-transform: uppercase;
  border: 1px solid #012b35;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px 10px 10px;
  text-align: center;
}

.detail-document #detail .download a:before,
.detail-document-karst #detail .download a:before {
  content: url("../images/histoire/telecharger.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.detail-document #detail .download a:hover,
.detail-document-karst #detail .download a:hover {
  opacity: 0.5;
}

.detail-document .evenement_associe .header_evenements_doc {
  margin-top: 50px;
  margin-bottom: 10px;
}

.detail-document .evenement_associe .header_evenements_doc {
  font-weight: bold;
}

.detail-document .evenement_associe table thead {
  background: #5baab6;
  color: #fff;
}

.detail-document .evenement_associe table thead tr th {
  border: 0;
}

.detail-document .evenement_associe table > tbody > tr:nth-of-type(2n+1) {
  background-color: rgba(91, 170, 182, 0.2);
}

.detail-document .evenement_associe table > tbody > tr > td {
  border-top: 0;
  border-right: 1px solid #5baab6;
}

.detail-document .evenement_associe table > tbody > tr > td:last-child {
  border-right: 0;
}

.page-histoire .modal-header .close,
.page-ressources-documenataires .modal-header .close {
  font-weight: normal;
  font-size: 2.5em;
}

.page-histoire .modal-header,
.page-ressources-documenataires .modal-header {
  padding: 0 5px 0 0;
  border-bottom: 0;
}

.page-histoire .modal-header .modal-title,
.page-ressources-documenataires .modal-title {
  display: none;
}

.page-histoire .view-filters .dropdown,
.page-ressources-documenataires .view-filters .dropdown,
.page-contribution .content_form .dropdown {
  position: absolute;
  z-index: 9999;
  background: transparent;
}

.page-histoire .view-filters .dropdown ul,
.page-ressources-documenataires .view-filters .dropdown ul,
.page-contribution .content_form .dropdown ul {
  width: 300px;
  background: #fff;
}

.page-histoire .view-filters .dropdown ul li,
.page-ressources-documenataires .view-filters .dropdown ul li,
.page-contribution .content_form .dropdown ul li {
  list-style-type: none;
  cursor: pointer;
  margin-left: -30px;
}

.page-histoire .view-filters .dropdown ul li:hover,
.page-ressources-documenataires .view-filters .dropdown ul li:hover,
.page-contribution .content_form .dropdown ul li:hover {
  font-weight: bold;
}

/* CONTRIBUER */
/*.contribution-form .content_form {*/
/*  margin-bottom: 30px;*/
/*}*/

/*.contribution-form .form-item label {*/
/*  display: inline-block;*/
/*  width: 35%;*/
/*}*/

/*.contribution-form .form-item input {*/
/*  display: inline-block;*/
/*  width: 55%;*/
/*}*/

/*.contribution-form .form-item .input-group {*/
/*  display: inline-table;*/
/*  width: 55%;*/
/*  vertical-align: middle;*/
/*}*/

.contribution-form .form-item .form-managed-file {
  display: inline-block;
  width: 64%;
}

.contribution-form .form-item .input-group input {
  display: block;
  width: 100%;
}

.contribution-form .form-item-reception-courier .form-radios {
  display: inline-block;
}

.contribution-form .form-item-reception-courier .form-item-reception-courier {
  display: inline-block;
  width: auto;
}

.contribution-form .text-format-wrapper {
  margin: 40px 0;
}

.contribution-form .text-format-wrapper .cke.cke_chrome {
  width: 100%;
}

.contribution-form h4.contribution {
  color: #5baab6;
}

.contribution-form .content_form #edit-submit {
  float: right;
}

.field-radio-inline legend {
  border: 0;
  color: #012b35;
  display: inline-block;
  float: left;
  font-size: 1em;
  margin-top: 1rem;
  width: 35%;
}

.field-radio-inline .fieldset-wrapper {
  display: inline-block;
  width: 55%;
}

.field-radio-inline .fieldset-wrapper .form-type-radio {
  display: inline-block;
  margin-right: 1rem;
  width: auto;
}

.field-radio-inline .form-item label {
  display: inline-block;
  width: auto;
}

.field-radio-inline .form-item input {
  display: inline-block;
  width: auto;
}

.page-contribution .content_form .dropdown ul {
  margin-left: 255px;
}

.text-format-wrapper fieldset.filter-wrapper {
  /* width: 75%; */
  display: none;
  visibility: hidden;
}

/* LEXIQUE */
.lexicon-item {
  color: #5baab6;
  padding: 0.3em;
}
.view-g-rer-le-lexique .actualite-form .form-item,
.view-gestion-articles .actualite-form .form-item,
.view-actualite .actualite-form .form-item{

  display: flex;
  flex-direction: column;
  width: 25rem;
}

.view-g-rer-le-lexique .actualite-form .form-text,
.view-gestion-articles .actualite-form .form-text,
.view-actualite .actualite-form .form-text{
  border-radius:0 ;
  border: 1px solid #ccc;
}

.path-taxonomy .well{
  background: none;
  border: none;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
}
/*.taxonomy-term {*/
/*  width: 73rem;*/
/*  margin-right: 0;*/
/*}*/
/*.path-taxonomy section{*/
/*  width: 59%;*/
/*}*/
.region-content.taxonomy_term{
  margin-left: 25rem;
}
#block-boiteaoutilssidebar{
  width: 34rem;
  right: 24rem;
}
.taxonomy_term .feed-icons{
  display: none;
}
.lexicon-links {
  font-size: 1.3em;
  color: #012b35;
  text-transform: uppercase;
  margin: 30px 0;
  text-align: center;
  background-color: #eeeeff;
}

.lexicon-links a {
  text-decoration: none;
  padding: 5px;
}
.flag-bookmark{
  display : none;
}
.lexicon-links a:hover {
  color: #fff;
  background: #5baab6;
}

.lexicon-links a.is-active {
  color: #fff;
  background: #5baab6;
  padding: 10px;
}

.lexicon-list dd {
  margin: 10px 10px 30px;
  padding: 10px;
  background: #eeeeff;
}

.lexicon-list dd:nth-child(4n+4) {
  background: rgba(91, 170, 182, 0.2);
}

.lexicon-list dt {
  margin: 10px 0 10px 10px;
}

.lexicon-list dt a {
  background: #5baab6;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  font-size: 1.2em;
}

.lexicon-list dt a:hover {
  color: #fff;
}

/* ACTUALITÉS */

.edit-actualite{
  margin-bottom: 3rem;
}
.view-view-actu,
.view-view-actu .view-filters,
.node-type-actualit-s .field-name-field-lien-de-l-illustration {
  margin-bottom: 50px;
}

.view-view-actu .view-filters {
  margin-top: 20px;
  padding: 0px;
}

.view-view-actu .views-row {
  height: 250px;
  margin-bottom: 50px;
}

.view-view-actu .views-row:nth-child(2n+1) {
  background: rgba(91, 170, 182, 0.2);
}

.view-view-actu .left-actu {
  float: left;
  width: 33%;
}

.view-view-actu .left-actu img,
.view-view-actu .left-actu iframe {
  margin: 0;
  height: 250px;
  width: 100%;
}

.view-view-actu .right-actu {
  float: right;
  width: 65%;
  height: 250px;
}

.view-view-actu .right-actu .views-field-field-date-actu .date-display-single,
.node-type-actualit-s .field-name-field-date-actu .date-display-single,
.page-node-type-actualit-s .field--name-field-date-actu .date-display-single {
  background: #5baab6;
  color: #fff;
  padding: 5px;
  font-size: 1.2em;
}

.view-view-actu .right-actu .views-field-field-date-actu,
.page-node-type-actualit-s .field--name-body {
  margin-top: 15px
}

.view-view-actu .right-actu .views-field-title {
  padding-top: 15px;
}

.view-view-actu .right-actu .views-field-title h5 a {
  text-decoration: none;
}

.view-view-actu .right-actu .views-field-title h5 a:hover {
  color: #012b35;
}

.view-view-actu .right-actu .views-field-body {
  width: 97%;
}

.node-type-actualit-s .content {
  display: flex;
  flex-direction: column;
}

.node-type-actualit-s .field-name-field-illustration {
  order: -1;
}

.node-type-actualit-s .field-name-field-illustration img {
  height: auto;
}


.node-type-actualit-s .article-content .content .field-name-body {
  margin-bottom: 50px;
}

/* ADMINISTRATION */
.cke.cke_chrome {
  width: 100%; /*12/11/2021 SG : mieux que de laisser en absolue : 850px;*/
}
.form-required:after{
  color: #9C0202;
}

table td .glyphicon {
  margin-right: 10px;
  font-size: 1.2em;
}

.views-field-status, .views-field-field-publie-observatoire {
  text-align: center;
}

.views-field-status .statut_non_publie,
.views-field-field-publie-observatoire .statut_non_publie {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.views-field-status .statut_publie,
.views-field-field-publie-observatoire .statut_publie{
  width: 20px;
  height: 20px;
  background: green;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

#dreal-admin-content-form-delete,
.page-modifier .form-actions,
.page-ajout .form-actions {
  margin-bottom: 50px;
}
.actualite-form .form-actions,
.article-form .form-actions,
.article-newsletter-form .form-actions,
.edit-lettre-information-form .form-actions,
.couche-form .form-actions,
.modification-form .form-actions,
.theme-form .form-actions,
.sous-theme-form .form-actions,
.import-custom-form .form-actions {
  display: flex;
  justify-content: space-between;
}

.actualite-form .btn-success,
.couche-form .btn-success {
  margin-right: 0 !important;
}
.region-footer{

}
#dreal-admin-content-form-delete button {
  margin-top: 20px;
  margin-right: 40px;
}

.page-modifier .form-actions .btn-success,
.page-ajout .form-actions .btn-success {
  float: right;
}

#edit-retour {
  float: left;
}


/*Filtrer Recherche avant les listes d'admin*/
.backoffice-custom .form-control,
.backoffice-custom .multiselect-wrapper select.form-multiselect {
  border: 2px solid #AAC4C9;
  border-radius: 12px;
  font-size: 1.3rem;
  line-height: 1.42857143;
}

.backoffice-custom .input-group .select-wrapper:first-child .form-control:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.backoffice-custom .views-exposed-form .form-item,
.frontoffice-custom .views-exposed-form .form-item {
  float: left;
  padding: 0.5em 1em 0 0;
  border: 0;
  box-shadow: none;
}

.frontoffice-custom .views-exposed-form .fieldgroup {
  margin-top: 0.8rem;
  width: 100%;
}

.frontoffice-custom .views-exposed-form .form-item .select-wrapper {
  display: table;
}

.frontoffice-custom .views-exposed-form .fieldgroup .bef-toggle,
.backoffice-custom .views-exposed-form .fieldgroup .bef-toggle {
  display: none;
  visibility: hidden;
}

.backoffice-custom .views-exposed-form .form-item .panel-body,
.frontoffice-custom .views-exposed-form .form-item .panel-body {
  padding: 0;
}

.backoffice-custom .views-exposed-form .form-item legend,
.backoffice-custom .block-label .panel-title,
.frontoffice-custom .views-exposed-form .form-item legend,
.frontoffice-custom .block-label .panel-title {
  background-color: transparent;
  border: 0;
  color: #012b35;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: -1rem;
  text-transform: initial;
}

.backoffice-custom .block-label .panel-heading {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.backoffice-custom .views-exposed-form .form-item fieldset .form-type-checkbox,
.frontoffice-custom .views-exposed-form .form-item fieldset .form-type-checkbox {
  float: none;
  display: block;
}

.backoffice-custom .views-exposed-form .form-item fieldset .form-type-checkbox label,
.backoffice-custom .views-exposed-form .block-label .panel-body label,
.frontoffice-custom .views-exposed-form .form-item fieldset .form-type-checkbox label,
.frontoffice-custom .views-exposed-form .block-label .panel-body label{
  font-weight: 400;
}

.backoffice-custom .views-exposed-form .form-inline .form-item .form-control,
.backoffice-custom .views-exposed-form .form-inline .form-item .input-group {
  display: block;
}

.backoffice-custom .views-exposed-form .form-inline .form-item.d-table .input-group,
.backoffice-custom.d-table .views-exposed-form .form-inline .form-item .input-group {
  display: table;
}

.frontoffice-custom .views-exposed-form .form-item fieldset .form-type-checkbox label input {
  margin-right: 0.5rem;
}

.backoffice-custom .table-responsive {
  width: 100%;
}

.backoffice-custom table thead tr th {
  padding: 8px;
  text-align: left;
}

/*Largeur mini de la colonne Actions*/
.backoffice-custom .table-responsive .col-actions {
  min-width: 8rem;
}

.backoffice-custom .table-responsive table th:last-child,
.backoffice-custom .table-responsive table td:last-child {
  text-align: center;
}

.backoffice-custom .view-footer .pager p {
  display: none;
}

.panel {
  border: none;
  box-shadow: none;
}

.custom-panel-on .panel {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-custom-no {
  border: 0;
}

.panel-custom-no .panel-body {
  padding: 0;
}

.group-fields .form-item {
  margin-bottom: 15px;
}

.group-fields .form-item.form-type-textarea {
  margin-bottom: 0;
}

.view-g-rer-le-lexique .view-filters #edit-name {
  width: 230px;
}

.page-modifier section,
.page-modifier section,
.page-categorie-document section,
.page-liste-categories-documents-karst section,
.page-thematiques-disponible section,
.page-liste-articles-newsletter section,
.page-liste-lettre-information section,
.page-liste-abonnements section,
.page-modifier form {
  margin-bottom: 50px;
}

select[multiple],
select[size] {
  min-width: 250px;
}

select[multiple] {
  min-height: 160px;
}

.multiselect_btns li {
  display: inline-block;
  margin-right: 10px;
}

.form-item-cou-pictogramme {
  display: inline-block;
  -webkit-column-count: 13;
  column-count: 13;
  -webkit-column-gap: 0px;
  column-gap: 0px;
  -webkit-column-width: 80px;
  column-width: 80px;
}

.form-item-cou-pictogramme img {
  width: auto;
  margin: 0 15px 0 0;
  max-width: 100%;
}

#edit-pictogramme-fielset-body {
  height: 300px;
  overflow-x: auto;
}

span.file img {
  margin: 0
}

.transfert-couche {
  margin-bottom: 20px;
}

#liste-attributs-couche-form #edit-retour {
  margin-right: 20px;
}

.page-liste-lexique #edit-cancel,
.page-liste-lexique #edit-delete,
.page-liste-lettre-information #edit-cancel,
.page-liste-menus .form-actions #edit-actions-cancel,
.page-liste-menus .form-actions #edit-actions-add-link,
.page-liste-menus .form-actions .btn-danger,
.page-liste-menus .form-actions #edit-cancel {
  float: left;
  margin-right: 20px;
}

.page-liste-lexique form #edit-actions {
  margin-top: 20px;
}

#edit-doc-document-fichier-ref-browse-button {
  display: inline-block;
}


.page-document-disponible .form-checkboxes,
.page-document-karst-disponible .form-checkboxes {
  height: auto;
}

.page-document-disponible .form-checkboxes input,
.page-document-karst-disponible .form-checkboxes input {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.page-document-disponible .form-checkboxes label,
.page-document-karst-disponible .form-checkboxes label {
  font-weight: normal;
  color: #012b35;
}

.page-document-disponible .views-submit-button,
.page-document-karst-disponible .views-submit-button {
  width: 100%;
  text-align: center;
}

.page-document-karst-disponible table .views-field-nothing {
  min-width: 75px;
}

.page-document-disponible .form-item-field-doc-date-de-publication-value-min label,
.page-document-disponible .form-item-field-doc-date-de-publication-value-max label {
  font-weight: normal;
  float: left;
  margin-top: 5px;
  width: 100px;
}

.actualite-form .panel {
  margin: 30px 0;
}

.multiselect .multiselect_btns {
  height: 160px;
  padding-left: 1.5rem;
  padding-top: 3rem;
  display: inline-block;
  vertical-align: top;
}

.multiselect-wrapper {
  display: flex;
}

div.multiselect-available,
div.multiselect-selected {
  flex-direction: column;
  display: flex;
  width: 45%;
}

div.multiselect-available > label,
div.multiselect-selected > label {
  color: #012b35;
}

.multiselect-wrapper select.form-multiselect {
  width: auto;
}

.multiselect-btns {
  display: flex;
  align-items: center;
}

.multiselect .multiselect_btns li {
  display: block;
}

.multiselect .multiselect_available,
.multiselect .form-type-select {
  display: inline-block;
  vertical-align: middle;
}

.sliderfield-event-field-container {
  display: inline-block;
}

.form-item-field-style-transparence-value .sliderfield-processed {
  background: none;
  width: 50px;
  margin-left: 0;
  vertical-align: middle;
}

.sliderfield-processed {
  display: inline-block;
  margin-left: 25px;
  vertical-align: sub;
  width: 200px;
  background: rgba(91, 170, 182, 0.2);
}

.red .ui-slider-handle {
  border-color: #5baab6;
}
#carrousel .slide__caption{
  padding: 0;
}

.multiselect-btns > ul > li.multiselect-add,
.multiselect-btns > ul > li.multiselect-remove {
  width: 50px;
  height: 50px;
}

.multiselect-btns > ul > li.multiselect-add {
  background: url("/themes/orisk/images/home/arrow-next.png") no-repeat;
}

.multiselect-btns > ul > li.multiselect-remove {
  background: url("/themes/orisk/images/home/arrow-prev.png") no-repeat;
}

.multiselect-btns > ul > li.multiselect-add:hover,
.multiselect-btns > ul > li.multiselect-remove:hover {
  background-position: 0 0;
  cursor: pointer;
  opacity: 0.5;
}

#edit-upload-couche-remove-button {
  padding: 6px 10px;
}

.table > tbody > tr:nth-child(2n+1) {
  background: rgba(91, 170, 182, 0.2);
}

.table > tbody > tr > td.active,
.table > thead > tr > th.active,
.table-hover > tbody > tr:hover {
  background: initial;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  border: 0;
}

.page-document-disponible .view-filters .dropdown,
.page-liste-lexique .view-filters .dropdown,
.page-document-karst .view-filters .dropdown {
  position: absolute;
  z-index: 9999;
  background: transparent;
}

.page-document-disponible .view-filters .dropdown ul,
.page-liste-lexique .view-filters .dropdown ul,
.page-document-karst .view-filters .dropdown ul {
  width: 229px;
  background: #fff;
}

.page-document-disponible .view-filters .dropdown ul li,
.page-liste-lexique .view-filters .dropdown ul li,
.page-document-karst .view-filters .dropdown ul li {
  list-style-type: none;
  cursor: pointer;
  margin-left: -30px;
}

.page-document-disponible .view-filters .dropdown ul li:hover,
.page-liste-lexique .view-filters .dropdown ul li:hover,
.page-document-karst .view-filters .dropdown ul li:hover {
  font-weight: bold;
}

div.color_picker {
  cursor: pointer;
}

.colorpicker {
  z-index: 10000;
}

.page-liste-menus .form-item-expanded,
.node-import-form .field-name-body,
.node-import-form .node-form-options {
  display: none;
}

.background-block,
#block-espacedescollectivites {
  margin: 30px 0 30px 0;
  background: #EBEBEB;
  padding: 38px 20px 33px;
}

/* Checkbox thèmes Espace collectivités */

#bloc_filter_themes {
  padding: 0 .5rem 3rem;
  width: 100%;
}

#area_themes{
  width: 100%;
  display: inline-block;
  line-height: 3px;
  text-align: left;
}
#area_themes input {
  opacity: 0;
  z-index: 10;
  position: relative;
  cursor: pointer;
  top: 14px;
  width: 100%;
}
#area_themes label {
  margin-left: 7rem;
  margin-top: 0.4rem;
}

#area_themes input:checked + .slider{
  background: #397780;
}
.slider {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 15px;
  background: #808080;
  display: block;
  border-radius: 10px;
  position: absolute;
  left: 29px;
}

.slider:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
  transition: 0.3s;
  box-shadow: 1px 2px 6px grey;
}


#area_themes input:checked + .slider:after {
  left: calc(100% - 4px);
  transform: translateX(-44%);
}

.slider:active:after {
  width: 130px;
}

/*28/09/2021 SG: Mis en commentaire car espace trop important sur les articles*/
/*.block-dreal .edit-article {
	background: none!important;
	margin: 0px 0 30px 0!important;
	height: 209px!important;
}*/

/*
#block-dreal-thematiques-article h4{
	background-image: url("../images/flag/add-thematique.png");
	background-repeat: no-repeat;
	padding: 9px 30px;
	display: flex;
	flex-direction: row-reverse;
}*/
.rtecenter{
  text-align: center;
}
#block-articlecollectivitefavoris h4, #block-views-block-flag-bookmark-block-2 h4, #favoris_sur_detail_article_collectivite h4{
  background-image: url("../images/flag/flag-favoris.png");
  background-repeat: no-repeat;
  padding: 4px 30px;
}
.block-article-collectivite-favoris-block .view-flag-bookmarks {
  margin: 1rem 0.5rem 0;
}

footer .print_html, footer .print_pdf{
  display: none;
}

/* FILTERS*/
.view-tableau-article-collectivite .view-filters .views-exposed-widget{
  margin-right: 30px;
}
.view-tableau-article-collectivite .views-row-first{
  margin-top: 40px;
}
.view-tableau-article-collectivite .view-header{
  margin-bottom: 20px;
}
.view-tableau-article-collectivite .view-sidebar-actu{
  display: flex!important;
  flex-direction: row-reverse;
}
.right-article-collectivite{
  width: 70%;
  margin-left: 30px;
}
.left-article-collectivite{
  width: 30%;
}

.right-article-collectivite .field-content > p{
  padding-right: 10px;
}

.right-article-collectivite .views-field-field-date-article-collectivite{
  text-align: center;
  background-color: #397780;
  color: #FFF;
  width: 190px;
  position: absolute;
  right: 0;
  margin-right: 25px;
}

.right-article-collectivite .views-field-body{
  color: #002A34;
  font-weight: 500;
}

.view-tableau-article-collectivite h5{
  margin-top: 36px!important;
}

.view-tableau-article-collectivite h5 a{
  text-decoration: none!important;
}
.view-tableau-article-collectivite a:hover{
  color: #397780;
}

/* Thèmes(tags) des articles des collectivités */
.views-field-field-thematique-article{
  text-align: right;
  margin-right: 10px;
  margin-top: 25px;
}

.views-field-field-thematique-article div ul li,
.field--name-field-thematique-article .field--item{
  background-color: #CFDBB0;
  padding: 1px 8px;
  max-width: min-content;
  border-radius: 4px;
  margin-top: 4px;
  list-style: none;
  display: inline;
  margin-right: 8px;
}
.field--name-field-date-article-collectivite{
  float: right;
}
.view-tableau-article-collectivite .views-row{
  box-shadow: 1px 4px 26px -10px rgb(120 110 120 / 75%);
  margin-bottom: 20px;
  padding: 13px 0;

}

/* Flags "ajouter/retirer de la liste des articles des collectivités */
.flag-bookmarks {
  margin: 16px 0;
}
.flag-bookmarks a{
  text-decoration: none;
}
.flag-bookmarks a:hover{
  color: #972F37;
  text-decoration: underline;
}
.action-unflag{
  background-image: url("../images/flag/flag-ok.png");
  background-repeat: no-repeat;
  padding: 4px 30px;
  color: #972F37;
  font-weight: 500;
}

.action-flag{
  background-image: url("../images/flag/flag-none.png");
  background-repeat: no-repeat;
  padding: 4px 30px;
}
.action-flag a,
.action-unflag a {
  color: #972F37;
  font-weight: 500;
}

.left-article-collectivite .views-field-ops{
  margin-left: 22px;
  margin-top: 31px;
}

.view-flag-bookmarks tr,
.view-flag-bookmark tr {
  background: none!important;
}

.view-flag-bookmarks ul,
.view-flag-bookmark ul{
  line-height: 27px;
  margin-top: 15px;
}

.view-flag-bookmarks ul li {
  font-size: inherit;
}

.view-flag-bookmarks ul li a{
  text-decoration: none;
}

.view-flag-bookmarks ul li a:hover{
  color: #012b35;
}


/* Un article collectivité */
.view-tableau-article-collectivite .views-field-field-date-article-collectivite,
.field--name-field-date-article-collectivite{
  text-align: center;
  background-color: #397780;
  color: #FFF;
  width: 190px;
  /*position: absolute;*/
  right: 0;
  margin-right: 25px;
}
.custom-collectivite.views-row{
  /*height: 232px;*/
  /*width: 730px;*/
  min-height: 232px;

}
#views-exposed-form-tableau-article-collectivite-page .panel-body{
  display: flex;
}
#views-exposed-form-tableau-article-collectivite-page .form-item-field-date-article-collectivite-value,
#views-exposed-form-tableau-article-collectivite-page .form-type-textfield{
  display: flex;
  flex-direction: column;
}
#views-exposed-form-tableau-article-collectivite-page .form-item-field-date-article-collectivite-value{
  margin-left: 5rem;
  margin-right: 5rem;
}

.custom-collectivite .views-field-title{
  margin-left: 24rem;
}
.custom-collectivite .views-field-collectivie-body,
  /*.custom-collectivite .views-field-title,*/
.custom-collectivite .views-field-field-date-article-collectivite
  /*.custom-collectivite .views-field-field-thematique-article*/
{
  margin-bottom: 1rem;
  float:right;
}
.custom-collectivite .views-field-field-illustration-article {
  width: 210px;
  float: left;
  margin-right: 3rem;
}
.custom-collectivite .views-field-link-flag{
  margin-left: 10px;
  display: inline-block;
  width: 100%;
  /*display: inline-block;*/

}
.custom-collectivite .views-field-collectivie-body{
  width: 490px;
}
.custom-collectivite .views-field-field-thematique-article{
  display: inline-block;
  width: 100%;
  margin-top: 0px;
}

.well {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.field-name-field-date-article-collectivite .field-item span{
  text-align: center;
  background-color: #397780;
  color: #FFF;
  width: 190px;
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.field-name-field-thematique-article .field-item {
  background-color: #CFDBB0;
  padding: 1px 8px;
  border-radius: 4px;
  display: inline;
  margin-right: 8px;
}

.field-name-field-thematique-article{
  margin-bottom: 20px
}

footer .links{
  margin-top: 20px;
  margin-bottom: 20px
}
.node-article_collectivite-form  .field-name-field-illustration-article .ctools-modal-media-file-edit{
  display: none;
}

/*Administration > Liste (tableau)*/
.views-table thead {
  background-color: #5baab6;
}

.views-table thead a, .views-table thead th {
  color: white;
}

.views-table thead th .icon-after {
  margin-left: 0.5rem;
}

.views-table thead th.is-active a,
.views-table thead a:hover, .views-table thead a:focus {
  color: #012b35;
}

.views-table tbody tr:hover {
  background-color: #e8e8e8;
}

/* Liste des articles des collectivités ADMIN */

.view-liste-articles-collectivites tbody .views-field-name > a,
.view-liste-articles-collectivites tbody .views-field-count,
.view-liste-articles-collectivites tbody .views-field-changed,
.view-listes-des-couches tbody .views-field-field-createur,
.view-listes-des-couches tbody .views-field-cou-type-de-couche-ref,
.view-listes-des-couches tbody .views-field-title-2, .view-listes-des-couches tbody .views-field-title-1{
  color: #397780;
}

.view-liste-articles-collectivites tbody .views-field-title > a,
.view-listes-des-couches tbody .views-field-title > a {
  color: #142C36;
}

.view-liste-articles-collectivites tbody .views-field-count > span {
  color: #972F37;
}

.view-liste-articles-collectivites .views-field-title {
  width: 50%;
}

/* Ajout d'un article collectivité */
.node-article_collectivite-form{
  max-width: 861px;
}
.node-article_collectivite-form label:not(.form-item-flag-bookmarks label, .form-item-status label),
.backoffice-custom.group-fields label.control-label,
.page-ajout-actualit-s label.control-label, .actualite-form label.control-label,
.page-node-import label.control-label,
.import-custom-form label.control-label {
  color: #397780;
  font-weight: bold;
  vertical-align: top; /*util pour les glyphicon "?"*/
}

.node-article_collectivite-form .form-type-checkbox label.control-label,
.backoffice-custom.group-fields .fieldgroup label.control-label,
.page-ajout-actualit-s .form-type-radio label.control-label, .page-modifier-actualite .form-type-radio label.control-label {
  color: #858585;
}

.node-article_collectivite-form .form-checkboxes{
  margin-left: 26px;
}
.node-article_collectivite-form .field-name-field-thematique-article, .node-article_collectivite-form .field-name-field-illustration-article{
  border: 1px solid #ddd;
  padding: 20px 15px;
}

.node-article_collectivite-form .form-control,
.page-ajout-actualit-s .form-control, .actualite-form .form-control,
.page-node-import .form-control,
.import-custom-form .form-control {
  border: 2px solid #AAC4C9;
  border-radius: 12px;
}
.node-article_collectivite-form .date-form-element-content-multiline{
  border: none;
  padding: 0;
}
.field-name-field-date-article-collectivite,
.page-ajout-actualit-s .field-name-field-date-actu, .actualite-form .form-item-field-date-actu {
  display: flex;
  justify-content: end;
}

/* Ajout d'une actualité */
.field-name-field-date-actu fieldset.panel-default,
.field-name-field-date-actu fieldset.panel-default .panel-body,
.field-name-field-date-actu fieldset.panel-default .container-inline-date > .form-item,
.field-name-field-date-actu fieldset.panel-default .container-inline-date .date-padding {
  margin: 0;
  padding: 0;
  border: 0;
}

.field-name-field-date-actu fieldset.panel-default > legend.panel-heading {
  visibility: hidden;
  display: none;
}

.help-block, .help-block ol li {
  font-size: 1.2rem;
}

/* Window Medias custom */
#branding {
  background-color: #e0e0d8;
}

#media-tabs-wrapper {
  float: left;
}

#media-browser-tabset .ui-widget-header {
  border: 0;
}

.ui-widget,
.ui-widget button {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar {
  font-size: 1.8rem;
}

.ui-dialog .ui-dialog-titlebar-close:after {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  content: "\e014"; /*glyphicon-remove*/
  line-height: 1;
}

.page-modifier-article-collectivite iframe html body.page-media-browser #media-tabs-wrapper ul li:nth-child(3),
.page-modifier-article-collectivite iframe html body.page-media-browser #media-tabs-wrapper ul li:nth-child(4) {
  display: none; /*cache onglet Bibliothèque et Mes fichiers*/
}

.page-media-browser .ui-tabs .ui-tabs-nav li a {
  text-transform: uppercase;
}

.page-media-browser .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-weight: 700;
}

.media-browser-tab label.control-label {
  color: #397780;
  font-weight: bold;
}

.media-browser-tab .form-control,
.form-managed-file .form-control {
  border: 2px solid #AAC4C9;
  border-radius: 12px !important;
  width: auto;
}

.media-browser-tab .form-managed-file .input-group-btn,
.form-managed-file .input-group-btn {
  font-size: 14px;
  width: auto;
}

.media-browser-tab .form-managed-file .input-group-btn button,
.form-type-managed-file .form-managed-file .input-group-btn button {
  border-radius: 20px;
  margin: 0 !important;
}

.form-item-ftp-couche {
  width: 60%;
}

/* LOGIN */
#user-login .form-group{
  max-width: 500px;
}

.content-login{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 41px;
  margin-top: 23px;
  position: relative;
}

.content-login a{
  margin-right: 15px;
  margin-bottom: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.content-login span{
  background: #E9F5F6;
  width: auto;
  padding: 10px 15px;
  height: 35px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #397780;
  font-weight: 500;
  border-bottom: 1px solid #397780;
}
.content-login a:before{
  content: url(../images/unlock.png);
  margin-right: 5px;
}

.content-login a:hover{
  color: #8C0000;
}
.btn{
  margin: 20px 40px 10px 0!important;
}

/*Custom Administration > Module Couche*/
.rangeslider__fill {
  background: #5baab6;
}

.view-listes-des-couches th.views-field-couche-actions {
  width: 270px;
}

.view-listes-des-couches .views-exposed-form .form-item-status-1 {
  display: none;
  visibility: hidden;
}

.view-listes-des-couches .form-item .select-wrapper {
  display: block;
}

.view-listes-des-couches .views-field-field-cou-rang {
  text-align: center;
}

.view-listes-des-couches .form-item-field-publie-observatoire-value select {
  width: 100%;
}

.backoffice-custom .table-responsive table td.views-field-couche-actions,
.backoffice-custom .table-responsive table td.views-field-nid {
  text-align: right;
}

.panel-default > legend.panel-heading {
  background-color: #012b35;
  border-color: #012b35;
}

.view-liste-attribut-par-couche td.views-field-title-1 input {
  width: 50%;
}

.panel-heading a.panel-title,
.panel-heading span.panel-title{
  color:white;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.panel-heading a.panel-title:hover, .panel-heading a.panel-title:focus,
.panel-heading span.panel-title:hover, .panel-heading span.panel-title:focus {
  color:#5baab6;
}

.text-collapse .panel {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.text-collapse .panel-heading {
  background: transparent;
  border: 0;
}

.text-collapse .panel-heading a[aria-expanded="false"] span.glyphicon-chevron-down {
  rotate: -90deg;
}

.text-collapse .panel-heading a.panel-title {
  color: #31708f;
  background: transparent;
  font-weight: 400;
  text-transform: initial;
  border: 0;
  font-size: 14px;
  padding: 0;
}

.opacity-slider .sliderfield-container {
  margin: 0 0 0 2rem;
}
#edit-field-style-transparence-slider {
  display: none;
}

.zoom-scale > * {
  float: left;
}

.zoom-scale .form-item-cou-scale-min {
  clear: both;
  margin-right: 2rem;
  width: 30%;
}

.zoom-scale .form-item-cou-scale-max {
  margin-top: 3.2rem;
  width: 30%;
}

.empty-label-multiselect .multiselect label {
  display: none;
  visibility: hidden;
}

.multiselect_labels .label_unselected {
  float: left;
  width: 330px;
}

fieldset.panel .intro, .intro.margin-tb {
  margin: 1rem 0 2rem;
}

.exemple-container {
  background-color: #EBEBEB;
  margin: 1rem 0 3rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.img-exemple-clic,
.img-exemple-infobulle {
  background-position: center;
  background-repeat: no-repeat;
  height: 20rem;
}

.img-exemple-clic {
  background-image: url("../images/carto/exemple_clic-min.png");
}

.img-exemple-infobulle {
  background-image: url("../images/carto/exemple_infobulle-min.png");
}

.help-icon {
  margin-left: 0.5rem;
  font-size: 2.2rem;
}

/*Custom Administration > Module Import Doc*/
.view-liste-des-imports th.views-field-nid {
  width: 140px;
}

.intro-rapport {
  padding: 2rem;
}

.import-custom-form > .form-group {
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width: 100%;
}

.import-custom-form .form-item-name {
  width:66.66666667%;
}

.import-custom-form .form-item-import-type {
  width: 33.33333333%;
}


/*Fenêtre modal : ex Classification, attributs de la couche*/
.modal-default h4.modal-title {
  color: #012b35;
}

.modal-default .modal-body fieldset:first-of-type,
.drupal-modal .modal-body fieldset:first-of-type {
  margin-top: 0;
}

.inline-radio .form-type-radios,
.hack-fieldset .fieldgroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hack-fieldset.inline-radio .fieldgroup legend {
  display: contents; /*25/07/2023 SG: Legend bloque l'affichge en ligne donc j'ai utilisé contents ici*/
}

.hack-fieldset .fieldgroup legend {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #397780;
  font-weight: bold;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.42857143;
  border: 0;
  padding: 0;
  width: auto;
}

.radio-50 .form-type-radio {
  float: left;
  margin-top: 10px;
  width: 50%;
}

.modal-default .form-item-chap-habillage-ref .form-item-chap-habillage-ref.form-type-radio,
#drupal-modal  .form-item-chap-habillage-ref.form-type-radio{
  display: inline-block;
  min-width: 75px;
}

.ui-dialog-content a.text-link-pdf, .drupal-modal a.text-link-pdf{
  text-decoration: underline;
  color: #012b35;
}

.ui-dialog-content a.text-link-pdf:hover, .ui-dialog-content a.text-link-pdf:focus,
.drupal-modal a.text-link-pdf:hover, .drupal-modal a.text-link-pdf:focus  {
  text-decoration: underline;
  color: #397780;
}
#liste_article_collectivite_affichage{
  display: flex;
  justify-content: end ;
}
/*21/10/2021 @SG => Custom Quick Modal : Site en maintenance */
.quick-modal-modal-window,
.quick-modal-modal-window .quick-modal-close {
  background-color: #5baab6;
}

.quick-modal-modal-window .quick-modal-wrap {
  background-color: #EBEBEB;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: left;
}

.quick-modal-modal-window .quick-modal-wrap p {
  margin-bottom: 1rem;
  color:#012b35;
  font-weight: 400;
}

.quick-modal-modal-window .quick-modal-wrap .h1 {
  font-family: 'bunaero_probold_up';
  color: #012b35;
  font-weight: bold;
  margin: 0;
  line-height: initial;
  margin-bottom: 1rem;
  text-align: center;
}

.quick-modal-modal-window .quick-modal-wrap a {
}

.quick-modal-modal-window .quick-modal-wrap a:hover,
.quick-modal-modal-window .quick-modal-wrap a:active {
}

/*Custom Administration > Module Inscrits Newsletter (export)*/
.simplenews-subscriber-export > div.form-item label.control-label, .simplenews-subscriber-export legend {
  border: 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.4rem;
}

.simplenews-subscriber-export .fieldgroup {
  float: left;
  width: 30%;
}

.simplenews-subscriber-export div.form-item-emails {
  clear: both;
}
.logo.navbar-btn.pull-left{
  z-index: 1000;
  position: relative;
}
.view-liste-des-th-mes .views-exposed-form .form-inline,
.view-sous-th-me .views-exposed-form .form-inline
{
  display: flex;
}
.view-liste-des-th-mes .view-filters .form-item,
.view-sous-th-me .view-filters .form-item{
  display: flex;
  flex-direction: column;
}
.view-liste-des-th-mes .view-filters .form-item.js-form-item-nid,
.view-sous-th-me .view-filters .form-item.js-form-item-nid{
  margin: 0 2rem 0 2rem;
}
.view-liste-des-th-mes .view-filters .form-item-items-per-page,
.view-sous-th-me .view-filters .form-item-items-per-page{
  display: none;
}
.view-liste-des-th-mes .table thead a,
.view-sous-th-me .table thead a{
  color: white;
}
/*Généralisé cet attrib*/
.view-liste-des-th-mes table thead tr th,
.view-sous-th-me table thead tr th{
  text-align: left;
}

form.sous-theme-form .form-item-theme,
form.theme-form .form-item-code{
  margin-top: 15px;
}
.theme-form .edit-actions{
  display: FLEX;
  flex-direction: row;
  justify-content: space-between;
}
.view-sous-th-me  .col-md-6.text-right{
  width: 100%;
}
.maximizeDiv.olButton{
  float: right;
}
.view-accueil-actualites .view-header{
  display: flex;
  justify-content: space-between;
}
.custom-row .views-field.views-field-title{
  margin-left: 15px;
}

ul.menu-sidebar-right a{
  color: black;
  text-decoration: none;
}
ul.menu-sidebar-right{
  list-style-type: none;
}
ul.menu-sidebar-right li.active a, ul.menu-sidebar-right li.parent-active{
  color: white !important;
  padding: 5px;
  margin-bottom: 1rem;
}
ul.menu-sidebar-right li .sub-menu li a {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.85em;
}

ul.menu-sidebar-right li a,
ul.menu-sidebar-right li span.nolink{
  color: #012b35;
  font-family: 'bunaero_probold_up';
  margin-bottom: 1rem;
}
ul.menu-sidebar-right .sub-menu.child a,
ul.menu-sidebar-right .sub-menu.child span.nolink{
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.85em;
}
#block-menusidebarright:first-child > .menu-sidebar-right{
  margin-top: 1rem;
  padding-left: 0;
}
ul.menu-sidebar-right li.active {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
ul.menu-sidebar-right li a:hover, ul.menu-sidebar-right li a:focus{
  color: #5baab6;
}
.ul.menu-sidebar-right li.active:hover{
  color: white;
}
.maximizeDiv.olButton{
  float: right;
}
.view-accueil-actualites .view-header{
  display: flex;
  justify-content: space-between;
}
.custom-row .views-field.views-field-title{
  margin-left: 15px;
}
#block-menuprincipal{
  display:none;
}
#block-menusidebarright{

}

.content_form .form-item.form-type-textfield,
.content_form #edit-reception-courier--wrapper,
.content_form .form-type-managed-file
{
  display: flex;
  flex-direction: column;
}
.field-radio-inline legend {
  width: 100%;
}
#texte_intro_contribuer.txt_contribuer{
  margin-bottom: 3rem;
}

#texte_intro_contribuer ul li{
  font-size: 16px;
  font-weight: normal;
}
.content_form .form-item{
  margin-bottom: 1rem;
}
.form-group.type-evenement{
  display: inline-block;
  width: 100%;
}
#edit-type-evn{
  display: flex;
  flex-wrap: wrap;
}
#edit-type-evn .form-item{margin-right: 20px}

.chosen-container.chosen-container-multi.form-select.chosen-enable.form-control{
  padding: 0;
  border: none;
  height: 100%;
  width: 100% !important;
}
.chosen-container.chosen-container-multi.form-select.chosen-enable.form-control .chosen-choices{
  border: 1px solid #ccc;
}
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-com-id.js-form-item-com-id.form-group{
  height: 100%;
  width: 100%;
  margin-top: 3rem;
}
.path-histoire .form-type-select.js-form-type-select.form-item-nid-1.js-form-item-nid-1.form-group,
.path-histoire .form-type-select.js-form-type-select.form-item-nid-1.js-form-item-nid-1.form-group .select-wrapper,
#echelle_territoriale,
.path-histoire .form-item.js-form-item.form-type-select.js-form-type-select.form-item-nid-2.js-form-item-nid-2.form-group,
.path-histoire .form-item.js-form-item.form-type-select.js-form-type-select.form-item-nid-2.js-form-item-nid-2.form-group .select-wrapper,
#edit-nid-2,
.path-histoire .js-form-type-select.form-item-dept-id,
.path-histoire .form-item-bassin-id.js-form-item-bassin-id

{
  width: 100% !important;
}
.js-form-type-select.form-item-dept-id,
.form-item-bassin-id.js-form-item-bassin-id{
  margin-top: 3rem;
}
.chosen-container-active.chosen-dropup .chosen-single, .chosen-container-active.chosen-dropup .chosen-choices, .chosen-container-active.chosen-dropup .chosen-drop{
  border: 1px solid #ccc;
}
.slick--view--test-carrousel .slide__description .views-field.views-field-title{
  position: absolute;
  bottom: 2rem;
  text-align: left;
  font-size: 2.9em;

  color: white;
}
.slick--view--test-carrousel .slide__description .views-field.views-field-title .field-content {

  color: white;


  background: #012b35;

  padding: 0rem 2rem;

  font-family: 'bunaero_probold_up';

  font-style: italic;

}
/*.context-admin-structure-webform-manage-nous-contacter .dialog-off-canvas-main-canvas{*/
/*  padding-right: 0 !important;*/
/*}*/
/*.dialog-off-canvas-main-canvas {*/
/*  padding-right: 0 !important;*/
/*}*/
/**************************************************************
 *********************RESPONSIVE DESIGN***********************
**************************************************************/

/* Jusqu'à 1200px et inférieur
================================================== */
@media (max-width: 1200px) {

  .block-menu-accueil .cartographie img,
  .block-menu-accueil .pole-karst img{
    width: 100% !important;
  }
  .view-newsletter-bloc .view-content .newsletter-form {
    margin-top: -3rem;
  }

  #block-dreal-blocks-accueil,
  .view-accueil-actualites {
    width: 100%;
  }
  /*.view-accueil-actualites .slide__description{*/
  /*  max-width: 304px ;*/
  /*}*/
}

/* Jusqu'à 1024px et inférieur
================================================== */
@media screen and (max-width: 1024px) {
  .slick--view--test-carrousel .slide__description .views-field.views-field-title{
    font-size: 1.8em;
  }
  .slick--view--accueil-actualites .slide__caption{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slick--view--accueil-actualites .slide__description {
    width: 302px;
  }
}
/* Entre 992px et 1150px
================================================== */
@media screen and (min-width: 992px) and (max-width: 1150px) {
  .tb-megamenu-main .nav > li > a {
    padding: 0 10px;
  }
}

/* Entre 992px et 1200px
================================================== */
@media screen and (min-width: 992px) and (max-width: 1200px) {
  header.navbar.container-fluid > .container {
    margin: 0;
    width: 100%;
  }
  .views-view-grid .views-col {
    float: left;
    width: 23% !important;
  }
}
/* Entre 992px et 1200px
================================================== */
@media screen and (min-width: 900px) and (max-width: 991px) {
  .view-documents-historises .views-col[class*="col-"],
  .view-documents-historises .views-col[class*="col-"],
  .view-liste-documents-karst .views-col[class*="col-"]
  {
    margin-left: 4rem;
    max-width: 327px;
  }

  .
}
/* Jusqu'à 991px et inférieur
================================================== */
@media screen and (max-width: 991px) {
  .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a,
  .tb-megamenu .dropdown-menu .mega-nav > li:first-child > span,
  .tb-megamenu .nav-collapse .dropdown-menu li + li span.tb-megamenu-no-link{
    padding: 0;
  }
  .frontoffice-custom .header-action{
    justify-content: center;
    margin-bottom: 1rem;
  }
  .view-documents-historises .views-row,
  .view-liste-documents-karst .views-row{
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
  }
  .view-documents-historises .views-row div,
  .view-liste-documents-karst .views-row div{
    flex: 1 1 calc(100% - 50px);
  }
  .block-footer .footer-menu {
    border-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #d5d5d5;
  }

  .block-footer .footer-partners {
    margin-top: 20px;
  }

  .block-footer .footer-partners h4.footer-title {
    margin-bottom: 20px;
  }

  .block-footer .footer-partners .logo-partenaire {
    padding-left: 0;
    width: auto;
    margin-bottom: 20px;
  }

  #block-views-newsletter-bloc-block {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .view-newsletter-bloc .view-content .newsletter-form {
    display: flex;
    flex-direction: column;
  }

  .view-newsletter-bloc .view-content .newsletter-form .all-news {
    margin: 15px 0;
    order: -1;
  }

  #block-dreal-blocks-accueil {
    padding-right: 0;
    padding-left: 0;
  }

  .block-menu-accueil h2 {
    width: 100%;
    margin-top: 2rem;
  }

  .block-menu-accueil ul {
    text-align: left;
    width: 100%;
  }
  #block-views-block-accueil-actualites-block-1{
    background: linear-gradient(to top, #FFF 50%, #BEE2EB 50%);
    margin-top: -10px;
  }

  /*#slider-actu-slider .slick-list{*/
  /*  width: 100% !important;*/
  /*}*/
  .view-accueil-actualites {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .jcarousel-skin-default .jcarousel-item-horizontal {
    margin: 0 15px 0 15px;
  }

  .main-container .container {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .page-histoire .main-container .container,
  .page-ressources-documenataires .main-container .container {
    padding: 0 15px;
  }

  .blocks-sidebar-right,.article-content .bottom-content
  article .bottom-content {
    margin-bottom: 50px;
  }

  .blocks-sidebar-right .panel-heading h3 {
    width: 80%;
  }

  .view-documents-historises .mosaique table tr,
  .view-liste-documents-karst .mosaique table tr {
    text-align: center;
  }

  .view-documents-historises .mosaique table td {
    display: inline-block;
    width: 35%;
    max-width: initial;
    margin-bottom: 40px;
    min-height: 390px;
  }

  .view-liste-documents-karst .mosaique table td {
    display: inline-block;
    width: 35%;
    max-width: initial;
    margin-bottom: 40px;
    min-height: 450px;
  }

  .view-documents-historises .views-view-grid,
  .view-liste-documents-karst .views-view-grid {
    border-spacing: 0;
  }

  .view-documents-historises .view-footer,
  .view-liste-documents-karst .view-footer {
    margin-bottom: 20px;
    text-align: center;
  }

  .page-actualites .page-header,
  .page-actualites .view-header,
  .page-actualites .view-filters form {
    margin-left: 15px;
  }

  .main-container .view-quoi-de-neuf-sur-orisk {
    padding: 50px 0 0;
  }
}

/* Entre 992px et 1150px
================================================== */
@media screen and (min-width: 979px) and (max-width: 991px) {
  header.navbar > .container {
    width: 970px;
  }
}
@media screen and (max-width: 990px) {
  .article-content {
    margin-left: 1rem;
    margin-right: 2rem;
  }
  #block-banner-newsletters .view-content .newsletter-form{
    margin-top: 1rem;
  }
  #block-banner-newsletters .view-header, #block-banner-newsletters .view-content{
    padding: 25px;
  }
  /*#block-banner-newsletters .view-content.container{*/
  /*  display: flex;*/
  /*}*/

}

/* Jusqu'à 979px et inférieur (MENU)
================================================== */
@media screen and (max-width: 979px) {
  #navbar{
    height: 1px;
  }
  body{
    margin-top: 0;
  }

  .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link{
    border:none;
  }

  #block-banner-newsletters .view-content{
    padding-top: 0;
  }
  #block-banner-newsletters .view-header{
    padding-bottom: 0;
  }

  #block-banner-newsletters .view-content .newsletter-form{
    display: flex;
    flex-direction: column-reverse;
  }
  .content-login{
    display: none;
  }

  .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a, .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link, .tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link{
    padding: 9px 15px;
    color: #000;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: normal;
    border-bottom: none;
  }

  .tb-megamenu .mega-nav > li > span, .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title{
    font-size: 15px;
  }
  .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a, .tb-megamenu .mega-nav > li span.tb-megamenu-no-link, .tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link{
    margin-left: 0px;
  }

  .tb-megamenu-main .home{
    margin-bottom: 10px !important;
  }
  .tb-megamenu-main .nav > li.home > a:before {
    content: 'Accueil';
  }
  .block-menu-accueil .cartographie img{
    width: 100% !important;
  }


  .contribuer-observatoire,
  .tb-megamenu-menu-menu-header,
  .navbar > .container .navbar-brand,
  .navbar-default .navbar-toggle {
    display: none;
  }

  header.navbar.container-fluid > .container {
    margin: 0;
  }

  .tb-megamenu {
    justify-content: left;
    margin-top: 0;
  }

  .tb-megamenu-main .nav > li > a {
    padding: 0 10px;
  }

  .tb-megamenu .btn-navbar {
    color: #012b35;
    font-size: 2.5em;
    margin: 10px;
    text-shadow: initial;
    background: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    padding-left: 10px;
  }

  .tb-megamenu .btn-navbar:hover {
    transform: rotate(360deg);
    transition: 0.5s;
  }

  .tb-megamenu .btn-navbar:hover,
  .tb-megamenu .btn-navbar:focus,
  .tb-megamenu .btn-navbar:active,
  .tb-megamenu .btn-navbar.active {
    background: none;
    color: #012b35;
    box-shadow: none;
    margin: 20px 10px;
  }

  .tb-megamenu .nav-collapse {
    margin-top: 50px;
  }

  .tb-megamenu-main {
    min-height: 80px;
  }

  header.navbar.container-fluid {
    margin: 0;
    min-height: 0;
  }

  .container > .navbar-header .navbar-btn {
    position: absolute;
    top: 0px;
    z-index: 12000;
    width: 150px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    left: 40%;
  }

  .theme-default .nivoSlider img {
    min-height: 150px;
  }

  .tb-megamenu-main .nav > li {
    padding-bottom: 1rem;
    border: 0;
  }

  .tb-megamenu-nav {
    background: #fff;
  }

  .tb-megamenu-main .nav > li:nth-child(2) > a {
    border: 0;
  }

  .tb-megamenu .nav-collapse .nav > li,
  .tb-megamenu .mega-nav > li a,
  .tb-megamenu .dropdown-menu .mega-nav > li a {
    padding: 0;
    margin: 0;
    color: #012b35;
    font-weight: normal;
  }

  .tb-megamenu .mega-nav > li a.title-menu {
    color: #5baab6;
    font-weight: bold;
  }

  /* à enlever */
  .tb-megamenu .always-show .mega > .mega-dropdown-menu,
  .tb-megamenu .always-show .dropdown-menu {
    display: none !important;
  }

  .tb-megamenu-main .nav > li > a.home,
  .tb-megamenu-main .nav > li > a.search	{
    width: auto;
    height: auto;
    visibility: visible;
  }

  .tb-megamenu-main .nav > li > a.home:before,
  .tb-megamenu-main .nav > li > a.search:before {
    content: none;
    visibility: hidden;
  }

  .tb-megamenu .nav-collapse {
    background: none;
    top: 30px;
  }

  .tb-megamenu .nav-collapse .dropdown-menu {
    background: none;
  }

  .tb-megamenu .nav-collapse .nav > li > a,
  .tb-megamenu .nav-collapse .dropdown-menu a {
    color: #012b35;
    border: 0;
  }

  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus {
    color: #012b35;
  }

  .tb-megamenu .nav-collapse .nav > li.active > a:hover,
  .tb-megamenu .nav-collapse .nav > li.active > a:focus,
  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus {
    background: none;
  }

  .tb-megamenu .row-fluid [class*="span"]:first-child {
    padding: 0;
  }

  .blocks-sidebar-right .panel-heading {
    padding: 15px;
  }

  .tb-megamenu .always-show .mega .open > .mega-dropdown-menu,
  .tb-megamenu .always-show .open .dropdown-menu {
    display: block !important;
  }

  .theme-default .nivoSlider {
    max-height: 150px;
  }

  .stickynav-processed {
    background: #FFFFFF;
    z-index: 11000;
    position: relative;
    top: auto;
    width: initial;
  }

  .stickynav-active {
    position: relative;
    top: auto;
    width: initial;
  }

  .main-container .item-list {
    margin-top: 1rem;
  }

  .tb-megamenu-main .nav > li a.responsive-menu {
    display: block;
    visibility: visible;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
  }

  .tb-megamenu .dropdown-menu .mega-nav > li.active > a {
    font-weight: bold !important;
    background: none;
    color: #5baab6 !important;
  }

  .tb-megamenu .nav-collapse .level-0 > li.active > a {
    background: none;
    color: #5baab6;
  }

}

/* Jusqu'à 767px et inférieur
================================================== */
@media screen and (max-width: 767px) {
  .slick--view--test-carrousel .slide__description .views-field.views-field-title{
    font-size: 1.3em;
  }
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front{
    position: fixed;
    height: auto;
    width: 100% !important;
    left: 0 !important;
    z-index: 101;
    top: 123.883px;
  }
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .container_vignette_doc{
    display: none;
  }
  .custom-row .views-field-doc-categorie-document-ref,
  .custom-row .views-field-source-document,
  .custom-row .views-field-provenance-document,
  .custom-row .views-field-field-doc-date{
    min-width: 20rem;
  }
  .all-news{
    display: none;
  }
  .all-news.mobile{
    margin-top: 2rem;
    display: block !important;
  }
  .block-views-blockquoi-de-neuf-sur-orisk-block-1 .block-right img{
    height: auto;
  }

  .slick__slide.slide{
    display: flex;
    justify-content: center;
  }
  .view-liste-documents-karst .views-field.views-field-title{
    width: auto;
  }
  .views-field.views-field-title{
    width: 30rem;
  }
  .tabboard{
    display: none;
  }
  /*.block-menu-accueil h2:after{*/
  /*  float: right;*/
  /*  content: url(../images/arrow-top.png);*/
  /*}*/
  .slick--view.slick--view--accueil-actualites{
    margin-bottom: 9rem;

  }
  .slick--view--accueil-actualites .slick-list{
    margin: 0px !important;
  }
  .block-menu-accueil img {
    display: none;
  }
  .block-menu-accueil .temps-reel {
    background-image: none !important;
  }
  .article-content .bottom-content{
    margin-bottom: 0;
  }
  #block-menusidebarright{
    border-left: 10px solid #012b35;
    background: #EBEBEB;
    padding: 20px;
    margin-bottom: 50px;
    width: fit-content;
  }
  #block-menusidebarright .block-title{
    width: fit-content;
  }
  .tb-megamenu .nav-collapse .nav li a {
    border-top: 0;
  }

  .node-type-page .article-content {
    min-height: auto; /*Rend automatique la hauteur car le menu sidebar passe en dessous*/
  }

  .content .block-footer {
    padding: 0 50px;
  }

  .block-footer .footer-menu {
    margin-bottom: 0;
  }

  .block-footer .footer-menu div:first-child {
    margin-bottom: 50px;
    padding: 0;
  }

  .block-footer .footer-menu div:last-child {
    margin-bottom: 0;
  }

  .block-footer .footer-menu div {
    margin-bottom: 20px;
  }

  .block-footer .footer-menu img {
    width: auto;
    margin-left: -40px;
  }

  .footer-contribution {
    padding: 40px 0;
  }

  .footer-contribution .bouton-contribuer {
    text-align: center;
  }

  .footer-contribution .img-contribuer {
    text-align: center;
  }

  .footer-contribution .img-footer-contribution {
    float: none;
  }

  .footer-contribution .text-contribuer {
    margin-bottom: 20px;
  }

  .view-newsletter-bloc .view-header,
  .view-newsletter-bloc .view-content {
    padding: 0;
  }

  .view-newsletter-bloc .view-content .newsletter-form {
    text-align: left;
    margin-top: 0;
  }

  .view-newsletter-bloc .view-content .newsletter-form {
    display: block;
  }

  .view-newsletter-bloc .view-content .news-form {
    display: flex;
    flex-direction: column;
  }

  .view-newsletter-bloc .view-content .news-form .newsletter-submit {
    order: -1;
  }

  .view-newsletter-bloc .view-content .newsletter-form .form {
    width: 100%;
    margin: 10px 0 20px 0;
  }

  .view-newsletter-bloc .view-content .newsletter-form .all-news {
    width: 100%;
    text-align: center;
  }

  #block-views-quoi-de-neuf-sur-orisk-block {
    background: none;
  }

  .view-quoi-de-neuf-sur-orisk .view-header {
    margin-bottom: 20px;
  }

  .view-quoi-de-neuf-sur-orisk .view-content div div div {
    display: flex;
    flex-direction: column;
  }

  .view-quoi-de-neuf-sur-orisk .block-left {
    width: 100%;
    order: 2;
    height: auto;
  }

  .view-quoi-de-neuf-sur-orisk .block-left p {
    margin-bottom: 50px;
    min-height: auto;
  }

  .view-quoi-de-neuf-sur-orisk .block-left a.button {
    display: block;
    min-width: 150px;
    margin: auto auto 20px auto;
  }

  .view-quoi-de-neuf-sur-orisk .block-right {
    width: 100%;
  }

  .block-menu-accueil div ul {
    display: none;
  }

  .block-menu-accueil .temps-reel,
  .block-menu-accueil .cartographie,
  .block-menu-accueil .histoire,
  .block-menu-accueil .pole-karst {
    height: 185px;
  }

  .temps-reel-link,
  .cartographie-link,
  .histoire-link,
  .pole-karst-link {
    height: auto;
  }

  .block-menu-accueil .temps-reel {
    background: #5baab6;
  }

  .block-menu-accueil .cartographie {
    background: #EBEBEB;
  }

  .block-menu-accueil .histoire {
    background: #BEE2EB;
  }

  .block-menu-accueil .pole-karst {
    background: #C3BD9E;
  }

  /*.view-accueil-actualites .view-header p {*/
  /*	position: absolute;*/
  /*	top: 57rem;*/
  /*	z-index: 99;*/
  /*	left: calc(50% - 143px);*/
  /*}*/

  .view-accueil-actualites .view-header p a.button {
    padding: 0.5rem;
  }

  .jcarousel-skin-default .jcarousel-item h3 {
    font-size: 1.6em;
  }

  /*Désactiver le postionnement automatique de la sidebar contenant le menu pour les articles*/
  .floating-block-active {
    position: static !important;
  }

  .container > .navbar-header .navbar-btn {
    left: 37%;
  }

  aside.aside-right {
    padding: 0;
  }

  #block-dreal-menu-sidebar-right h4.block-title {
    border-left: 10px solid #012b35;
    background: #EBEBEB;
    padding: 20px 20px 0;
    margin: 0;
    border-bottom: 0;
  }

  #block-dreal-menu-sidebar-right h4.block-title span {
    border-bottom: 1px solid #d5d5d5;
  }

  #block-dreal-menu-sidebar-right .aside-block-menu {
    border-left: 10px solid #012b35;
    background: #EBEBEB;
    padding: 20px;
    margin-bottom: 50px;
  }

  #block-dreal-menu-sidebar-right ul li .aside-block-menu {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
  }

  ul.menu-sidebar-right {
    margin-bottom: 0;
  }

  .blocks-sidebar-right .panel-heading {
    padding: 20px;
  }

  #block-dreal-blocks-sidebar-right h2.sidebar-right,
  #block-dreal-blocks-sidebar-right hr {
    margin-left: 10px;
  }

  .view-documents-historises .filters-histoire,
  .view-liste-documents-karst .filters-histoire {
    display: block;
  }

  .view-documents-historises .views-widget-filter-doc_categorie_document_ref_target_id,
  .view-documents-historises #edit-doc-categorie-document-ref-target-id-wrapper,
  .view-liste-documents-karst .views-widget-filter-doc_categorie_document_ref_target_id {
    width: 100%;
  }

  .view-documents-historises .mosaique table td,
  .view-liste-documents-karst .mosaique table td {
    width: 49%;
  }

  .view-liste-documents-karst .views-exposed-form .views-exposed-widget:nth-child(1),
  .view-liste-documents-karst .views-exposed-form .views-exposed-widget:nth-child(2),
  .view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-title,
  .view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-title_1,
  .view-liste-documents-karst .views-exposed-form .views-exposed-widget.views-widget-filter-nid	{
    width: 100%;
    margin-bottom: 30px;
  }

  .view-view-actu .views-row {
    min-height: 550px;
    height: auto;
  }

  .view-view-actu .right-actu {
    width: 100%;
    padding: 15px;
    float: none;
    height: auto;
  }

  .view-view-actu .left-actu {
    width: 100%;
    text-align: center;
    float: none;
  }

  .view-view-actu .left-actu img {
    display: inline-block;
    width: auto;
    padding: 15px;
    height: 300px;
  }

  #block-dreal-blocks-accueil {
    display: none;
    visibility: hidden;
  }

  #block-dreal-accueil-blocks {
    display: block;
    visibility: visible;
    margin-top: 100px;
  }

  #block-dreal-accueil-blocks h2.sidebar-right {
    margin-left: 20px;
  }

  #block-dreal-accueil-blocks h2.sidebar-right,
  #block-dreal-accueil-blocks hr {
    margin-left: 20px;
  }

  #block-dreal-accueil-blocks .blocks-sidebar-right {
    margin-bottom: 0
  }

  .blocks-sidebar-right .panel.temps-reel {
    background: #5baab6;
  }

  .blocks-sidebar-right .panel.cartographie {
    background: #EBEBEB;
  }

  .blocks-sidebar-right .panel.histoire {
    background: #BEE2EB;
  }

  .blocks-sidebar-right .panel.pole-karst {
    background: #C3BD9E;
  }
}
@media screeN and (max-width: 714px){
  .view-accueil-actualites .view-header{
    flex-direction: column;
    height: 15rem;
  }
}

/* Jusqu'à 479px et inférieur
================================================== */


@media screen and (max-width: 479px) {

  .slick--view--test-carrousel .slide__description .views-field.views-field-title{
    text-align: center;
    font-size: 2.5em;
    /*bottom: 13rem;*/
    width: 100%;
  }

  .slick--view--test-carrousel .slide__description .views-field.views-field-title .field-content{
    font-size: 0.5em;
  }
  .slick--view--test-carrousel .field-content img{
    height: 150px;
    width: auto !important;
    max-width: none;
  }
  .path-carto .boholder{
    width: 5rem;
  }
  .path-carto .ctrls-holder {
    position: relative;
    right: 6px;
  }
  .path-carto .vpanel{
    display: none;
  }
  .path-carto .ol-zoom.ol-unselectable.ol-control{
    top: 6rem;
    right: 0;
    left: 5rem;
  }
  .path-carto div.ol-persolayerswitcher{
    width: 22rem !important;
  }
  /*.maximizeDiv.olButton .allDiv{*/
  /*  font-size: 12px !important;*/
  /*  width: 22rem !important;*/
  /*}*/
  .slick--view--accueil-actualites .slick__arrow{
    top: 30%;
  }
  .slick-prev{
    left: 0 !important;
  }
  .slick-next {
    right: 0 !important;
  }
  .views-field.views-field-field-illustration img {
    width: 100% !important;
  }
  #block-boiteaoutils .view-header,
  .view-accueil-actualites .view-header{
    padding: 20px 10px;
  }
  .content .block-footer {
    padding: 0 20px;
  }

  .footer-contribution .img-contribuer {
    width: 45%;
    padding: 0;
  }

  .footer-contribution .text-contribuer {
    width: 55%;
    padding: 0;
  }

  /*.view-accueil-actualites .view-header,*/
  /*#block-dreal-blocks-accueil .view-header {*/
  /*	padding: 20px;*/
  /*}*/

  .block-menu-accueil .temps-reel,
  .block-menu-accueil .cartographie,
  .block-menu-accueil .histoire,
  .block-menu-accueil .pole-karst {
    height: 100px;
  }

  .temps-reel-link,
  .cartographie-link,
  .histoire-link,
  .pole-karst-link {
    text-align: center;
  }

  .temps-reel h2,
  .cartographie h2,
  .histoire h2,
  .pole-karst h2 {
    margin-top: 3rem;
    text-align: left;
    width: 60%;
    margin-left: 1.5em;
  }

  .temps-reel h2:before {
    position: absolute;
    width: 35%;
    left: 5%;
    top: 15%;
  }

  .cartographie h2:before {
    position: absolute;
    width: 35%;
    left: 5%;
    top: 9%;
  }

  .histoire h2:before{
    position: absolute;
    width: 35%;
    left: 4%;
    top: 20%;
  }

  .pole-karst h2:before {
    position: absolute;
    width: 35%;
    left: 8%;
    top: 17%;
  }

  .jcarousel-skin-default .jcarousel-container-horizontal {
    padding: 20px 0;
  }

  .view-accueil-actualites .view-content {
    padding: 0;
  }

  .jcarousel-skin-default .jcarousel-next-horizontal {
    top: 100px;
    right: 15px;
    opacity: 0.5;
  }

  .jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 100px;
    left: 15px;
    opacity: 0.7;
  }

  .jcarousel-skin-default .jcarousel-next-horizontal:hover,
  .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    opacity: 1;
    transform: initial;
  }

  .jcarousel-skin-default .jcarousel-item-horizontal {
    margin: 0 15px 40px 15px;
  }

  .container > .navbar-header .navbar-btn {
    left: 30%;
  }

  .blocks-sidebar-right .panel-heading {
    padding: 20px 10px;
  }

  .view-documents-historises .mosaique table td,
  .view-liste-documents-karst	.mosaique table td {
    width: 100%;
  }

  .view-documents-historises .views-exposed-form .views-exposed-widget input,
  .view-documents-historises .views-exposed-form .views-exposed-widget select {
    max-width: 100%;
    width: auto;
  }

  .view-liste-documents-karst .views-exposed-form .views-exposed-widget input,
  .view-liste-documents-karst .views-exposed-form .views-exposed-widget select {
    max-width: 100%;
    width: auto;
  }

  .view-documents-historises #bottom-pager .pager-first,
  .view-documents-historises #bottom-pager .prev,
  .view-documents-historises #bottom-pager .next,
  .view-documents-historises #bottom-pager .pager-last,
  .view-liste-documents-karst #bottom-pager .pager-first,
  .view-liste-documents-karst #bottom-pager .prev,
  .view-liste-documents-karst #bottom-pager .next,
  .view-liste-documents-karst #bottom-pager .pager-last {
    display: inline-block;
    width: 100%;
  }

  #block-dreal-accueil-blocks {
    margin-top: 50px;
  }
}

/* Jusqu'à 320px et inférieur
================================================== */
@media screen and (max-width: 320px) {
  .view-documents-historises.view-display-id-liste .vignette_document,
  .custom-row .views-field.views-field-title{
    margin-left: 0;
  }

  .content .block-footer {
    padding: 0;
  }

  .block-footer .footer-menu div:first-child {
    width: 100%;
  }

  .footer-contribution .img-contribuer {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-contribution .text-contribuer {
    width: 100%;
    text-align: center;
  }

  .block-menu-accueil .temps-reel,
  .block-menu-accueil .cartographie,
  .block-menu-accueil .histoire,
  .block-menu-accueil .pole-karst {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .temps-reel h2,
  .cartographie h2,
  .histoire h2,
  .pole-karst h2 {
    margin-top: 0;
    text-align: center;
    width: auto;
    margin-left: 0;
  }

  .temps-reel h2:before,
  .cartographie h2:before,
  .histoire h2:before,
  .pole-karst h2:before {
    position: relative;
    width: auto;
    left: 0;
    top: 0;
  }

  .view-accueil-actualites .view-header p {
    min-width: 320px;
  }
}

.form-item-roles-agent,
.iad_items_per_page,
.vbo-multipage-selector,
.form-item-select-all,
.views-display-link-liste,
.views-display-link-mosaique
{
  display: none;
}

.import-actions {
  text-align: center;
}

.panel-title, .panel-title:focus, .panel-title:hover, .panel-title:hover:focus {
  background-color: #012b35;
  border-color: #012b35;
  color:white;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.slick--view--accueil-actualites .slick-list {
  margin: 0 40px 20px;
}
/*05/06/2023 SG : uniquement pour les actualités de l'accueil */
.slick--view--accueil-actualites .slick-initialized .slick__slide {
  margin: 0 15px;
}

.slick--view--accueil-actualites .slick__arrow {
  top: 20%;
}

.slick-next{
  background: url(/themes/orisk/images/home/arrow-next.png) no-repeat !important;
  width: 50px;
  height: 50px;
  background: #5baab6;
  right: -2rem;
}
.slick-prev{
  background: url(/themes/orisk/images/home/arrow-prev.png) no-repeat !important;
  width: 50px;
  height: 50px;
  background: #5baab6;
  left: -2rem;
}
.slick-arrow::before, .slick--view--accueil-actualites .slick-arrow:hover::before {
  color: transparent !important;
}
.slick-arrow:hover::before{
  color: #5baab6;
}

.slick--view--accueil-actualites .slick-arrow {
  transform: none;
}

.slick--view--accueil-actualites .slick-next:hover, .slick--view--accueil-actualites .slick-prev:hover {
  transform: rotate(360deg);
  transition: 0.5s;
}

.slick--view--accueil-actualites .slick-arrow.slick-disabled {
  display: none;
  visibility: hidden;
}

.slick--view--accueil-actualites .views-field-field-date-actu {
  margin-top: 1rem;
  font-size: 0.8em;
}

.view-test-carrousel .slick.slick--optionset--carrousel.slick--thumbnail.slick--initialized{
  display: none !important;
}

.view-test-carrousel .slick-wrapper, .view-test-carrousel .slick {
  overflow: hidden;
}

.tabs--secondary.pagination.pagination-sm.none,
.tabs--primary.nav.nav-tabs.none,
.evenement_associe table thead tr th.views-field-nothing,
.evenement_associe table tbody tr td.views-field-nothing
{
  display: none;
}
#slider-actu-thumbnail{
  display: none;
}
/*exposed-filter*/
.views-exposed-form label{
  font-weight:bold;
}
.path-frontpage .article-content{
  margin-bottom: 0;
}
.view-accueil-actualites .slide__description .views-field.views-field-title {
  margin-top: 2rem;
}

/*Buttons actions Admin : Ajouter ..., Modifier ...*/
.flexbar-buttons {
  display: flex;
  justify-content: space-between;
}

.flexbar-buttons .btn {
  margin: 0;
}