.hero{
	background-image: url(../images/tagish.jpg);
	height: 75%;
}

h1 {
	color: #333;
}


#Outils{
	text-align: center;
	}

nav.Icons {
	text-align: center;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}



/* ........... Icons ........... */


.Icon {
	position: absolute ;
	background-size: 100%;
	background-repeat: no-repeat;
	right: 2em;;
	top: 5em;
	width: 3.5em;
	height: 3.5em;
	}
	
.Section .Icon {
	right: 0em;;
	top: .65em;
	width: 2.25em;
	height: 2.25em;
	}	
	
	.Icon.Infolettre,
	#NavInfolettre {
		background-image: url(../images/icon_newsletter.png);
		}
		.Icon.Infolettre:hover,
		#NavInfolettre:hover {
			background-image: url(../images/icon_newsletter-hover.png);
			}
		
	.Icon.Calendrier,
	 #NavCalendrier {
		background-image: url(../images/icon_calendar.png);
		}
		.Icon.Calendrier:hover,
	 	#NavCalendrier:hover {
			background-image: url(../images/icon_calendar-hover.png);
			}
		
	.Icon.YukonNews,
	 #NavNewspaper {
		background-image: url(../images/icon_newspaper.png);
		}
		.Icon.YukonNews:hover,
		 #NavNewspaper:hover {
			background-image: url(../images/icon_newspaper-hover.png);
			}

	.Icon.Minutes,
	 #NavMinutes{
		background-image: url(../images/icon_mic.png);
		}
		.Icon.Minutes:hover,
		 #NavMinutes:hover{
			background-image: url(../images/icon_mic-hover.png);
			}

	.Icon.Rencontres,
	 #NavRencontres{
		background-image: url(../images/icon_radio.png);
		}
		.Icon.Rencontres:hover,
		 #NavRencontres:hover{
			background-image: url(../images/icon_radio-hover.png);
			}		
		
		
		
@media (min-width: 40em) {
		
	ul.Nav.Main .Normal .Outils a {
		padding-top: 10em;
		width: 2.5em;
		overflow: hidden;
		margin-right: 1em;
		margin-left: 1em;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: -0.3em;
		}
		
	#NavInfolettre {
		margin-left: 3em;
	}
	
	ul.Nav.Main .Normal li.Outils {
		border: none;
		width: auto;
		}
	
	#NavPublier {
		background-color: #A62470;
		border-radius: 25px;
		color: #FFF;
		height: 1.9em;
		font-size: .8em;
		margin-top: .25em;
		margin-right: 2em;
		}
	#NavPublier:hover {
		background-color: #D70078;
		}	
		
		}
	
	@media only screen and (max-width: 50em) {
	ul.Nav.Main .Normal li {
		border: none;
		}
	}