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

body {
	min-height:100vh;
}

.canMax {
	margin:auto;
	max-width:800px;
	padding:50px;
}

/** BEANDEAU { **/

.canBandeau {
	background-image:url(../_images/bandeau.png);
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
}
.canBandeau * {
	display:inline-block;
	padding:0;
	margin:0;
	vertical-align:middle;
}
.canBandeau .canLogo {
	padding:5px;
}
.canBandeau .canLogo img {
	height:100px;
	width:142px;
}

.canBandeau h1 {
	padding:5px;
	text-align:center;
	width:calc(100% - 304px);
}

.canBandeau .canBoutons {
	font-size:50px;
	padding:5px;
	text-align:right;
	width:152px;
}
.canBandeau .canBoutons a {
	color:white;
}
/* } */

/** CORPS { */
.canCorps {
	padding-bottom:40px;
	position:relative;
}
/* } */

/** PIED DE PAGE { **/
.canPiedDePage {
	background-image:url(../_images/bandeau.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.canPiedDePage a {
	color:white;
	font-size:12px;
	padding:0 5px;
	line-height:40px;
}
/* } */

@media only screen and (max-width:900px) {
	.canMax {
		padding:10px;
	}

/** BEANDEAU { **/
	.canBandeau .canLogo img {
		height:50px;
		width:71px;
	}
	.canBandeau h1 {
		font-size:20px;
		width:calc(100% - 162px);
	}
	.canBandeau .canBoutons {
		font-size:20px;
		width:81px;
	}
/* } */

/* CORPS { */
	.canCorps {
		padding-bottom:15px;
	}
/* } */

/** PIED DE PAGE { **/
	.canPiedDePage {
		height:20px;
	}
	.canPiedDePage a {
		font-size:10px;
		line-height:10px;
	}
/* } */

}