.ombrage{
  box-shadow: 0 0 32px rgba(0,0,0,.16);
}
#parcours-tab .parcours-link.active .iconeType,.nav-souscat .parcours-link.active .iconeType2 {
  filter:none;
}
.parcours-link{
  cursor: pointer;
}
.iconeType,.iconeType2{
  display: block;
  margin: auto;
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(0%) hue-rotate(195deg) brightness(94%) contrast(91%);
}
.iconeType{
  max-height: 2em;
}
.iconeType2{
  max-height: 1.6em;
}
.catLabel{
  font-size:.8em;
  display:block;
}
.souscatLabel{
  font-size:.7em;
  display:block;
  max-width: 11em;
  word-break: break-all;
}
#parcours-tab .parcours-link.active .catLabel,.nav-souscat .parcours-link.active .souscatLabel{
  color:var(--color);
}
.enteteListe{
  background-color: var(--color-20);
  border-bottom: solid var(--color) 1px;
  padding: .5em .5em;
}
#filtreBtn {
  font-size: .7em;
}
#filtresContent{
  display:none;
  font-size:.9em;
}
.countCat{
  text-align: center;
}
.circleIcone,.circleIcone2{
  border-style: solid;
  border-color: #4E4E4E;
  border-radius: 50%;
  padding: .25em;
  border-width: 2px;
  height: 2.8em;
  width: 2.8em;
  margin: auto;
  background: #f5f6f7;
}
.circleIcone{
  height: 2.8em;
  width: 2.8em;
}
.circleIcone2{
  height: 2.4em;
  width: 2.4em;
}
.parcours-link.active .circleIcone,.parcours-link.active .circleIcone2{
  background: var(--color-80);
  border-color: var(--color);
}
.parcours-link .catLabel,.parcours-link:visited .catLabel,.parcours-link:hover .catLabel,.parcours-link .souscatLabel,.parcours-link:visited .souscatLabel,.parcours-link:hover .souscatLabel{
  color:#4E4E4E;
}
#liste{
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  display: block;
  width:100%;
  margin:0;
  padding:0;
}
#map{
  height:100%;
  display: none;
  width:100%;
  margin:0;
  padding:0;
}
#filtreParcoursActif,#filtreSitesActif,#nbSites{
  display:none;
}
.blocTrace,.blocSite{
  border-bottom: solid 1px #e6e6e6;
  cursor: pointer;
}
.colLogo{
  width:120px;
  max-height: 6em;
}
.colLogo>img{
  /* background-image:url("../img/widget/loader.svg"); */
  background-repeat: no-repeat;
  background-position: center;
}
.colTags{
  width:calc(100% - 20px);
}
.colNom{
  width:calc(100% - 140px);
  font-family: 'Montserrat',sans-serif;
}
.nomTrace{
  font-size: .9em;
  width: 100%;
}
.infosTrace,.traceLieu{
  font-size: .8em;
}
.paysEspacetrail{
  font-weight: bold;
  font-size: .8em;
}
.depEspacetrail{
  font-size: .8em;
  color: #7a7a7a;
  font-weight: 400;
}
.colLien{
  width:20px;
  text-align:center;
  background-color: var(--color);
  padding-left: .1em;
}
.colLogo>img{
  max-width: 90%;
  max-height: 90%;
  display: block;
  margin:auto;
}

.showBlocRight{
  display:block;
}
.showBlocLeft {
    position: absolute;
    width: 8em;
    top: 0;
    left: calc(50% - 4em);
    z-index: 2;
    display:block;
}
.catLink{
  padding: .25rem .25rem;
}
#btnShowAllDeparts{
  display:none;
}
.btnShowAllParcours{
  position: absolute;
  width: 15em;
  bottom: .5em;
  top:auto;
  left: calc(50% - 7.5em);
  z-index: 2;
}

@media (min-width: 768px) {
  #liste{
    width:20em;
    display: inline-block;
  }
  #map{
    display: inline-block;
    width:calc(100% - 20em);
  }
  .showBlocLeft{
    display:none;
  }
  .btnShowAllParcours{
    position: absolute;
    width: 15em;
    top: .5em;
    bottom:auto;
    left: calc(50% - 7.5em);
    z-index: 2;
  }
  .showBlocRight{
    display:none;
  }
  .catLink{
    padding: .5rem .5rem;
  }
  .catLabel{
    font-size:.9em;
  }
  .souscatLabel{
    font-size:.8em;
  }
}

@media (min-width: 992px) {
  #liste{
    width:25em;
  }
  #map{
    width:calc(100% - 25em);
  }
  .catLink{
    padding: .5rem 1rem;
  }
}

@media (min-width: 1200px) {

}

@media (min-width: 1800px) {

}