div.youarehere
	{
		font-family: arial;
		font-size: 20pt;
		font-weight: bold;
	background-color:#E4EFFF;
	border:1px solid #9FC6FF;
	padding:5px;
	border-radius:20px 0
	}
	
	div.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            visibility: hidden;
            display :none;
            opacity: 0;
		}
          div.overlay:target {
            visibility: visible;
            opacity: 1;
            display: block;
          }

	.popup {
	  margin: 70px auto;
	  padding: 20px;
	  background-color:#E4EFFF;
	  border-radius: 20px 0;
	  width: 50%;
	  font-size: 40;
	  position: relative;
	 }

	.popup .content {
	  max-height: 30%;
	  overflow: auto;
	  font-size: 35;
	  font-weight: bold;
	}

	text.etapetext{
		font-family: arial;
		font-size: 45;
		fill: black;
		font-weight: bold;
	}
	
	text.etapetextblack{
		font-family: arial;
		font-size: 45;
		fill: white;
		text-anchor: start;
		font-weight: bold;
	}
	
	text.datetext{
	font-family: verdana;
	font-size:25pt;
	fill: grey;
	}
	  

	
	text.newdatetext{
	font-family: verdana;
	font-size:25pt;
	fill: red;
	}
	
	text.datetextbarre{
	font-family: verdana;
	font-size:25pt;
	text-decoration: line-through;
	}
	
	circle.Cercle0{
		stroke: black; 
		stroke-width: 6 
		fill: black
	}
	
	circle.Cercle1{
		stroke: #F3C700; 
		stroke-width: 6; 
		fill: #F3C700;
	}
	
	circle.Cercle2{
		stroke: #F3C700; 
		stroke-width: 6; 
		fill: white;
	}
	
	circle.CercleDone{
		stroke: grey; 
		stroke-width: 6; 
		fill: grey;
	}