@import url("/css/formations-formalerte.css");	
#zoneParcours {
	min-width: 800px;
	height: calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em); 
	font-size: 1.5em; 
	position: relative; 
	line-height: 1; 
	text-align: center;
	
	width: 100%;
	margin: 0;
	border: none;
	/* background: none; */
	background-image: url(https://sipea.fr/imgs/bck2025.jpg);
	background-size: 100%;
	background-position: bottom;
	}
#zoneParcours a {
	color: inherit;
	}
#zoneParcours .chemin {
	z-index: 150; 
	position: absolute;
	width: 100%;
	height: 100%;
	/* background-color: rgba(128,128,128,0.6); */
	background-color: #FF88;
	
	}
#zoneParcours .chemin:hover {	
	background-color: #FF8C;
	/* background-color: #FFF; */
	/* z-index: 6000; */
	}		
#zoneParcours .cheminActif {
	background-color: #090;
	}
#zoneParcours .chemin.parcoursFait {
	background-color: #3C3;
	z-index: 5000;
	}
#zoneParcours .chemin.parcoursEnCours {
	background-color: #33C;
	z-index: 5000;
	}
#zoneParcours .chemin.parcoursAVenir {
	background-color: #CC3;
	z-index: 5000;
	}
#zoneParcours .parcoursElement {
	font-family: calibri, curve;
	z-index: 100;
	display: block; 
	position: absolute; 
	background: rgba(255,255,255,0.75); 
	width: 17%;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	transition: all 0.25s ease;
	z-index: 10000;
	
	background-image: url(/imgs/bckTableauNoirLien.png) !important;
	background-size: cover !important;
	/* opacity: 0.8; */
	opacity: 1;
	border: none;
	padding: 0.5rem;
	border-radius: 10px;
	}

#zoneParcours .parcoursElement:hover {
	opacity: 1;
	border: none !important;
	}
#zoneParcours .parcoursElement .infoBulle {
	display: none;
	position: absolute; 
	z-index: 5000000;
	font-size: 1rem; 
	border-radius: 20px;
	padding: 0px;
	left: 0px;
	top: 100%; 
	left: -50%;
	text-align: left; 
	line-height: 1;
	border: #333 2px solid;
	background: #FFF;
	padding: 0.5em 1em;
	min-width: 220%;
	}

#zoneParcours .parcoursElement .infoBulle * {
	font-family: calibri;
	margin: 0px;
	padding: 0px;
	list-style: inside;
	color: #000;
	}
#zoneParcours .parcoursElement .infoBulle span.titreBulle {
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
	}
	
#zoneParcours .infoBulle span.parcoursDuree {
	font-style: italic;
	color: #39C;
	display: inline-block;
	position: absolute;
	right: 1em;
	margin-left: 1em;
	}

#zoneParcours .parcoursElement.col1 .infoBulle {
	left: 0;
	}
#zoneParcours .parcoursElement.col2 .infoBulle {
	left: -50%;
	}
#zoneParcours .parcoursElement.col5 .infoBulle {
	left: auto;
	right: 0;
	}
#zoneParcours .parcoursElement.col4 .infoBulle {
	left: auto;
	right: -50%;
	}
#zoneParcours .parcoursElement a:hover .infoBulle {
	display: block;
	}
#zoneParcours .parcoursElement.parcoursFait {
	opacity: 1;
	border:  2px solid #3C3;
	}
#zoneParcours .parcoursElement.parcoursEnCours {
	opacity: 1;
	border:  2px solid #33C;
	}
#zoneParcours .parcoursElement.parcoursAVenir  {
	opacity: 1;
	border:  2px solid #CC3;
	}
#zoneParcours .parcoursElementBig {
	width: 19.5%;
	}
#zoneParcours .parcoursTitre {
	font-size: 1.2rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	
	background-color: rgba(0,0,0,0.5);
	background-color: rgba(255,0,255,0.3);
	color: #FFF;
	font-family: Pancarte;
	font-weight: normal;
	font-size: 1.1em;
	padding: 0.5rem;
	margin: 0;
	border-radius: 10px;
	}

#zoneParcours a {
	font-weight: bold;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	font-family: Pancarte;
	font-weight: normal;
	
	color: #000;
	box-sizing: border-box; 
	width: calc(50% - 0.4em);
	width: -moz-calc(50% - 0.4em);
	margin: 0.5em 0.1em 0 0.1em;
	padding: 0.1em;
	border: 1px solid  rgba(255,255,255,0.75);
	
	border-radius: 0.5em;
	background-color: rgba(255,255,255,0.5);
	}
#zoneParcours a.formationSuivie {
	width: 75%;
	}
#zoneParcours a:hover {
	background-color: rgba(255,255,255,0.75);
	}

#zoneParcours .parcoursDate {
	font-size: 0.5em;
	font-style: italic;
	}

#zoneParcours .ligne1 {	top: calc(0.5em); z-index: 4000; }
#zoneParcours .ligne2 {	top: calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em); z-index: 3000; }
#zoneParcours .ligne3 {	top: calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em); z-index: 2000; }
#zoneParcours .ligne4 {	top: calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em); z-index: 1000; }
#zoneParcours .col1 	{	left: calc(2.5% * 1 +  17% * (1 - 1));	}
#zoneParcours .col15 	{	left: calc(2.5% * 1 +  17% * (1 - 1) + 8.5%);	}
#zoneParcours .col2 	{	left: calc(2.5% * 2 +  17% * (2 - 1));	}
#zoneParcours .col25 	{	left: calc(2.5% * 2 +  17% * (2 - 1) + 8.5%);	}
#zoneParcours .col3 	{	left: calc(2.5% * 3 +  17% * (3 - 1));	}
#zoneParcours .col35 	{	left: calc(2.5% * 3 +  17% * (3 - 1) + 8.5%);	}
#zoneParcours .col4 	{	left: calc(2.5% * 4 +  17% * (4 - 1));	}
#zoneParcours .col45 	{	left: calc(2.5% * 4 +  17% * (4 - 1) + 8.5%);	}
#zoneParcours .col5 	{	left: calc(2.5% * 5 +  17% * (5 - 1));	}
#zoneParcours .col55 	{	left: calc(2.5% * 5 +  17% * (5 - 1) + 8.5%);	}


