.separator {
	width: 80%;
	border: 1px solid lightgrey;
	margin-left: 10%;
	margin-top: 15px;
	margin-bottom: 15px;
}
nav.fixed {
	position: fixed;
	top: 0px;
	z-index:99;
}
div.filActu {
	margin-top: 56px;
}
p#noWodFound {
	color: grey;
}
.collection .collection-item {
	padding: 0px;
}
p {
	margin-bottom: -14px;
}
#top {
	min-height: 10px;
}
.comment .profil_name {
	font-weight: bold;
}

#viewAJour {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
#viewAJour span.material-symbols-outlined {
	font-size: 50px;
	color: #27A87A;
}
#viewAJour .trait {
	border-bottom: 1px solid grey;
	width: 35%;
	position: absolute;
	top: 25px;
}
#viewAJour .trait.gauche {
	left: 20px;
}
#viewAJour .trait.droite {
	right: 20px;
}
#viewAJour .mainText {
	font-size: 16px;
	font-weight: bold;
}
#viewAJour .secondText {
	color: grey;
	font-size: 12px;
}
#viewAJour.onTop {
  	animation-duration: 2500ms;
	animation-name: slidetop;
	opacity: 0;
	margin-top: -125px;
}
@keyframes slidetop {
  	from {
    		margin-top: 0%;
    		opacity: 1;
  	}
	50% {
		margin-top: 0%;
		opacity: 1;
	}
  	to { 
		margin-top: -125px;
   	 	opacity: 0;
 	}
}