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

body {
	background-color:var(--bleu-fonce);
	color:white;
}

.canMaxLarg {
	padding:0 5px;
	width:100%;
	margin:auto;
	max-width:1200px;
}

.canPhoto {
	display:block;
	vertical-align:bottom;
	width:100%;
}

input[type=text], input[type=password], textarea, select {
	color:black;
}

/** BEANDEAU { **/

#canBandeau {
	border-bottom:1px solid var(--beige);
	padding-bottom:10px;
}
#canBandeau a {
	text-decoration:none;
}
#canBandeau img:nth-of-type(2) {
	margin-bottom:15px;
}
/* } */

/** MENU { **/
#canMenu {
	padding:15px 0 0 0;
	height:60px;
}
#canMenu.home {
	border-bottom:2px solid var(--beige);
	padding:30px 0 0 0;
	height:65px;
}
#canMenu table {
	width:100%;
}
#canMenu table td {
	color:var(--beige);
	text-align:left;
}
#canMenu table td a {
	text-decoration:none;
	text-transform:uppercase;
}
#canMenu table td a.sel, #canMenu table td a:hover {
	color:var(--bleu-claire);
}

#canMenu .menu {
	position:relative;
}
#canMenu .sousMenu {
	background-color:var(--bleu-fonce);
	display:none;
	padding-top:20px;
	position:absolute;
	left:-10px;
	text-align:left;
	z-index:10;
}
#canMenu .sousMenu a {
	color:var(--bleu-claire);
	display:block;
	padding:10px;
	text-transform:none;
	white-space:nowrap;
}
#canMenu .sousMenu a.sel, #canMenu .sousMenu a:hover {
	color:var(--beige);
}

/** FIN MENUS } **/

/** CORPS { **/

#canCorps {
	position:relative;
	text-align:left;
}

/** FIN CORPS } **/

/** Pied de page { */
#canPiedDePage {
	color:var(--beige);
	padding:30px 10px 20px 10px;
	text-align:center;
}
#canPiedDePage img {
	width:10px;
}
/** FIN Pied de page } */

#canHamburger {
	display:none;
}
#canMenuResponsive {
	display:none;
}

/* COLONNES { */
.can2col {
	border:10px solid var(--bleu-fonce);
	position:relative;
}
.can2col .canCol1 {
	background-color:var(--bleu-claire);
	border-right:10px solid var(--bleu-fonce);
	min-height:100vh;
	padding:20px;
	position:relative;
	width:calc(200% / 3);
}
.can2col .canCol2 {
	background-color:var(--bleu);
	position:absolute;
	left:calc(200% / 3);
	right:0;
	top:0;
	bottom:0;
}
.can2col .canCol2.canFeuilles {
	background-image:url(../_images/feuilles.png);
	background-repeat:no-repeat;
	background-position:right top;

}

.can3col {
	border:10px solid var(--bleu-fonce);
	position:relative;
}
.can3col .canCol {
	background-color:var(--bleu-claire);
	border-right:10px solid var(--bleu-fonce);
	display:inline-block;
	min-height:100vh;
	padding:20px;
	position:relative;
	vertical-align:top;
	width:calc(calc(100% / 3));
}
/* FIN COLONNES } */


@media only screen and (max-width:800px) {
	h2 {
		font-size:30px;
	}
	h3 {
		font-size:25px;
	}
	h4 {
		font-size:20px;
	}
	
	#canBandeau {
		text-align:center;
	}
	
/** MENUS { **/
	#canMenu {
		display:none;
	}
	
	#canHamburger {
		cursor:pointer;
		color:var(--beige);
		font-size:35px;
		display:block;
		
		position:absolute;
		top:20px;
		right:20px;
	}

	#canMenuResponsive {
		background-color:rgba(0,0,0,0.8);
		color:white;
		display:block;
		
		position:fixed;
		top:0;
		left:0;
		right:0;
	}
	#canMenuResponsive .canSupport {
		display:none;
		min-height:100vh;
	}
	#canMenuResponsive .canFermer {
		cursor:pointer;
		text-align:right;
		font-size:35px;
		padding:20px 20px 0 0;
	}
	#canMenuResponsive a {
		display:block;
		padding:10px;
		text-transform:uppercase;
		text-decoration:none;
	}
	#canMenuResponsive a:hover {
		background-color:black;
	}
	#canMenuResponsive a.sousMenu {
		padding-left:30px;
	}

/** FIN MENUS }**/

	.can2col {
		border:10px solid var(--bleu-fonce);
		position:relative;
	}
	.can2col .canCol1 {
		border-right:none;
		width:100%;
	}
	.can2col .canCol2 {
		position:relative;
		left:0;
	}
	.can2col .canCol2.canFeuilles {
		display:none;
	}

	.can3col .canCol {
		border-right:none;
		border-bottom:10px solid var(--bleu-fonce);
		width:100%;
	}

	#canPiedDePage span {
		display:block;
	}
	#canPiedDePage img.canFeuilleDuMilieu {
		display:none;
	}


	@media only screen and (max-width:400px) {
		#canMenus .canTitre {
			font-size:15px;
			line-height:20px;
			text-align:center;
			color:red;
		}
	}

}