/* -----------Custom Lizmap ADUM----------- */

@font-face{font-family:Caveat; src: local(Caveat), url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/../fonts/Caveat.woff) format(woff)}

/* Variables */
:root{
    --color1:#BE1621;
    --color2:#E1DDDA;
    --color3:#9C8D85;
  }
  
  /* Couleurs */
  .bg-color-w{background-color: #fff;}
  .bg-color-1{background-color:var(--color1);}
  .bg-color-2{background-color:var(--color2);}
  .bg-color-3{background-color:var(--color3);}
  .text-color-1{color:var(--color1);}
  .text-color-2{color:var(--color2);}
  .text-color-3{color:var(--color3);}

/* Global */
html{height: 100%;}
body{padding-top:0px !important;height:100%;}
#content{height: 100%;padding:0px;min-height:100%;}

/* Header et titre haut */
#header{background-color: #fff !important;position: fixed;width:100%;left:0%;border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;align-items: center;justify-content: flex-end;overflow: hidden;height:5rem !important;flex-direction: row-reverse;}
#header.fullw{width:calc(100% - 10rem);}
#title{height:100%;display: flex;align-items: center;margin:0px;padding:0px;padding-right:6.5rem;background: none;flex:1;}
#title h1{position: relative;font-size: calc(1rem + .2vw);line-height: 1;margin: 0px;font-family: RobotoB, sans-serif;text-align: left !important;padding:0rem 0rem 1rem 0rem;color:var(--color1);display: inline-flex;}
#title h1:after{content:'';position: absolute;left:0rem;bottom:0rem;height:2px;width:70px;background-color: var(--color1);}
#title h2{display: none;}
#headermenu{position: fixed;right:1rem;top:1rem;}
#logo{display: none;}
.bt-retour-map{background-color:#fff;color:var(--color3) !important;letter-spacing: 0.05rem;text-transform: uppercase;height:100%;font-size: 0.85rem;padding:2rem;align-items: center;text-decoration: none !important;font-family: RobotoB, sans-serif;    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;display: flex;align-items: center;}
.bt-retour-map:hover{}
.bt-retour-map span{display: none;}
.bt-retour-map img{display: flex;}

/* Carte */
/* menu gauche */
*::-webkit-scrollbar{width:0px;}
#map{padding-top:5rem !important;}
#map-content{position: relative;}
#map-content, #map{height: 100% !important;margin:0px;}
#mapmenu-parent{/*width:25%;*/position:fixed;top:0px;left:0px;z-index: 1001;padding:6rem 0rem 1rem 1rem;box-sizing: border-box;}
#mapmenu-parent #docks-wrapper{display: block !important;}
#mapmenu-parent>div{position: relative;height:auto;width:100%;display: flex;justify-content: flex-start;min-height: 100px;}
#mapmenu{position:relative;background:#fff;/*width:25%;*/width:3rem;box-sizing: border-box;height:auto;border-radius: 4px;display: flex;flex-direction: column;align-items: center;/*min-width: 70px;*/}
#mapmenu::-webkit-scrollbar, #switcher-layers-container > div.menu-content::-webkit-scrollbar{width:1px;}
#mapmenu .nav-list{padding:0px;width:100%;}
#mapmenu>div{width:100%;display: flex;flex-direction: column;align-items: center;height:100%;}
#mapmenu .nav-list > li{display: none !important;align-items: center;justify-content: center;width:100%;position: relative;}
#mapmenu .nav-list > li.hide{display: none;}
#mapmenu .nav-list > li.home, #mapmenu .nav-list > li.atlas, #mapmenu .nav-list > li.logo-app-adum{display: flex !important;}
#mapmenu .nav-list > li.active:after{content:'';width:8px;height:50%;position: absolute;right:0px;background-color: var(--color1);border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
#mapmenu .nav-list > li > a{padding:1rem 0.75rem;width:100%;height:auto;box-sizing: border-box;display: flex;align-items: center;justify-content: center;position: relative;}
#mapmenu .nav-list > li > a:after{position: absolute;content:'';top:100%;height:4px;width:30%;background-color: var(--color3);border-radius: 4px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#mapmenu .nav-list > li > a .icon{width:100%;height: 20px;}
#mapmenu .nav-list > li > a .icon{background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.home > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/home.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.home.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/home-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.switcher > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/couches.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.switcher.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/couches-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.metadata > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/info.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.metadata.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/info-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.filter > a .icon, #mapmenu .nav-list > li.filter a:hover .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/filtre.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.filter.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/filtre-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.atlas > a .icon, #mapmenu .nav-list > li.atlas a:hover .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/atlas.svg) !important;background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}
#mapmenu .nav-list > li.atlas.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/atlas-active.svg) !important;background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}
#mapmenu .nav-list > li.atlas > a .icon .icon-globe{display: none;}
#mapmenu .nav-list > li.geolocation > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/geoloc.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.geolocation.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/geoloc-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.print > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/imprimer.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.print.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/imprimer-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.measure > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/mesure.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.measure.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/mesure-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li.permaLink > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/lien.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#mapmenu .nav-list > li.permaLink.active > a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/lien-active.svg);background-size: contain;background-repeat: no-repeat;background-position: center !important;}
#mapmenu .nav-list > li > a:hover, #mapmenu .nav-list > li.active > a{background:none;}
#mapmenu .nav-list > li > a:hover:after, #mapmenu .nav-list > li.active > a:after{background-color: var(--color1) !important;}
#mapmenu .nav-list > li.active > a:after{background-color: var(--color1) !important;width:90%;}
#mapmenu .nav-list > li:last-of-type{padding-bottom:1rem;}
#legend-zonage>td{padding-left: 0px !important;}
#toolbar div.menu-content, #menu div.menu-content, #dock div.menu-content, #sub-dock div.menu-content, #mini-dock div.menu-content, #right-dock div.menu-content, div.modal div.menu-content{padding:0.5rem 0rem;}
#sub-dock div.menu-content{padding:0.5rem;}
#sub-dock h3{border:0px !important;}
#sub-dock .sub-metadata h3 .icon{display: none !important;}
#content.mobile #sub-dock{background-color: #fff;}
#docks-wrapper{width:20vw;top:0px;left:25%;min-width: 65vw;height:100%;}
#dock div.tabbable{padding:1rem;padding-top:0rem;}
#dock{display:none !important;width:100%;max-width: 100%;height:100%;border:0px;background-color: rgba(255,255,255,0.9) !important;padding:0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#dock-close{width:3rem;height:3rem;right:0px;top:0px;border-top-right-radius: 4px;background-color: var(--color1) !important;color:#fff;padding:1rem;background-image: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/hide-arrow.svg) !important;box-shadow: none;text-shadow: none;border:0px;border-radius: 0px;border-top-right-radius: 4px;}
#dock-close:hover{opacity: 0.8;}
#dock-tabs{min-height: 3rem;display: flex;align-items: center;border:0px;position: relative;padding-left:0rem;padding-right:3.5rem;}
#dock-tabs:after{content:'';position: absolute;left:0rem;bottom:0rem;height:2px;width:70px;background-color: var(--color1);}
#dock-tabs > li > a, #right-dock-tabs > li > a{color:#000000;font-size: calc(1rem + .2vw);line-height: 1.25;margin: 0px;font-family: RobotoB, sans-serif;text-align: left !important;}
#dock-content dt{font-weight: normal;font-family: RobotoB, sans-serif;padding-bottom: 0.25rem;font-size: calc(0.8rem + .2vw);;line-height: 1.25;}
#dock-content dd{color: var(--color3);margin-left:0px;overflow: auto;}
#dock-content .liz-project-img{width:100%;height:100px;object-fit: cover;}
#metadata{padding:1rem 0rem;background-color:transparent;max-width: 100%;}
.img-polaroid{border:0px;box-shadow: none;padding:0px;border-radius: 4px;}
#nav-tab-switcher a::before, #nav-tab-metadata a::before, #nav-tab-edition a::before, #nav-tab-filter a::before{display: none;}
.nav-tabs>li>a{padding:0px;}
#switcher-layers-container {padding:1rem 0rem;}
#switcher-layers-actions{border:0px;padding:0.5rem;background-color: var(--color3);border-radius: 4px;display: flex;align-items: center;justify-content: flex-end;}
#switcher div.legendGraphics{max-width: 100%;}
#switcher div.legendGraphics img{max-width: 100%;}
#switcher .treeTable tr.expanded td a.expander{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/arrow-open.svg);background-size: 15px 8px;background-repeat: no-repeat;background-position: center;margin-right:2px;}
#switcher .treeTable tr.collapsed td a.expander{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/arrow-close.svg);background-size: 8px 15px;background-repeat: no-repeat;background-position: center;margin-right:2px;}
#switcher button.btn, #tmLayers button.btn, #dock .tree button.checkbox, #right-dock .tree button.checkbox, #bottom-dock .tree button.checkbox, #mini-dock .tree button.checkbox{background:none;border:2px solid red;border-color: var(--color3);border-radius:4px;}
#switcher .tree button.checkbox.checked, #dock .tree button.checkbox.checked, #right-dock .tree button.checkbox.checked, #bottom-dock .tree button.checkbox.checked, #mini-dock .tree button.checkbox.checked, #tmLayers .tree button.checkbox.checked{background-color: var(--color1);}
#switcher .treeTable tr.liz-layer td span.label{color:#000;font-family: RobotoB, sans-serif;}
#toolbar h3, #menu h3, #dock h3, #sub-dock h3, #mini-dock h3, #right-dock h3, div.modal h3, .dock-subtitle{color:#000000 !important;font-size: calc(1rem + .2vw);
  line-height: 1.25;
  margin: 0px;
  font-family: 'RobotoB', sans-serif;
  text-align: left !important;}
#switcher-layers-actions .btn{border:0px !important;}
#message{top:5rem !important;}
.alert{border-top-right-radius: 0px;border-top-left-radius: 0px;}
#message .alert{background-color: var(--color3) !important;border:0px !important;}
#toolbar .baselayer h3 .icon, #menu .baselayer h3 .icon, #dock .baselayer h3 .icon, #mini-dock .baselayer h3 .icon{display: none;}
#toolbar h3 span.title, #menu h3 span.title, #dock h3 span.title, #sub-dock h3 span.title, #mini-dock h3 span.title, #bottom-dock h3 span.title, #right-dock h3 span.title, div.modal h3 span.title{padding:0.5rem 0.5rem 0.5rem 0rem;}
#sub-dock{position: absolute;left:100%;bottom:0px;border:0px;background-color: rgba(255,255,255,1);padding:0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;width:100%;max-width: 100%;}
#sub-dock .sub-metadata h3 span.title .text{padding:0rem 0.5rem;}
#baselayer-menu div.baselayer-select select, #switcher div.baselayer-select select, #locate div.locate-layer select{width:100%;padding:1rem;height:auto;}
#baselayer-menu div.baselayer-select, #switcher div.baselayer-select, #locate div.locate-layer{width:100%;border:0px;-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);border:0px;border-radius: 4px;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/arrow-select.svg) no-repeat center right 1rem;background-size: 10px 10px;background-color: #fff;}
#get-baselayer-metadata{display: flex;align-items: center;justify-content: center;}
.icon-info-sign{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/about.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
/* zoom et nav */
#navbar{right:1rem;top:6rem;background:#fff;width:25%;box-sizing: border-box;border-radius: 4px;display: flex;flex-direction: column;align-items: center;padding:0.5rem 0rem;}
#lizmap-search{padding:1.5rem 1rem;right:0rem !important;top:unset !important;bottom:0 !important;left:unset !important;background-color: rgba(255,255,255,0.95);color:var(--color3);width:100%;max-width: 100%;}
#lizmap-search a{color:var(--color3) !important;}
#lizmap-search a b{color:var(--color1) !important;}
#lizmap-search a:hover{background-color: var(--color2);}
/* bt user */
#headermenu.acces-account-map{left:unset;padding-right: 0px !important;}
#headermenu.acces-account-map .login{width:100%;display: flex;justify-content: center;align-items: center;}
#headermenu.acces-account-map .login a{width:100%;height:100%;display: flex;justify-content: center;align-items: center;}
#headermenu.acces-account-map .login a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/compte.svg) no-repeat center center;background-size: cover;width: 25px;height: 25px;}
.navbar-search{z-index:1;width:260px;margin:0px;position: absolute;height:40px;background-color: rgba(255,255,255,0.9);align-items: center;border-radius: 4px;padding:0rem;justify-content: space-between;z-index: 1001;}
.navbar-search{bottom:7rem !important;display: flex;right:1rem !important;}
.navbar-search #search-query.search-query{margin:0rem;top:unset;position: relative;height:100%;border-radius: 0px;font-family:RobotoB, sans-serif;box-shadow: none;border:0px;padding:1rem 0.5rem;width:auto;flex:1;}
.navbar-search .search-icon{position: relative;top:unset;right:unset;}
.navbar-search  .btn-locate-clear.icon {background-color: transparent;background-position: -853px 0px;margin-top: 0;}
.nav-search{height:100%;background-color: var(--color1);border:0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;padding:0rem 0.5rem;}
#header-clear{height:100%;display: flex;align-items: center;justify-content: center;}
#headermenu.acces-account-map .dashboard-item{display: none;}
#headermenu.acces-account-map #auth{background-color: var(--color2);height:3rem;border-radius: 4px;}
#headermenu.acces-account-map #auth .text.hidden-phone{display: none;}
#headermenu.acces-account-map #auth .nav{position: relative !important;}
#headermenu.acces-account-map #auth .nav, #headermenu.acces-account-map #auth .pull-right{margin:0px;width:100%;height: 100%;}
#headermenu.acces-account-map #auth .nav .user.dropdown{width:100%;height: 100%;}
#headermenu.acces-account-map #auth .nav .user.dropdown a{width:100%;height:100%;display: flex;align-items: center;justify-content: center;border-bottom-left-radius: 4px !important;border-bottom-right-radius: 4px !important;}
#headermenu.acces-account-map #auth .nav .user.dropdown a .icon{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/compte.svg) no-repeat center center;background-size: cover;width: 25px;height: 25px;}
#headermenu.acces-account-map #auth .nav .user.dropdown a:hover{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
#headermenu.acces-account-map #auth .nav .user.dropdown a .caret{display:none;color:var(--color3);margin-top:0px;margin-left:4px;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background: var(--color2);}
#headermenu.acces-account-map .dropdown-menu{width: 100%;height:auto !important;box-sizing: border-box;margin:0px;padding:0.5rem;border-radius: 0px;background-color: var(--color2);border:0px;}
#headermenu.acces-account-map .dropdown-menu li a{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;color: var(--color3) !important;text-decoration: none !important;    position: relative;font-family: RobotoB, sans-serif;border-radius:4px;padding:0.5rem;}
#headermenu.acces-account-map .dropdown-menu>li>a:hover{color:#fff !important;background:none;background-color: var(--color3) !important;}
#headermenu.acces-account-map .dropdown-menu>li .log-out{background-color: var(--color1) !important;color:#fff !important;}
#headermenu .dropdown-menu:after, .navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before{display: none;}
/* zoom */
#navbar br{display: none;}
#navbar button.btn{width:32px;height: 20px !important;position: relative;border:0px !important;box-shadow: none !important;outline: 0px !important;margin:1rem 0rem;}
#navbar button.btn:before{position: absolute;content:'';bottom:-1rem;height:4px;left:40%;width:20%;background-color: #fff;border-radius: 4px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#navbar button.btn:hover:before{position: absolute;content:'';bottom:-1rem;height:4px;left:40%;width:20%;background-color: var(--color3);border-radius: 4px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#navbar button.btn.active{background-color:transparent;position: relative;box-shadow: none !important;}
#navbar button.btn.active:before{position: absolute;content:'';bottom:-1rem;height:4px;left:0%;width:100%;background-color: var(--color1);border-radius: 4px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#navbar .btn.zoom-extent{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/agrandir.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#navbar .btn.pan{width:32px;height: 20px;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/hand.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#navbar .btn.zoom{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/zone.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#navbar .btn.zoom-in{background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/plus.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#navbar .btn.zoom-out{height:3px !important;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/moins.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#navbar div.slider{width:6px;display: flex;justify-content: center;margin-left:0px;background: var(--color2);}
#navbar div.slider span{width:32px;left:-14px;height:6px;border-radius: 4px;border-color: var(--color3);background:#fff;border-width: 4px;}
#navbar div.slider span.ui-state-active{border-color:var(--color1) !important;}
#headermenu.mobile{margin:0px;}
/* minidoc */
#mini-dock{left: 0rem !important;bottom: 0rem !important;top:unset !important;right:unset !important;padding:0rem;background-color: transparent !important;width:100%;max-width: unset;}
#mini-dock>.tabbable{width:100%;background-color: transparent !important;border-radius: 4px;}
#mini-dock .menu-content{box-sizing: content-box;}
#mini-dock-content *{/*box-sizing: content-box !important;*/}
#mini-dock-content .tab-pane{padding:1rem;}
#mini-dock-content .tab-pane>div{background-color: #fff;padding:0.25rem;border-radius: 4px;}
#mini-dock-content .icon{display: none !important;}
#mini-dock-content .title{font-family: RobotoB, sans-serif;}
.input-prepend *{height:100% !important;}
.button-bar{display: flex;justify-content: space-between;flex-wrap: wrap;}
.button-bar>*{margin-right:0.5rem;}
.button-bar>*:last-child{margin-right:0px;}
/* btn */
.btn{border:0;background: var(--color2);text-shadow: none;}
#hide-sub-dock{margin:0.25rem;background: var(--color1) !important;color:#fff !important;}
#lizmap-search-close .btn{margin:0rem;background: var(--color1) !important;color:#fff !important;}
#print-launch{background: var(--color3) !important;color:#fff !important;}
/* mesure */
#mini-dock .measure div.menu-content{background-color: transparent;padding:0.5rem;}
/* print */
.print .span8{display: flex;}
#mini-dock .print div.menu-content{background-color: transparent;padding:0.5rem;}

#print-parameters{border:1px solid grey;border-color: var(--color2) !important;padding:0.5rem !important;border-radius: 4px;}
#print-parameters td{padding: 0.5rem !important;}
/* popup */
.modal{overflow: hidden;}
.modal-header{box-sizing: border-box;padding:0rem 0rem 0rem 1rem;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row-reverse;border:0px;position: relative;background: none !important;opacity: 1 !important;}
.modal-header:after{content:'';position: absolute;left:1rem;bottom:0rem;height:2px;width:70px;background-color: var(--color1);}
.modal-header h3{font-size: calc(1rem + .2vw) !important;line-height: 1.25;margin: 0px;font-family: RobotoB, sans-serif;text-align: left !important;padding:1rem 1rem 1rem 0rem;color: #000000 !important;}
.modal-header .close{margin:0px;display:flex;align-items: center;justify-content: center;padding:1rem 1.5rem;color:transparent !important;opacity:1;font-family:Roboto, sans-serif !important;font-size: 2.5rem !important;font-weight: 100 !important;text-shadow: none !important;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/close.svg);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;background-color: var(--color1);}
.modal-header .close:hover{background-color: #80050d;}
.modal-body{max-height:60vh;box-sizing: border-box;padding:1rem;}
.modal-footer{background: none !important;}
.modal-footer .btn{background:none;background-color: var(--color3) !important;color:#fff !important;border: 0px;text-shadow: none;box-shadow: none;border-radius: 4px;padding:1rem;}
.modal-footer .btn.liz-project-view{background:none;background-color: var(--color1) !important;color:#fff !important;border: 0px;text-shadow: none;box-shadow: none;border-radius: 4px;padding:1rem;}
.dl-horizontal dt{text-align: left;font-weight: normal;font-family: RobotoB, sans-serif;padding-bottom:0.25rem;}
.dl-horizontal dd {padding-bottom:2rem;color:var(--color3)}
/* lizmap popup */
#liz_layer_popup{background:#fff !important;}
.lizmapPopup.olPopup, #map-content .lizmapPopup{background:#fff !important;border:0px !important;border-radius: 4px;}
.lizmapPopup.olPopup .lizmapPopupContent h4, #map-content .lizmapPopupContent h4{position:relative;font-size: calc(1rem + .2vw) !important;line-height: 1.25;margin: 0px;font-family: RobotoB, sans-serif;text-align: left !important;padding: 1.5rem 3rem 1rem 1.5rem;color: #000000 !important;border:0px;}
.lizmapPopup.olPopup .lizmapPopupContent h4:after, #map-content .lizmapPopupContent h4:after{content:'';position: absolute;left:1.5rem;bottom:0.5rem;height:2px;width:40px;background-color: var(--color1);}
.lizmapPopup.olPopup .olPopupCloseBox, #map-content .lizmapPopup .olPopupCloseBox, #popupcontent .lizmapPopup .olPopupCloseBox{margin:0px;display:flex;align-items: center;justify-content: center;padding:1rem 1.5rem;color:transparent !important;opacity:1;font-family:Roboto, sans-serif !important;font-size: 2.5rem !important;font-weight: 100 !important;text-shadow: none !important;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/close.svg);background-size: 20px 20px;background-repeat: no-repeat;background-position: center;background-color: var(--color1);width:48px !important;height:48px !important;right:0px !important;}
#liz_layer_popup_contentDiv{height:100%;}
#liz_layer_popup_contentDiv .before-tabs{display: flex;flex-wrap: wrap;align-items: center;background-color: #fff;font-size: 0.85rem;padding:0px;}
#liz_layer_popup_contentDiv .before-tabs>*{width:50%;margin:0px !important;padding-right: 0.25rem;}
#liz_layer_popup_contentDiv .before-tabs>p:nth-child(3n) {display: none;}
#liz_layer_popup_contentDiv .before-tabs .field{margin-left:auto;color:var(--color3);}
#liz_layer_popup_contentDiv .before-tabs .field a{background:none;background-color: var(--color1) !important;color:#fff !important;border: 0px;text-shadow: none;box-shadow: none;border-radius: 4px;padding:0.5rem 1rem;text-decoration: none;}
.lizmapPopup.olPopup .lizmapPopupDiv, #map-content .lizmapPopupDiv{margin:0.5rem 1.5rem !important;}
.olPopupContent::-webkit-scrollbar {width: 5px;}
div.popup_lizmap_dd{margin:0px !important;}
#attribution-box{display: none;}
.lizmapPopupSingleFeature{float:left;width:100%;}
#message.span6{margin-left:-240px;width:480px;}
#content.mobile #message.span6{margin-left:5rem;width:calc(100% - 10rem);}
/* A propos (popup départ) */
#toggleModal{top:unset !important;bottom:1rem !important;margin-left:0 !important;left:1rem !important;background:var(--color1) !important;z-index: 1009 !important;}
/* Echelle */
#overview-box{right:1rem;bottom:1rem;width:260px;border:0;border-radius: 4px;overflow: hidden;}
#overview-box > * + *, lizmap-overviewmap .ol-overviewmap{border:0;padding:0.5rem;background-color: #fff !important;}
#overview-bar{width:100%;padding-top:0.5rem;}
.mouse-position>.btn{background: var(--color2) !important;color:#fff !important;margin-right:4px;}
.editable-position{display: flex;}
lizmap-mouse-position > div.mouse-position input[type=number]{width:45%;margin-right:2%;}
.editable-position *{height:100% !important;}
lizmap-scaleline .ol-scale-bar {bottom: 2px;left: 10px;}
/* Géoloc */
lizmap-geolocation .geolocation-infos{border:1px solid grey;border-color: var(--color2);background-color: transparent;}
lizmap-geolocation .input-mini{width: 50px;}
lizmap-geolocation div.menu-content{padding:0.5rem !important;background-color: transparent !important;}
/* Story droite */
#content.right-dock-visible #map-content, #content.atlas-visible:not(.mobile) #map-content{margin-right: calc((100%)*30/100);}
#right-dock{position: fixed;right:0rem;top:0rem;background:#fff;z-index: 10;}
#right-dock .tabbable{padding:5rem 1rem 1rem 1rem;margin:0;}
#right-dock-tabs{display: none;}
#right-dock-content{padding-right:0rem;}
#right-dock-close{right:1rem;bottom:1rem;top:unset;}
#atlas-content{border:0px !important;padding-top:0rem !important;position: relative;}
#atlas-content>p{padding:0 !important;}
#atlas-content>p>span{width:100%;display: flex;flex-wrap:wrap;justify-content: space-between;}
#atlas-content>p>span button:first-child{position: relative;z-index: 5;width:2rem;height:2rem;background-color: var(--color1);background-image: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/arrow-prev.svg);background-repeat: no-repeat;background-position: center;background-size: 50% 50%;}
#atlas-content>p>span button:last-child{position: relative;z-index: 5;width:2rem;height:2rem;background-color: var(--color1);background-image: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/arrow-next.svg);background-repeat: no-repeat;background-position: center;background-size: 50% 50%;}
#atlas-content>p button span{display: none;}
#atlas-content>div:first-of-type{/*display: none;*/position:absolute;width:100%;display: flex;align-items: center;justify-content: center;text-align: center;bottom:0;z-index: 3;}
#atlas-content>div:first-of-type .liz-atlas-run{height:2rem;letter-spacing: 0.05rem;font-family: 'RobotoB', sans-serif;text-transform: uppercase;color:var(--color3);border:0px;padding-left:0.5rem;padding-right:0.5rem;}
#atlas-content>div:first-of-type .liz-atlas-run:hover{color:#fff;}
#atlas-content>div:first-of-type .liz-atlas-run:focus{outline: 0px;}
#atlas-content>br{display: none;}
#right-dock .tabbable .menu-content h3{display: none;}
#content.atlas-visible:not(.mobile) #right-dock{width:30%;max-width: 30%;}
#right-dock{width:100% !important;max-width: 100% !important;}
#overview-box.notvisible, #navbar.notvisible{display: none;}
#liz-atlas-select{width:100%;background-color: var(--color2);padding:0.5rem 1rem;height:auto;}
#liz-atlas-item-detail{padding:0px;background: transparent;display: block !important;}
#liz-atlas-item-detail .lizmapPopupTitle{display: none !important;}
#dock div.lizmapPopupDiv, #mini-dock div.lizmapPopupDiv, #right-dock div.lizmapPopupDiv, #bottom-dock div.lizmapPopupDiv{background-color: transparent !important;padding:0;}
div.popup_lizmap_dd div{padding:0px !important;display: flex;flex-direction: column;align-items: flex-start;}
div.popup_lizmap_dd .before-tabs p{display: none;}
div.popup_lizmap_dd .before-tabs .field{width:100%;}
div.popup_lizmap_dd .before-tabs .field:first-of-type{min-height: 3rem;display: flex;align-items: flex-start;border:0px;position: relative;padding-left:0rem;padding-right:3.5rem;color: #000000;font-size: calc(1rem + .2vw);line-height: 1.25;margin: 0px;font-family: RobotoB, sans-serif;text-align: left !important;margin-bottom:2rem;margin-top:0.5rem;padding-bottom:1rem !important;}
div.popup_lizmap_dd .before-tabs .field:first-of-type:after{content:'';position: absolute;left:0rem;bottom:0rem;height:2px;width:70px;background-color: var(--color1);}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(2) a{width:100%;overflow: hidden;}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(2) a img{-webkit-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(2) a:hover img{transform: scale(1.1);}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(3){font-family: Caveat, serif;color:var(--color3);font-size:calc(1.25rem + .2vw);text-align: right;transform: translate(-1rem, -2rem);background:var(--color2);display: flex;margin-left:auto;padding:1rem !important;border-radius: 4px;border:0px !important;width:auto;max-width:90%;}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(4){font-size: 1rem;line-height: 1.5;padding:0rem 0rem 0rem 2rem !important;border:0px;border-left:2px solid grey;border-color: var(--color3);display: inline-block !important;}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(4) a{text-decoration: underline;color: var(--color1);}
div.popup_lizmap_dd .before-tabs .field:nth-of-type(5){font-size: 0.75rem;line-height: 1.5;color:var(--color1);padding:1rem 2rem !important;}

div.popup_lizmap_dd .before-tabs img{border-radius: 4px;width:100%;height:30vh;object-fit: cover;background: var(--color2);}

/* Mode par défaut */
#map.init{position: relative;}
#map.init:before{z-index:750;content:'';position:absolute;width:100%;height:100%;background: url(/index.php/view/media/getMedia?repository=recitcarto&project=app4_indus_nord&path=media%2Fthemes%2Fapp4_indus_nord%2Fcss%2F/images/carte-adum-atlas.jpg);background-size: cover;}

@media (min-width: 576px){
  #docks-wrapper{width:20vw;top:0px;left:25%;min-width: 45vw;height:70vh;}
}

@media (min-width: 900px) {
  #header{width:50%;}
  #headermenu.acces-account-map{display: none;}
  #right-dock{width:50% !important;max-width: 50% !important;}
  #right-dock .tabbable{padding:3rem 2rem 1rem 2rem;margin:0;}
  #right-dock-content{padding-right:2rem;}
  #right-dock-close{right:2rem;top:0.75rem;bottom:unset;}
}

@media (min-width: 992px) {
  *::-webkit-scrollbar{width:15px;}
  #content{min-height:750px;}
  /*#header{width:60%;left:20%;border-bottom-left-radius: 5px !important;border-bottom-right-radius: 5px !important;flex-direction: row;justify-content: space-between;}*/
  .bt-retour-map span{display: flex;}
  .bt-retour-map img{display: none;}
  #headermenu{right:5rem;top:0rem;}
  #headermenu.acces-account-map #auth{background-color: var(--color2);height:5rem;border-top-left-radius: 0px;border-top-right-radius: 0px;}

  #map{padding-top:0rem !important;} 
  #mapmenu{width:6rem;}
  #mapmenu .nav-list > li > a{padding:1.5rem 0rem;width:4rem;height:5rem;}
  #mapmenu .nav-list > li > a .icon{width:100%;height: 100%;}
  #mapmenu-parent{height:100%;/*padding: 7rem 1rem 5rem 5rem;*/padding: 7rem 0rem 5rem 5rem;}
  #navbar{right:5rem;top:7rem;}
  #navbar button.btn, #navbar .btn.zoom-out{width:32px;height: 32px !important;}
  .bt-retour-map{background-color: var(--color2);color:var(--color3) !important;letter-spacing: 0.05rem;text-transform: uppercase;height:100%;font-size: 0.85rem;padding:2rem;align-items: center;text-decoration: none !important;font-family: RobotoB, sans-serif;    -webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;display: flex;align-items: center;}
  .bt-retour-map:hover{background-color: rgb(211, 208, 205);}
  #title{padding-right:1rem;}
  #title h1{padding:0rem 0rem 1rem 2rem;line-height:1.25;}
  #title h1:after{left:2rem;}
  #mini-dock{left: unset !important;bottom: unset !important;top:7rem !important;right:13rem !important;padding:0rem;background-color: transparent !important;/*width:25%;max-width: 30%;*/width:auto;max-width: unset;}
  #mini-dock-content .tab-pane{padding:0rem;}
  #switcher-layers-container{padding:1rem;}
  #docks-wrapper{width:20vw;top:0px;left:25%;min-width: 350px;height:100%;}
  #dock-tabs{padding-left:1rem;}
  #dock-tabs:after{left:1rem;}
  #mapmenu::-webkit-scrollbar, #switcher-layers-container > div.menu-content::-webkit-scrollbar{width:4px;}
  #dock div.tabbable{padding:1rem;}
  #metadata{padding:1rem;}
  #dock-content .liz-project-img{height:200px;}
  #headermenu.acces-account-map #auth .nav .user.dropdown a .caret{display: block;}
  .navbar-search{bottom:12rem !important;display: flex;right:5rem !important;height:50px;}
  #toggleModal{bottom:1.5rem !important;left:5rem !important;}
  #overview-box{right:5rem;bottom:5rem;}
  #lizmap-search{right:13rem !important;top:7rem !important;left:unset !important;bottom:unset !important;background-color: rgba(255,255,255,1);color:var(--color3);width:auto;}
  #sub-dock{min-width:70%;max-width: 100%;}
  #message.span6{margin-left:-285px;width:570px;}
}

@media (min-width: 1200px) {
  #header{width:calc(70% - 10rem);left:5rem;}
  div.popup_lizmap_dd .before-tabs img{height:50vh;}
  #mini-dock{left: unset !important;bottom: unset !important;top:7rem !important;right:13rem !important;padding:0rem;background-color: transparent !important;/*width:18%;max-width: 20%;*/width:auto;max-width: unset;}
  #right-dock{width:30% !important;max-width: 30% !important;}
}

@media screen and (max-width: 900px), screen and (max-height: 400px){
  #navbar .slider {display:none !important;}
}