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

.canMax {
	margin:0 auto;
	max-width:1150px;
	padding:0 20px;
	position:relative;
	width:100%;
}

/** BEANDEAU { **/

.canBandeau {
	background-color:var(--vertFonce);
	border-top:45px solid var(--vertFonce);
	border-bottom:5px solid white;
	display:block;
	padding-bottom:50px;
}

.canBandeau .canLogo {
	position:absolute;
	left:20px;
	top:0;
	z-index:1;
}
.canBandeau .canLogo img {
	border:none;
	width:260px;
}

.canBandeau form {
	position:absolute;
	top:0;
	right:20px;
	z-index:1;
}
.canBandeau form input[type=text] {
	background-color:white;
	border:none;
	color:black;
	display:inline-block;
	height:26px;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:200px;
}
.canBandeau form input[type=submit] {
	background-color:none;
	background-image:url('/_images/loupe.jpg');
	border:none;
	display:inline-block;
	height:26px;
	margin:0 0 0 1px;
	padding:0;
	text-align:top;
	vertical-align:middle;
	width:26px;
}

.canBandeau .canMenu {
	line-height:40px;
	padding:85px 0 0 0;
	text-align:right;
}
.canBandeau .canMenu a {
	color:white;
	font-size:18px;
	margin-left:45px;
}
.canBandeau .canMenu a:hover {
	color:var(--vertClair);
}
.canBandeau .canMenu .canMenuJeux {
	background-color:rgba(255, 255, 255, 0.2);
	border-radius:10px;
	display:block;
	position:absolute;
	top:0;
	left:380px;
	line-height:20px;
	padding:10px;
	position:absolute;
	text-align:left;
}
.canBandeau .canMenu .canMenuJeux:hover {
	background-color:rgba(0,0,0,0.2);
}
.canBandeau .canMenu a.canPremier {
	margin-left:0;
}

.canBandeau .canBars {
	position:absolute;
	display:none;
	width:50px;
	height:50px;
	cursor:pointer;
	top:0;
	right:0;
}
.canBandeau .canBars:after {
	content: '';
	position: absolute;
	display: block;
	width: 1rem;
	height: 0;
	top: 0;
	left: 15px;
	box-shadow: 0 5px 0 1px white, 0 11px 0 1px white, 0 17px 0 1px white;
}
/* } */

.canTitre {
	background-image:url('/_images/ecorse.jpg');
	background-size:cover;
	background-position:center;
	color:white;
	font-family:museo900, Arial, Helvetica, sans-serif;
	font-size:100px;
	padding:125px 0 130px 0;
}

.canPiedDePage {
	border-top:85px solid black;
	border-bottom:85px solid black;
	background-color:black;
	color:white;
	font-size:16px;
}
.canPiedDePage .canMax div {
	font-family:museo900;
	color:var(--vertFonce);
	text-transform:uppercase;
}
.canPiedDePage .canExtranet {
	color:var(--vertFonce);
	position:absolute;
	bottom:0;
	right:2%;
}

/** CORPS { **/

.canCorps {
	background-color:white;
}

/** FIN CORPS } **/

/* Menu responsive { */
.canMenuResponsive, .canMenuResponsive .canSlider {
	display:none;
}
.canMenuResponsive a {
	background-color:var(--vertFonce);
	border-bottom:1px solid var(--vertClair);
	color:white;
	display:block;
	padding:20px;
}
/* }*/

@media only screen and (max-width:1050px) {
	.canMenuResponsive {
		display:block;
	}

	.canBandeau .canMax {
		height:150px;
	}
	.canBandeau .canMenu {
		display:none;
	}
	.canBandeau form {
		top:auto;
		left:24px;
		bottom:0;
		right:auto;
	}
	.canBandeau .canBars {
		display:block;
	}

	.canTitre {
		font-size:50px;
		padding:55px 0 60px 0;
	}
}

@media only screen and (max-width:500px) {
	.canBandeau .canLogo img {
		width:150px;
	}
	.canTitre {
		font-size:35px;
	}
}