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

/*------------------------------*\
			 BASE
\*------------------------------*/

:root {
	--light-color: white;
	--dark-color: black;
	--main-color: #247095;
	--second-color: #223951;
	--dark-grey: #747474;
	--dark-shadow: rgba(0,0,0,.7);
	--light-shadow: rgba(0,0,0,.3);
	--transp-color: rgba(255,255,255,.25);
	--alert-color: firebrick;
	--dark-red: darkred;
	--orange-color: #ffb300;
	--yellow-color: #e8e321;
	--green-color: #21e844;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline-style: none;
}

html {
	font-size: 62.5%;
}

body {
	position: relative;
	
	background-color: var(--dark-color);
	background-image: url(/imgs/fond-saouleau.jpg);
	background-attachment: fixed;
	background-size: cover;
	
	font-family: Helvetica, sans-serif;
	font-size: 1.4rem;
	color: var(--light-color);
	
	overflow-x: hidden;
}

.h1, .h2, .h3, .h4, p, span {
	text-shadow: 1px 1px 2px var(--dark-shadow);
}

.h1.is-center,
.h2.is-center,
.h3.is-center,
.h4.is-center {
	text-align: center;
	margin: 15px auto;
}

.h1 {font-size: 2.5rem;}

.h2 {font-size: 2rem;}

.h3 {font-size: 1.7rem;}

.h4 {font-size: 1.4rem;}

.std-p {
	font-size: 1.3rem;
}

a {
	color: var(--light-color);
	text-decoration: none;
}

sup {
	font-size: .7rem;
}


@media only screen and (max-width: 600px){
	
}