/* CSS Document */
/* Mobile First */




/* -----------------------  T E X T  ----------------------- */


 		
 		
		
/* Yukon Icon*/


[class*='Template'] p.Yukon {
	position: relative;
	color: black;
	margin-top: 1.25em;
	padding-left: 2em;
	font-size: .8em;
	}
	p.Yukon::before {
		content: "";
		display: block;
		position: absolute;
		left: -.5em;
		top: -0.5em;
		width: 2em;
		height: 2em;
		background-image: url(https://assets.afy.ca/_skin/style/style_yukon.svg);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center; center;
		margin-bottom: 1em;
		}
	.Reverse p.Yukon {
		color: white;
		}
	/* If a button follows */	
	p.Yukon + p a.Button { 
		margin-left: auto;
		margin-right: auto;
		}


 		
/* Horisontal space between rows */

@media (min-width: 640px) {
	.TemplateText > div > *:nth-last-child(1):not(.Box .Note) {
		margin-bottom: 4em;
		}
		}
		
		
		
 /* Space above for H3 and h3 */
 /* Only if not in a box */
 
@media (max-width: 639px) {
	.TemplateText > div:not(.Boxed):nth-of-type(n+2) > h3:nth-child(1),
	.TemplateText > div:not(.Boxed):nth-of-type(n+2) > h4:nth-child(1) {
		margin-top: 2em;
		}
		}
		

		
		

/* -----------------------  I C O N S  ----------------------- */




.TemplateIcon > div {
	position: relative;
	text-align: center;
	margin-bottom: 2em;
	padding-left: .5em;
	padding-right: .5em;
	}
	@media (min-width: 640px) {
		.TemplateIcon > div {
			padding-left: 1em;
			padding-right: 1em;
			}
			}
		

.TemplateIcon > div > a{
	display: block;
	text-decoration: none;
	}



/* headline (h3) */

.TemplateIcon h3 {
	margin-top: .5em;
	font-family: Book;
	letter-spacing: -0.02em;
	font-size: 1.2em;
	margin-bottom: 0.25em;
	color: #a2a19e;  Theme 60% 
	}
	.Reverse .TemplateIcon h3 {
		color: #c1c1bf;	/* Theme 40% */
		}
		
		@media (min-width: 1024px) {
		.TemplateIcon h3 {
			font-size: 1.4em;
			}	
			}		
				
	/* URL */
	.TemplateIcon a h3 { 
		color: black; /* Theme 80% */
		}
		.TemplateIcon a:hover h3 {
			transition: .25s;
			color: #d43287 ; /* hot pink */
			}
			.Reverse .TemplateIcon a h3 {
				color:  white;	
				}




	
	
/* ..... Data ..... */

.TemplateIcon > div span + p {
	margin-top: 1em;
	}
	

/* Description */
.TemplateIcon > div p:not(.AltUrl) {
	line-height: 1.2em;
	font-family: Light;
	font-size: 0.9em;
	}
	.Reverse .TemplateIcon > div p:not(.AltUrl) {
		}

	
		

/* Alt URL */

.TemplateIcon div p.AltUrl {
	font-size: 0.95em;
	color: black;
	}
	.Reverse .TemplateIcon p.AltUrl {
		color: #e0e0df; /* Theme 30% */
		}

.TemplateIcon p.AltUrl a:hover {
	text-decoration: underline;
	}
	.Reverse .TemplateIcon p.AltUrl a:hover {
		color: white;
		}




		
/* ...... Thumbnails ..... */	

	

/* Shape */
.TemplateIcon.Contact > div a span,
.TemplateIcon.Contact > 	div > a::before,
.ContactBar > div > a::before,
.ContactBar > div > a > span,		
.TemplateIcon div span { 
	display: inline-block;
	position:  relative;
	background-size: cover;
	background-position: center center;
	top:  0;
	}
	/*square */
	.TemplateIcon div span { 
		border-radius: .5em;
		}
	 /*  BW + Circle  */
	.TemplateIcon.Contact > div a span,
	.TemplateIcon.Contact > 	div > a::before,
	.ContactBar > div > a::before,
	.ContactBar > div > a > span {
		border-radius: 50%;
		filter: saturate(0) brightness(1.1) sepia(5%);
		}
		
/* Normal Size */
.TemplateIcon.Contact > 	div > a::before,	
.TemplateIcon div span { 
	padding:  38%;
	}


			
/* Bakground behind — This Needs to be "a bit" smaller than the thumbnail for clean edges*/
	.TemplateIcon.Contact > 	div > a::before {
		content: "";
		display: inline-block;
		position: absolute;
		background-color: rgba(100, 99, 94, .1); /* Theme */
		padding:  37%;
		top: 0.5%;
		margin-left: 0.5%;
		border-radius: 50%;
		}
		.Reverse .TemplateIcon.Contact > div > a::before {
			background-color: rgba(239, 239, 239, .8); /* Theme 10% */
			}
		
		@media (min-width: 1200px) { /* FIX Width */
		.TemplateIcon.Contact > 	div > a::before {
			left: 39px;
			padding: 70px;
			top: 1px;
			}
			}
	

/* Smaller Size (SVG Icons) */	

.TemplateIcon:not(.Contact) div span[style*=".svg)"] { 
	border-radius: 0;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center bottom;
	}

	@media (min-width: 800px) {
		.TemplateIcon:not(.Contact) div span[style*=".svg)"] { 
			background-size: 45%;
			}
			}
	@media (min-width: 1024px) {
		.TemplateIcon:not(.Contact) div span[style*=".svg)"] { 
			background-size: 40%;
			}
			}	
		


	
/* default contact image */		
.ContactBar > div > a span,		
.TemplateIcon.Contact > div > a span {
	background-image: url(https://assets.afy.ca/_skin/icons/icon_team.svg);
	}

/* URL */
.TemplateIcon > div a span[style*=".svg)"]{ 
	background-color: transparent;
	filter: brightness(.6); 
	}
	/* URL */
	.Reverse .TemplateIcon > div a span[style*=".svg)"]{ 
		background-color: transparent;
		filter: brightness(1); 
		}
		
/*Hover */	
.ContactBar > div > a:hover > span,		
.TemplateIcon > div a:hover span,
.TemplateIcon.Contact > div a:hover span { 
	background-color: transparent;
	background-blend-mode: luminosity;
	filter: brightness(.65) saturate(150) hue-rotate(255deg); /* Darker hot pink */
	}
	.Reverse .TemplateIcon:not(.Contact) > div a:hover span[style*=".svg)"]{ 
		background-color: transparent;
		filter: brightness(1.5); 
		}
		

/* hover on JPG */	
.ContactBar > div > a:hover > span[style*=".jpg)"],
.ContactBar > div > a:hover > span[style*=".png)"],
.TemplateIcon > div a:hover span[style*=".jpg)"],
.TemplateIcon > div a:hover span[style*=".png)"],
.TemplateIcon.Contact > div a:hover span[style*=".jpg)"], 
.TemplateIcon.Contact > div a:hover span[style*=".png)"] {
	background-color: #a71d5c; /* Darker hot pink */
	background-blend-mode: luminosity;
	filter: saturate(.75) ;
	}



/* ..... Dividers ...... */

@media (min-width: 800px) {
	.TemplateIcon div.Divider {
		border-left: 1px solid #a2a19e; /* Theme 50% */
		}
		}




/* Call for action Button */ 

.TemplateIcon > div + span {
	width: 100%;
	}






/* -----------------------  I C O N  C O N T A C T  ----------------------- */


/* Headline (h2) */


.Contact.TemplateIcon h2 {
	margin-bottom: 2em;
	}
	
/* Headlline (h3) */
.Contact.TemplateIcon a h3 {
	margin-bottom: .1em;
	}

/* Name */

.Contact.TemplateIcon > div a p.Name { 
	color: #d43287; /* Hot pink */
	margin-top: .75em;
	font-family: Book;
	}
	.Reverse .Contact.TemplateIcon > div a p.Name {
		color: white;
		}





/* -----------------------  C O N T A C T   B A R  ----------------------- */


/* Container */
.ContactBar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 2em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 2em;
	background-color: rgba(115, 115, 115, 0.1);
	border-radius: 1em;
	}


/* Tiles */
.ContactBar > div {
	min-width: 8em;
	width: 30%;
	max-width: 15em;
	position: relative;
	text-align: center;
	margin-bottom: 1em;
	}
		
	@media (min-width: 800px) {
		.ContactBar > div {
			min-width: 12em;
			/*max-width: 18em;*/
			padding-bottom: 2em;
			/*border: 1px solid red;*/
			}
			}
	@media (min-width: 1600px) {
		.ContactBar > div {
			width: 100%;
			max-width: 18em;
			}
			}
	
			
			
			
				
	.ContactBar > div > a {
		display: block;
		text-decoration: none;
		}
	
/* Title (h3)*/

	
.ContactBar	> h3 {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
	}
	
/* Thumbnail Size  */

.ContactBar > div > a::before,	
.ContactBar > div > a > span { 
	padding: 25%;
	}
	
	
	
	
	/* Bakground behind — This Needs to be a bit smaller than the thumbnail for clean edges.*/
	.ContactBar > div > a::before {
		content: "";
		position: absolute;
		display: inline-block;
		background-color: rgba(100, 99, 94, .1); /* Theme */
		padding: 24.5%;
		margin-top: .5%;
		margin-left: .5%;
		}

.ContactBar > div > a  {
	margin-bottom: 1em;
	}



/* Name */
.ContactBar > div > a > p:nth-child(2) { 
	color: black;
	line-height: 1.05em;
	margin-top: .5em;
	margin-bottom: 0.1em;
	font-size: 1.2em;
	}
	@media (min-width: 800px) {
		.ContactBar > div > a > p:nth-child(2) { 
			font-size: 1.4em;
			}
			}
	
	.ContactBar > div > a:hover > p:nth-child(2) {
		color: #d43287;
		}
	
	
 /* Job Title */
 .ContactBar > div > a > p:nth-child(3) {
	color: #64635e;
	line-height: 1.15em;
	font-family: Light;
	font-size: .9em;
	} 
	@media (min-width: 800px) {
		.ContactBar > div > a > p:nth-child(3)  { 
			font-size: 1.1em;
			}
			}




/* Do not display on small screen */
.ContactBar > div > p {
	display: none;
	}
	
 	@media (min-width: 800px) {
 		.ContactBar > div > p {
 			display: block;
 			}
 			}

/* Mail + Phone */
.ContactBar > div > p { 
	position: relative;
	font-size: .9em;
	line-height: 1em;
	width: auto;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: .75em;
	margin-right: .75em;
	}
	
	/*Mail + Phone*/
	.ContactBar > div > p a:hover {
		color: #a71d5c;
		}
	/*Phone*/
	.ContactBar > div > p:nth-child(3) a {
		color: #64635e;
		}

		.ContactBar > div > p a:hover {
			text-decoration: none;
			color: #d43287;
			}

		.ContactBar > div > p:nth-child(3) span::before { /* phone extention*/ 
			content: ", poste ";
			}
			.EN .ContactBar > div > p:nth-child(3) span::before { /* phone extention*/ 
				content: " ext. ";
				}












/* -----------------------  H E A D / S W I P P E R  ----------------------- */



/* Overall proportions */


.TemplateHead {
	position: relative;
	width: 100%;
	text-align: center;
	transition: 0.25s;
	min-height: 400px;
	/* height: 80vh;  Not working in some versions of Safari, see template.head.js . */ 
	}

	.TemplateHead.Empty { 
		min-height: 150px;
		max-height: 220px;
		}


	
	
	@media (orientation: portrait) and (max-width:319px) , (max-width:479px) {
		.TemplateHead { 
			min-height: 200px;
			max-height: 420px;
			}
			}

			
	@media (min-width:480px){ 
		.TemplateHead {
			min-height: 225px;
			max-height: 460px;			
			}
			}
			@media (min-width: 480px) and (max-height: 550px) {
				.TemplateHead {
					max-height: 75vh;			
					}
					}			
			
			
			
	@media (min-width: 800px) {
		.TemplateHead {
			min-height: 430px;
			max-height: 750px;
			}
			}
			@media (min-width: 800px) and (max-height: 600px) {
				.TemplateHead {
					max-height: 80vh;			
					}
					}				
			
	@media (min-width: 1024px) {
		.TemplateHead {
			min-height: 460px;
			max-height: 950px;
			}
			}
			@media (min-width: 1024px) and (max-height: 1000px) {
				.TemplateHead {
					max-height: 80vh;			
					}
					}		
				
	@media (min-width: 1280px) {
		.TemplateHead {
			min-height: 520px; 
			}
			}
			@media (min-width: 1280px) and (max-height: 950px) {
				.TemplateHead {
					max-height: 85vh;			
					}
					}			
			
					
	@media (min-width: 1600px) {
		.TemplateHead {
			min-height: 700px;
			}
			}		
			@media (min-width: 1600px) and (max-height: 950px) {
				.TemplateHead {
					max-height: 85vh;			
					}
					}	
	@media (min-width: 2000px) {
		.TemplateHead {
			min-height: 850px;
			}
			}		
			@media (min-width: 2000px) and (max-height: 950px) {
				.TemplateHead {
					max-height: 85vh;			
					}
					}	
			@media (min-width: 2000px) and (min-height: 951px) {
				.TemplateHead {
					min-height: 85vh;
					}
					}

/* .. Empty news/presse release ..*/
	

	.TemplateHead.Slim { 
		max-height: 50vh;
		min-height: 400px;
		}



/* Slim head exception */


	
	.TemplateHead.Slim h1 {
		margin-top: 0;
		}
	










/* slider */
	.TemplateHead + .TemplateHead {
		position: absolute;
		top: 0;
		z-index: -1;
		}

		
/* h1 */

	.TemplateHead h1 {
		margin-top: 0.1em;
		margin-bottom: .35em;
		}
	@media (min-height:600px)  { /* */
		.TemplateHead h1 {
			margin-top: 1.75em;
			}
			}		
		
	@media (min-width:480px) and (min-height:600px)  { /* */
		.TemplateHead h1 {
			margin-top: 1.em;
			}
			}
	
	@media (min-width:640px) and (min-height:600px) { /* */
		.TemplateHead h1 {
			margin-top: 1.25em;
			}
			}
			

/* background Image + Icon*/

	.swiper-slide a,
	.swiper-slide > span,
	.TemplateHead > span {
		display: block;
		position: absolute;
		background-size: cover;
		background-position: top center; /* override this, per image, by injecting css inline */
		}
					
/* background Image */
	
	.swiper-slide a,
	.swiper-slide span:not([style*=".svg)"])	,	
	.TemplateHead > span:not([style*=".svg)"]) {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-color: red;
		;
		}

/* Icon */

	.swiper-slide > span[style*=".svg)"],
	.TemplateHead > span[style*=".svg)"] {
		left: 50%;
		filter: brightness(0);
		width: 2.5em;
		height: 2.5em;
		margin-left: -1.25em;
		top: 3.5em;
		display: none;
		}
		@media (min-width:480px) and (min-height:640px) , (min-height:600px){ /* */
			.swiper-slide > span[style*=".svg)"],
			.TemplateHead > span[style*=".svg)"] {
				display: block;
				}
				} 
					
		@media (min-width: 480px) {
			.swiper-slide > span[style*=".svg)"],
			.TemplateHead > span[style*=".svg)"] {
					width: 3em;
					height: 3em;
					margin-left: -1.5em;
					top: 6em;
					}		
					}
		@media (min-width: 1024px) {
			.swiper-slide > span[style*=".svg)"],
			.TemplateHead > span[style*=".svg)"] {
					width: 4em;
					height: 4em;
					margin-left: -2em;
					top: 7.5em;
					}		
					}
	
		.swiper-slide.Reverse > span[style*=".svg)"],
		.TemplateHead.Reverse > span[style*=".svg)"] {
			filter: brightness(10);
			}


/* ......... SWIPPER  ...............*/



	.swiper-slide a > * {
		color: black;
		}
		.swiper-slide.Reverse a > * {
			color: white;
			}		
	
	/* Empty slides background */
			
	.swiper-slide > a:not(span + a) {
		background-color: #64635e; /* Theme */
		}
		.swiper-slide > a:not(span + a):hover {
			background-color: #51504a; /* Darker */
			}
	
/* ......... SWIPPER CONTROLS  ...............*/

	/* On Top */
	
	.swiper-pagination,
	.swiper-button-next,
	.swiper-button-prev {
		z-index: 100;	
		}

/* ........ EMPTY STSTIC PAGE DEFAULT */

.TemplateHead > span:not([style*=".svg)"]):empty {
	background-color: #64635e;
	}



		
/* -----------------------  I M A G E S  ----------------------- */
	

.TemplateIMG {
	padding: 0;
	max-width: none;
	}	

.TemplateIMG > img {
	width: 100%;
	font-size: 0;
	}	












/* -----------------------  A L L (ish).  ----------------------- */





/* Font Size Override */ 

[class*='Template'] p,
[class*='Template'] ul,
[class*='Template'] li {
	font-size: 1em; /* Yea... it should be have been that by default... too late */ 
	}


/* heads */

[class*='Template'] > h2,
[class*='Template'] > h3, 
[class*='Template'] > p,
[class*='Template'] > a:not(.Button) {
	text-align: center;
	display: block;
	width: 100%;
	}

[class*='Template'] > h3 {
	margin-bottom: 1em;
	font-size: 1.9em;
	color: black;
	font-family: "Oceania_Bold";
	letter-spacing: -.05em;
	}




/* Intro paragraph */

p.Intro,
[class*='Template'] > p:first-child,
[class*='Template'] > h1 + p,
[class*='Template'] > h2 + p,
.TemplateHead h1 + p { 
	font-family: Light;
	font-size: 1.3em;
	line-height: 1.2em;
	color: black;
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 1.5em;
	}
	@media (min-width: 480px) {
		p.Intro,
		[class*='Template'] > p:first-child,
		[class*='Template'] > h1 + p,
		[class*='Template'] > h2 + p,
		.TemplateHead h1 + p {
			font-size: 1.5em;
			line-height: 1.15em;
			}
			}


.Reverse p.Intro,
.Reverse [class*='Template'] > p:first-child,
.Reverse [class*='Template'] > h1 + p,
.Reverse [class*='Template'] > h2 + p,
.Reverse h1 + p { 
	color: white;
	}
	
	
	
/* Content */

.Reverse *:not(p),
.Reverse ul.Links li a:hover,
.Reverse a h3 {
	color: white;
	}
	
.Reverse p,
.Reverse > div > div em,
.Reverse > div > div sup,
.Reverse > div > div sub,
.Reverse li,
.Reverse ul.Links li a {
	color: #c1c1bf;
	}

.Reverse .TemplateText a:not(.Button,li a) {
	text-decoration: underline;
	}

.Reverse .TemplateText a:not(.Button,li a):hover {
	color: white;
	}	


/* Head Image */

[class*='Template']:not(.TemplateIMG) > img {
	width: 100%;
	margin-bottom: 2rem;
	}

/* content images */

[class*='Template'] > div > img,
[class*='Template'] > div > div > img  {
	width:  95%;
	margin-bottom: 1em;
	}







/* -----------------------  Bullet List ----------------------- */


/* No bullets & No indent for all templates*/

.Flexible ul,
[class*='Template'] ul {
	list-style-type: none;
	position: relative;
	padding: 0;
	}
	.Flexible li,	
	[class*='Template'] li {
		position: relative;
		}
	
	
/* Custom bullets for all without class */

.Flexible ul:not([class]),	
[class*='Template']:not(.TemplateHead) ul:not([class]) {
	padding-left: 1em;
	margin-bottom: 1em;
	}

.Flexible > ul:not([class]) li:before,	
[class*='Template']:not(.TemplateHead) ul:not([class]) li:before { 
	content: "";
	position: absolute;
 	display: block;
 	width: .25em;
 	height: .25em;
 	background-color: #64635e; /* Theme */
 	left: -1em;
 	top: .5em;
 	border-radius: 1em;
 	}
	.Reverse .Flexible ul:not([class]) li:before,
	.Reverse [class*='Template']:not(.TemplateHead) ul:not([class]) li:before {
		background-color: #c1c1bf; /* Theme 40% */
		}
 	
 
/* ........ LINKS LISTINGS ........ */
		
	
	ul[class*='Link'] li { 
		padding-right: 3em ; /* room for icon to the right */
		padding-bottom: .15em;
		}
	[class*='Template'] ul[class*='Link'] li a {
		text-decoration: none;
				}
		[class*='Template'] ul[class*='Link'] li a:hover {
			color: #d43287;
			}
			.Reverse [class*='Template'] ul[class*='Link'] li a:hover {
				color: white;
				}




	/* Icon */
	
	ul[class*='Link'] li a::after {
	 	content: "";
		position: absolute;
	 	display: block;
	 	width: 1em;
	 	height: 1em;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		}
		ul[class*='Link'] li a:hover::after{
			filter: brightness(.55) saturate(150) hue-rotate(255deg); /* hot pink */
			}
			.Reverse ul[class*='Link'] li a:hover::after{
				filter: brightness(10) saturate(0); /* White */
				}

	/* External Icon (default)*/

	ul[class*='Link'] li a::after {
		background-image: url(https://assets.afy.ca/_skin/links/links_external.svg);
		}

	/* Local Icon */

	ul[class*='Link'] li a[href^="http://afy.yk.ca"]::after { 
		background-image: url(https://assets.afy.ca/_skin/links/links_internal.svg);
		}		
		
	/* Downloads Icon */
			
	ul[class*='Link'] li a[href$=".pdf"]::after,
	ul[class*='Link'] li a[href$=".doc"]::after,
	ul[class*='Link'] li a[href$=".docx"]::after,
	ul[class*='Link'] li a[href$=".xls"]::after,
	ul[class*='Link'] li a[href$=".png"]::after,
	ul[class*='Link'] li a[href$=".eps"]::after { 
		background-image: url(https://assets.afy.ca/_skin/links/links_download.svg);
		}

	/* ZIP Icon */
			
	ul[class*='Link'] li a[href$=".zip"]::after { 
		background-image: url(https://assets.afy.ca/_skin/links/links_zip.svg);
		}

	/* Mail Icon */
			
	ul[class*='Link'] li a[href^="mailto:"]::after { 
		background-image: url(https://assets.afy.ca/_skin/links/links_mail.svg);
		}


/* LINK */

	ul.Link { 
		margin-top: 0.65em;
		margin-bottom: 2em;
		}
	ul.Link a { /*room for icon */
		padding-left:  1.5em;
		display: block;
		}
	
	/* Icon position */	

	ul.Link li a::after {
	 	left:  0;
	 	top: 0em;
	 	}


/* LINK (S) */
			
			
			
			
				
	ul.Links {
		width: 98%;
		margin-bottom: 2em;
		}
		
 	@media (min-width: 640px) {
		ul.Links {
			width: 100%;
			}
			}		
			
		
	p + ul.Links	 {
		margin-top: 1.5em ;
		}
		
	/* Icon position */	

	ul.Links li a::after {
	 	right: 0;
		}
		ul.Links li:nth-child(1) a::after {
			top: 0.25em;
			}		
			ul.Links li:nth-child(n+2) a::after {
				top: .65em;
				}
		
	/* Dividers */
		
	ul.Links li:not(:nth-child(1)) { 
		border-top: #a4a19d solid 1px;
		padding-top: .75em;
		}	

	ul.Links li a {
		display: block;
		width: 100%;
		color: #63635d;
		}




/* ........ CALL FOR ACTION   ........ */


[class*='Template'] > div + p:not([class]) { 
	display: block;
	text-align: center;
	width: 100%;
	color: black;
	font-size: 1.2em;
	margin-bottom: 0em;
	margin-top: 3em;
	}
	.Reverse [class*='Template'] div + p:not([class]) {
		color: white;
		}
 	@media (min-width: 640px) {
 		[class*='Template'] > div + p:not([class]) { 
 			font-size: 1.5em;
 			}
			}
			


[class*='Template'] > p + a.Button,
[class*='Template'] > p + nav a.Button { 
	margin-top:1em;
	}



		/* ......... NEWS RELEASE  ...............*/
		
		.NewsRelease .TemplateHead a.Button:before {
			content: "Voir toutes les nouvelles";
			}
			.NewsRelease .TemplateHead a.Button:before {
				content: "View All News";
				}
		
		
		/* ......... PRESS RELEASE  ...............*/
		
		.PressRelease .TemplateHead a.Button:before {
			content: "Voir tous les communiqués";
			}
			.EN.PressRelease .TemplateHead a.Button:before {
				content: "View All Press Releases";
				}
		
		
		
		



/* ........ nav   ........ */
/* For standalone sites only */

[class*='Template'] nav { 
	width: 100%;
	}