body 
{
    margin: 0;
    padding: 0;
}
header 
{
    background-color: #000;
}
#logo 
{
    padding: 10px;
	max-width: 960px;
	margin: auto;
}

.contenu
{
    padding: 0 20px 10px;
	max-width: 960px;
	margin: auto;
}

.ico_hyperlien, .ico_obstacle, .ico_nonAccessible
{
	position: relative;
	margin-top: 30px;
	margin-bottom: 35px;
	/*padding: 20px 20px 15px 20px;*/
	margin-left: 60px;
}
 
.ico_hyperlien
{
	padding-top: 5px;
}

.ico_obstacle, .ico_nonAccessible
{
	padding-top: 3px;
}
.ico_hyperlien:before, .ico_obstacle:before, .ico_nonAccessible:before
{
	position: absolute;
	top: 0;
	left: -60px;
}

.ico_hyperlien:before
{
	content: url(img/ico_autre_fenetre.png);
	content: url(img/ico_autre_fenetre.svg);
}

.ico_obstacle:before
{
	content: url(img/ico_obstacle_accessibilite.png);
	content: url(img/ico_obstacle_accessibilite.svg);
}

.ico_nonAccessible:before
{
	content: url(img/ico_pas_accessible.png);
	content: url(img/ico_pas_accessible.svg);
}

.hors_ecran {
	width: 0px; 
	height: 0px; 
	display: inline-block; 
	overflow: hidden;
}
footer {
	background-color: #333;
}
footer p {
	color: #fff;
	padding: 20px;
	text-align: center;
}
#copyright a, #copyright a:visited {
	color: #fff;
}
.print 
{
    display: none !important;
    visibility: hidden;
}

@media print {
	#logo img {
		display:none;
	}
	#logo:after {
		content:url(https://www.teluq.ca/libimg/logo/logo_teluq_nb.png);
	}
}