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

body {
	min-height:101vh;
}

input[type=text], input[type=password], textarea, option {
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	color:white;
}
/** MENUS { **/
nav {
	background-attachment:fixed;
	background-color:black;
	background-repeat:no-repeat;
	background-size:cover;
	webkit-background-size:cover;
	
	display:none;
	text-align:center;
	
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
}
nav div {
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	color:white;

	margin:0 auto;
	min-height:100vh;
	width:700px;
	padding:40px 80px;
}

nav img {
	width:250px;
	margin-bottom:36px;
}
nav a {
	color:white;
	display:block;
	font-size:30pt;
	font-weight:normal;
	line-height:30pt;
}
nav a.sel, nav a:hover {
	color:var(--couleur);
}

.canHamburger {
	position:fixed;
	left:calc(50% + 350px);
	top:47px;
}
.canHamburger img {
	height:60px;
}

/** FIN MENUS } **/

/** CORPS { **/

#canCorps {
	background-color:black;
	background-color:rgba(0,0,0,0.8);
	color:white;
	
	text-align:center;
	text-align:left;
	
	position:relative;
	width:700px;
	margin:0 auto;
	min-height:100vh;
	padding:40px 80px;
}

.canLogo {
	display:block;
	margin-bottom:40px;
	text-decoration:none;
}
.canLogo img {
	width:250px;
}

h1, .h1 {
	font-family:lato;
	font-size:30pt;
	font-weight:normal;
	text-align:center;
	margin-bottom:30px;
}
h2, .h2 {
	color:var(--couleur);
	font-size:18pt;
	font-weight:bold;
	line-height:22pt;
	margin:0;
	padding:0;
	text-align:inherit;
}
h3, .h3 {
	color:var(--couleur);
	font-size:18pt;
	font-weight:normal;
	line-height:22pt;
	font-style:italic;
	margin:0;
	padding:0;
	text-align:inherit;
}
h4, .h4 {
	font-size:18pt;
	font-weight:normal;
	line-height:22pt;
	text-align:inherit;
}
hr {
	border-color:white;
	margin-top:-5px;
	margin-bottom:-5px;
}
a {
	color:var(--couleur);
	text-decoration:none;
}
a:hover {
	color:white;
}
/** FIN CORPS } **/


/** TXT **/
.canTxt {
	font-size:18pt;
	font-weight:normal;
	line-height:120%;
}
/** FIN TXT **/


@media only screen and (max-width:800px) {
/** MENUS { **/
nav div {
	margin:0;
	width:100%;
	padding:40px;
}
nav a {
	font-size:28pt;
}
nav img {
	margin-bottom:38px;
}
.canHamburger {
	left:auto;
	right:0;
	margin-top:0;
	width:50px;
}
/** FIN MENUS } **/

/** CORPS { **/
	#canCorps {
		width:100%;
		margin:0;
		padding:40px;
	}
	.canLogo img {
		max-width:100%;
	}
	
	h1, .h1 {
		font-size:28pt;
	}
	h2, .h2 {
		font-size:16pt;
		line-height:19pt;
	}
	h3, .h3 {
		font-size:16pt;
		line-height:19pt;
	}
	h4, .h4 {
		font-size:16pt;
		line-height:19pt;
	}

	.canTxt {
		font-size:16pt;
		font-weight:normal;
		line-height:110%;
	}


/** FIN CORPS } **/
}

@media only screen and (max-width:400px) {
	.canLogo img, nav img {
		width:auto;
		height:60px;
	}
	.canHamburger img {
		height:34px;
	}

}