#zoneParcours #pemQua {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5% - 5px) calc(0.5em + 1.5em + 2em / 2 + 1px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5% - 5px) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 5px) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 5px) calc(0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #pemAcc {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 1 +  17% * (1 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 1 +  17% * (1 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em + 1.5em + 2em / 2 + 1px + 5px)
	);
	}
#zoneParcours #quaWeb {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	);
	}
	
#zoneParcours #quaAdm {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	);
	}
	
#zoneParcours #quaExt {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 4 +  17% * (4 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	);
	}
	
#zoneParcours #quaEdi {
	clip-path: polygon( 
	 calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 1 +  17% * (1 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 5px)
	,calc(2.5% * 1 +  17% * (1 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	,calc(2.5% * 3 +  17% * (3 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 5px)
	);
	}

	
/*
#zoneParcours #pemWeb {
	clip-path: polygon( 
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (4 * 2.5%)) calc(0.5em + 1.5em + 2em / 2 - 1px - 0.5em / 2),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (4 * 2.5%) + 0.5em / 2) calc(0.5em + 1.5em + 2em / 2 + 1px + 0.5em / 2),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
	
#zoneParcours #pemAdmin {
	clip-path: polygon( 
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #pemEditions {
	clip-path: polygon( 
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #pemExtraire {
	clip-path: polygon(
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em + 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #pemAgenda {
	clip-path: polygon(
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (4 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em / 2),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + (4 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em / 2),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 1 +  17% * (1 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #agendaFormules {
	clip-path: polygon( 
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 2 +  17% * (2 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #webQualite {
	clip-path: polygon( 
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - (3 * 2.5%)) calc(0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - 2.5% + 0.5em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - 2.5% - 0.5em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - (3 * 2.5%) - 0.5em / 2) calc(0.5em + 1.5em + 2em / 2 + 1px + 0.5em / 2),
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #editionsQualite {
	clip-path: polygon( 
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
	
#zoneParcours #qualiteQualite {
	clip-path: polygon( 
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #extraireQualite {
	clip-path: polygon( 
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - (3 * 2.5%) - 0.5em / 2) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - 2.5% - 0.5em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - 2.5% + 0.5em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% - 1em - (3 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px + 0.5em / 2),
	calc(2.5% * 3 +  17% * (3 - 1) + 8.5% + 1em - 9.75%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #qualiteExtranet {
	clip-path: polygon( 
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em + 1.5em + 2em / 2 - 1px - 0.5em),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em + 1.5em + 2em / 2 + 1px + 0.5em),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
#zoneParcours #qualiteImports {
	clip-path: polygon( 
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px) ,
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 - 1px),
	calc(2.5% * 5 +  17% * (5 - 1) + 8.5% - 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + (3 * 2.5%)) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em + 2.5%) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px),
	calc(2.5% * 4 +  17% * (4 - 1) + 8.5% + 1em) calc(0.5em +  1.5em + 2em + 2em + 2px + 0.75em + 2px + 0.75em + 0.5em + 1.5em + 2em / 2 + 1px)
	);
	}
*/
	

/* Version 2019 */

@font-face {
    font-family: SymbolesSuivi;
    src: url("/fonts/WebSymbols-Regular.otf") format("opentype");
	}

#zoneParcours .parcoursElement > span {
	display: block;
	}
#zoneParcours .parcoursCase {
	position: absolute;
	top: 1.5em;
	text-align: center;
	padding-bottom: 0 !important;
	
	color: #FFF;
	font-family: SymbolesSuivi;
	line-height: 1em;
	font-size: 32px;
	margin-left: calc(-16px - 0.2em);
	margin-left: -moz-calc(-16px - 0.2em);
	}	
	
#zoneParcours  .parcoursDate {
	display: none !important;
	}
	
#zoneParcours .parcoursElement .parcoursCase:before {
	background: #FFF;
	display: block;
	border-radius: 50%;
	}

body.nonIdentifie #zoneParcours .parcoursElement .parcoursCase:before {
	display: none;
	}

.parcoursFait:before {
	content: "/";
	color: #0B0;
	}
.parcoursEnCours:before  {
	content: ")";
	color: #CC0;
	}
.parcoursAVenir:before  {
	content: "P";
	color: #CC0;
	}
.parcoursPossible:before {
	content: "+";
	color: #069;
	}
.parcoursImpossible:before {
	content: "-";
	color: #F66;
	}

#parcoursLegende {
	font-size: 1rem;
	font-style: italic;
	margin: 0;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	display: inline-block;
	padding: 0.1em 0.5em;
	}
#parcoursLegende li {
	display: inline-block;
	padding-right: 0.5em;
	}
#parcoursLegende li + li {
	padding-left: 0.5em;
	border-left: 1px solid rgba(0,0,0,0.25);
	border-radius: 0;
	}
#parcoursLegende li:before {
	margin-right: 0.5em;
	font-style: normal;
	font-family: SymbolesSuivi;
	}