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

body {
	font-size:18px;
	line-height:35px;
}

a {
	color:var(--orange);
}

h1 {
	border-bottom:1px solid black;
	font-size:40px;
	line-height:40px;
	padding:100px 0 70px 0;
	margin:0 0 30px 0;
}
h2, .h2 {
	font-size:28px;
	font-weight:normal;
	line-height:35px;
	margin:0 0 10px 0;
	padding:0;
}
h3, .h3 {
	font-size:22px;
	font-weight:bold;
	line-height:25px;
	margin:0 0 20px 0;
	padding:0;
}

hr {
	border-top:1px solid black;
	margin:30px 0;
	width:180px;
}

label {
	padding-right:20px;
	width:130px;
}
label + div {
	margin-left:0;
	padding-left:20px;
	width:calc(100% - 130px);
}

.canMax {
	margin:0 15%;
	position:relative;
	
	width:70%;
}

ul, ol, li {
	font:inherit;
	line-height:inherit;
}
ul li {
	margin:0 0 0 18px;
	padding:0;
}

/** BEANDEAU { **/
#canBandeau {
	background-color:var(--orange);
	height:320px;
	position:relative;
}
#canBandeau .canLogo {
	color:white;
	font-size:12px;
	line-height:20px;
	padding:40px 0 40px 40px;
	text-align:right;
	
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	
	width:380px;
}
#canBandeau .canLogo img {
	width:100%;
}

#canBandeau .canLogo .canTitre {
	font-size:28px;
	line-height:28px;
}
#canBandeau .canLogo p {
	margin:10px 0;
	padding:0;
}

#canBandeau .canHamburger {
	color:white;
	cursor:pointer;
	
	position:absolute;
	top:40px;
	left:0;
}
#canBandeau .canHamburger img {
	height:20px;
	vertical-align:top;
	width:45px;
}
/* } */

/** MENUS { **/
#canMenu {
	color:white;
	background-color:var(--orange);
	display:none;
	font-size:15px;
	line-height:25px;
	overflow:hidden;
	
	position:absolute;
	top:40px;
	left:0;
	z-index:20;
}
#canMenu a {
	color:white;
	display:block;
}
#canMenu a.sel, #canMenu a:hover {
	color:black;
	font-weight:bold;
}
/** FIN MENUS } **/

/** CORPS { **/
/** FIN CORPS } **/

/** Pied de page { */
#canPiedDePage {
	background-color:var(--orange);
	color:white;
	margin-top:300px;
	min-height:850px;
	padding-top:20px;
	position:relative;
}
#canPiedDePage hr {
	border-top:1px solid white;
}
#canPiedDePage a {
	color:white;
}
/** FIN Pied de page } */

@media only screen and (max-width:1000px) {
	.canMax {
		margin:0 10%;
		width:80%;
	}
	@media only screen and (max-width:800px) {
		h1 {
			padding:50px 0 20px 0;
		}
		h2 {
			font-size:25px;
			line-height:30px;
		}
		.canMax {
			margin:0 5%;
			width:90%;
		}
		
		#canBandeau .canHamburger {
			top:5vw;
		}
		
		#canBandeau .canLogo {
			padding-top:calc(5vw - 5px);
			width:50%;
		}
		
		#canMenu {
			top:calc(5vw - 5px);
		}
		@media only screen and (max-width:570px) {
			h1 {
				font-size:35px;
				line-height:40px;
			}
		
	/** BEANDEAU { **/
			#canBandeau .canLogo {
				width:80%;
			}

	/* } */
	/** MENUS { **/
			#canMenu {
				right:0;
			}
	/** FIN MENUS } **/
	
	/** CORPS { **/
			#canCorps {
				margin-top:20px;
			}
	/** FIN CORPS } **/
		}
	}
}