/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Bold'), local('FiraSans-Bold'),
       url('../fonts/fira-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v10-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}


.clusterzone{font-family: 'Fira Sans', sans-serif; 
  font-weight: 700;}

body { padding-top: 50px; display: block; width: 100%;font-family: 'Fira Sans', sans-serif; }
html{background: white}
#map{}
.logo{position: absolute; bottom: 0; left: 0; width: 261px; height:67px;z-index: 1000;
    background: url(../images/logo-cci.png) no-repeat bottom left transparent; background-size: contain}
.relative{position: relative;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 0
}

.menus{
    background: url(../images/bkg10.png) no-repeat right -50px  white;
}
.navbar.navbar-inverse{
    background: url(../images/bkg20-dark.png) no-repeat right top #333333;
        border: 0px solid #333333;
}

.navbar-brand {
    padding: 0px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar-brand > img {
    display: block;
    max-height: 100%;
}
.navbar-text.lead {
    line-height: 0.9;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    margin-bottom: 20px
}
.dropdown-menu > li > a {
    white-space: normal;
}
.nopad{padding-left: 0; padding-right: 0}

.circ {
    
    width: 10px;
    height: 10px;
    border: 1px solid white;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
}
.container-dropdown{padding-right:20px;}

.dropdown-menu.open .close{
  float: right;
font-size: 27px;
font-weight: 300;
line-height: 1;
color: #000;
text-shadow: 0 0px 0 #fff;
filter: alpha(opacity=100);
opacity: 1;
}
.cochdecoch{width: 90%}
.dropdown-menu li:hover a {
    background-color: #333333;
}
.dropdown-menu .selected a {
    color: #fff;
    background-color: #D50C2D;
    outline: 0;
}


.menus .btn {
    border: 1px solid transparent;
}
.menus .btn-default {
    border-color: rgb(91,91,91) !important;
}
.menus .bootstrap-select-modifier .btn-default{
    border-color: #D50C2D !important;
}

.menus .bootstrap-select-modifier .btn {
    border: 3px solid transparent;
}

.menus .bootstrap-select-modifier .bs-caret{color: #D50C2D }


.leaflet-bar a, .leaflet-bar a:hover {
    background-color: rgb(255,255,255);
    border-bottom: 1px solid rgb(255,255,255);
    width: 46px;
    height: 46px;
    line-height: 46px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 31px;
}
.leaflet-bar a:hover {
    background-color: #e1e1e1;
    color: black;
}

.dropdown-menu {
    background-color: rgb(255,255,255);
    border: 1px solid #333333;
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background-color: #333333;
    border-color: #ccd1d9;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #333333;
    border-color: #8c8c8c;
}

.termdeleselct,
.btn-normal { 
  color: #FFFFFF; 
  background-color: #D50C2D; 
  border-color: #D50C2D; 
} 
 
.termdeleselct:hover, 
.termdeleselct:focus, 
.termdeleselct:active, 
.termdeleselct.active, 
.open .dropdown-toggle.termdeleselct,

.btn-normal:hover, 
.btn-normal:focus, 
.btn-normal:active, 
.btn-normal.active { 
  color: #FFFFFF; 
  background-color: #D50C2D; 
  border-color: #fff; 
} 
 
.termdeleselct:active, 
.termdeleselct.active, 
.open .dropdown-toggle.termdeleselct,
.btn-normal:active, 
.btn-normal.active,  { 
  background-image: none; 
} 
 
.termdeleselct.disabled, 
.termdeleselct[disabled], 
fieldset[disabled] .termdeleselct, 
.termdeleselct.disabled:hover, 
.termdeleselct[disabled]:hover, 
fieldset[disabled] .termdeleselct:hover, 
.termdeleselct.disabled:focus, 
.termdeleselct[disabled]:focus, 
fieldset[disabled] .termdeleselct:focus, 
.termdeleselct.disabled:active, 
.termdeleselct[disabled]:active, 
fieldset[disabled] .termdeleselct:active, 
.termdeleselct.disabled.active, 
.termdeleselct[disabled].active, 
fieldset[disabled] .termdeleselct.active { 
  background-color: #D50C2D; 
  border-color: #D50C2D; 
} 
 

.btn-normal2 { 
  color: #000; 
  background-color: #333333; 
  border-color: #333333; 
} 
 
.btn-normal2:hover, 
.btn-normal2:focus, 
.btn-normal2:active, 
.btn-normal2.active { 
  color: #000; 
  background-color: #333333; 
  border-color: #fff; 
} 
 
.btn-normal2:active, 
.btn-normal2.active,  { 
  background-image: none; 
} 
.hover{z-index: 999999999}
.btn-contact .hover{display: none}

.btn-contact:hover .hover{display: inline-block;}
.btn-contact{position: absolute;top: 0px; right: 85px; border-top-left-radius: 0;border-top-right-radius: 0;}

.btn-info .hover{display: none}

.btn-info:hover .hover{    display: block;
    position: absolute;
    top: 18px;
    background: #D50C2D;
    right: -2px;
    width: 170px;
    height: auto;
    white-space: normal;
    text-align: right;
    padding: 5px;
    border-radius: 4px;}
.btn-info{position: absolute;top: 0px; right: 50px; border-top-left-radius: 0;border-top-right-radius: 0;}



.btn-modif .hover{display: none}

.btn-modif:hover .hover{    display: block;
    position: absolute;
    top: 18px;
    background: #D50C2D;
    right: -2px;
    width: 180px;
    height: auto;
    white-space: normal;
    text-align: right;
    padding: 5px;
    border-radius: 4px;}
.btn-modif{position: absolute;top: 0px; right: 15px; border-top-left-radius: 0;border-top-right-radius: 0;}


.termdeleselct .badge { 
  color: rgb(227,0,67); 
  background-color: #FFFFFF; 
}
.dropdown-menu li a {
    color: #000;
}
.taxonomies{overflow: auto}
.message small{font: 11px/1.5 "Fira Sans", Arial, Helvetica, sans-serif; color: black;
margin-top: 10px;
margin-right: 5px;
display: block;}
.label.label-danger{
  background: #D50C2D; 
  position: absolute;
  top: 5px;
  right: 25px;
  padding: 5px;
  display:none;}
.alert.alert-danger{
  background: #D50C2D;
  color: white
}
.alert.alert-danger .close {
    float: right;
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

/* RESPONSIVE RULES */


.alert{
    position: absolute;
    bottom: 45px;
    left: 15px;
    right: 15px;
}

@media (max-width:767px){
  .alert{
    bottom: 30px;
}

#map{height: 350px !important}
.menus, .taxonomies{height: auto !important}
.dropdown-menu.inner{overflow: none !important}
.logo{position: relative}

.dropdown-menu.open{height: 200px !important;overflow: auto !important}
.taxonomies{padding-bottom: 200px; }
.btn-contact{position: absolute;top: 0px; left: 00px; right: auto; border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 0;}
.btn-info{position: absolute;top: 0px; right: 0px; border-top-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
.btn-modif{position: absolute;bottom: 0px; top:auto; right: 0px; border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;}
  .message small{display: none}
  body{padding-top: 0}
  .navbar-fixed-top{position: relative;margin-bottom: 0}
  .navbar-text.lead {   line-height: 1.4; text-align: center}

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


.leaflet-bar a, .leaflet-bar a:hover {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.leaflet-bar a:hover {
    background-color: #e1e1e1;
    color: black;
}

}


.leaflet-div-icon{
    background: none;
    border: 0;
}

.leaflet-popup-content {
    margin: 0;
    line-height: 1.4;
    max-width: 200px;
   width: 200px !important;
}
.popin_over{
  padding: 10px;
  color: #1c1c1a;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
.popin_over a{color: #D50C2D; text-decoration: underline;}

.popin_over .btn-normal2 { 
  color: #fff; 
  background-color: #D50C2D; 
  border-color: #D50C2D; 
} 
 
.popin_over .btn-normal2:hover, 
.popin_over .btn-normal2:focus, 
.popin_over .btn-normal2:active, 
.popin_over .btn-normal2.active { 
  color: #fff; 
  background-color: #D50C2D; 
  border-color: #fff; 
} 
 
.popin_over .btn-normal2:active, 
.popin_over .btn-normal2.active,  { 
  background-image: none; 
} 

.detail-taxo-popin{
  background: #d2d2d2;
  color: #000; 
  padding: 10px;
  max-height: 130px;
  overflow: auto;
  font-size: 12px;
  line-height: 13px;
}
  .popin_adress{
  font-size: 12px;
  line-height: 13px;
  font-weight: 500;
padding-top: 5px; display: block}

.popin-libel-taxo{
  display: block;
  padding-bottom: 8px;
  text-decoration: underline;
  font-weight: bold;
}
.popin-item-term{padding: 0 0 8px 0}
.leaflet-popup-content-wrapper {
    border-radius: 6px;
}
.refresh-icon{ background-image: url(../images/icon-reload.png); }
.leaflet-retina .refresh-icon { background-image: url(../images/icon-reload-2x.png); background-size: 26px 26px; }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}


::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #D50C2D;
    border-color: #D50C2D;
}

.footer{
    background-color: #D50C2D;
    color: white}
    .footer a{
    color: white}
    .footer a:hover{
    text-decoration: underline}

    .detail-taxo-popin:empty{display: none}
    
@media (min-width: 768px){
.modal-dialog {
    width:800px;
}
}