.containerImgParcours{
  max-width:80%;
  width:800px;
}
.imgParcours{
  max-width:100%;
  max-height: 35em;
}
.imgBalise{
  width:3em;
  height:3em;
}
.figureParcours{
  max-width:40%;
  max-height: 35em;
}
figcaption{
  font-size: .6em;
}
.etatParcours:first-letter{
    text-transform: uppercase;
}
.etatParcours{
  font-variant: small-caps;
  display: block;
  font-weight: 700;
  text-align: center;
  font-size:1.2em;
}
.etat_ouvert{
	color:#66C547;
}
.etat_fermé{
	color:rgb(255,0,0);
}
.etat_vigilance{
	color:#fe7800;
}
.oriData{
	font-size:.9em;
}
.oriData img{
	vertical-align: middle;
	border-style: none;
	height: 2.8em;
	margin-left: .5em;
}
.titreReco{
  color:var(--color);
  font-weight:bold;
}
#lienCarte>a,#lienCarte>a:hover,#lienCarte>a:visited{
  color:#212529;
  text-align: center;
  font-size:.9em;
  text-decoration: none;
}
#btnProfil{
  display:none;
}
#detailsParcours{
  background-color: var(--color);
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
}
#parcoursMap{
  height: 30em;
}
.iconeType{
  display: block;
  margin: auto;
  filter: brightness(0) saturate(100%) invert(28%) sepia(16%) saturate(0%) hue-rotate(195deg) brightness(94%) contrast(91%);
  max-height: 2em;
}
.circleIcone{
  border-style: solid;
  border-color: #4E4E4E;
  border-radius: 50%;
  padding: .25em;
  border-width: 2px;
  height: 2.8em;
  width: 2.8em;
  margin: auto;
  background: #f5f6f7;
  vertical-align: middle;
}
.circleDiff{
  border-style: solid;
  border-color: #4E4E4E;
  border-radius: 50%;
  padding: .25em;
  border-width: 2px;
  height: 2.8em;
  width: 2.8em;
  margin: auto;
  vertical-align: middle;
}
#listeDetails{
  max-width:80%;
  display:block;
  margin:auto;
}
.alignMe span {
  display: inline-block;
  width: 65%;
  position: relative;
  padding-right: 10px; /* Ensures colon does not overlay the text */
}

.alignMe span::after {
  content: ":";
  position: absolute;
  right: 10px;
  font-size:.9em;
}
.resourceParcoursLink{
  width:100%
}
.resourceParcoursLink>a,.resourceParcoursLink>a:hover,.resourceParcoursLink>a:visited{
  color:white;
  text-decoration: none;
}
.contactParcours,.contactParcours>a,.contactParcours>a:hover,.contactParcours>a:visited{
  line-height:2em;
  color:var(--color);
  text-decoration: none;
}
.shareActu{
  padding-bottom: 1em;
  text-align: center;
}
.iconSocial {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
}
.iconSocialColor {
    background-color: var(--color);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
}
.shareActuAction{
  margin-bottom: .5em;
}
.labelContact{
  font-size: .8em;
  font-weight: 700;
}
.msgParcours > span {
    white-space: normal;
}
#showSignal,#addFavori,#removeFavori{
  cursor:pointer;
}
#labelffr>img{
  width:12em;
  max-width:80%;
}
#labelffr{
  text-align:center;
  font-size: .8em;;
}
@media (min-width: 768px) {
  .mapContact{
    min-height: 20em;
  }

}