@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}


body {
	font-family: 'Exo', sans-serif;	
	color: #828488;
	background-image: url(../v9_images/v9_fond2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


img {
	max-width: 100%;
	height: auto;
}



p {
	text-align: center;
	font-size: 1.1em;
}

a {
	color: #828488;
}

a:hover {
	color: #000000;
}

footer{
	background-color: rgba(255,255,255,0.1);
	position: fixed;
	bottom: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 140px;
	height: 50px;
}



address { /* Adresse au bas de la page */
	font-family: 'Exo', sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.6em;
}

canada{
	align-content: center;
	margin-top: 200px;
}

/* XZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZ */


.charles_accueil { /* Logo Charles Lessard, graphiste */
	width: 312px;
	height: 227px;
	margin: auto;
	margin-top: 180px;
	background-image: url(../v9_images/v9_charles_V_312px.png);
	background-repeat: no-repeat;
	
}


.fleche_accueil { /* Picto d'une flèche ou d'une bombe sous le logo Charles Lessard, graphiste */
	position: relative;
	font-size: 5em;
	padding-top: 50px;
	z-index: 2;
}


.enveloppe_accueil { /* Enveloppe au bas de la page */
	font-size: 3.5em;
}



/* XZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZXZ */


@media screen and (max-width: 1290px) {
	
	.charles_accueil {
	margin-top: 120px;
	width: 190px;
	height: 139px;
	background-image: url(../v9_images/v9_charles_v.png);
	
}

	

.fleche_accueil { /* Picto d'une flèche ou d'une bombe sous le logo Charles Lessard, graphiste */
	font-size: 4em;
	padding-top: 30px;
}

	
	
address {
	font-size: .9em;
	margin-bottom: 20px;
}

.enveloppe_accueil { /* Enveloppe au bas de la page */
	font-size: 2.8em;
}	
	
	
footer{

	padding-bottom: 80px;
}
	
	
}