img.logo{
	 width:25em;
	height:auto;
	position:relative;
	margin-top:0em;
	min-width:25em; 
}

.center{
	text-align:center;	
}

.justify{
	text-align:justify;
}

.right{
	text-align:right;
}

p.narrowParag{
	margin:0 0 0.5em 0;
}

.citation{
	font-style:italic;
	line-height:1.2em;
	rotate:-3deg;
	border-left: 0.2em solid #fff;
	padding-left: 1.5em;
	text-align: left;
	margin:1em 0 3em 0;
	text-align:left;
	display:block;
}

.italic{
	font-style:italic;
}

h3.narrowH3{
	padding:0 0 0 0;
	margin-bottom:0.3em;
	line-height:1.2em;
	font-size:1.2em;
}

img.pic50pc{
	width:80%;
	max-width:80%;
	rotate:-3deg;
}

p.separator{
	height:0.75em;
	border-bottom: 1px solid #484848;
	margin-bottom:2em;
}

.videoIframeContainer{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	margin-bottom:1em;
}

.responsiveVideoIFrame{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.legend{
	font-size:0.8em;
}

.image.fit1 img {
	width: 50%;
	margin-left:25%;
}

.image.fit3 img {
	width: 80%;
	margin-left:10%;
}

.image.fit2 img{
	width:45%;
	display:inline;
}

.image.fit2 img:first-child{
	margin-right:10%;
}

.strong{
	font-weight:bold;
}

ul.graphRH{
	padding-top:1em;
	float:left;
	list-style-type:none;
	width:100%;
	font-weight:500;
	text-align:left;
}

ul.graphRH li::before{
	content:"\25A0";
	font-size:1.5em;
} 

ul.graphRH li:first-child::before{
	color:#cc135a; /*CDI employe*/
}

ul.graphRH li:nth-child(2)::before{
	color:#5cc4f1; /*CDD employe*/
}

ul.graphRH li:nth-child(3)::before{
	color:#109339; /*CDR employe*/
}

ul.graphRH li:nth-child(4)::before{
	color:#a34191; /*CDI ouvrier*/
}

ul.graphRH li:nth-child(5)::before{
	color:#ed6500; /*CDD ouvrier*/
}

ul.graphRH li:nth-child(6)::before{
	color:#e8bb00; /*CDR ouvrier*/
}

ul.graphRH li:nth-child(7)::before{
	color:#135099; /*etudiants*/
}

.credits{
	color:#EFEFEF; /*#148286;*/
	font-size:0.7em;
	text-align:center;
	display:inline-block;
	text-align:center;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}

/* ul.credits > li > a{ */
.credits > a{
	text-decoration:none;
	border:0;
}

/* ul.credits > li > a:hover{ */
.credits > a:hover{
	text-decoration:none;
	color:#EFEFEF; /* #148286; */
}

ul.icons > a{
	color: #FFFFFF;
	text-decoration:none;
	border:none;
}

ul.icons > a:hover{
	color: #FFFFFF;
	text-decoration:none;
	border:none;
}
/*----------------------*/