/*===== FONTS =====*/
@font-face {
    font-family: 'Mano';
    src: url('fonts/mano.woff') format('woff');
}
@font-face {
    font-family: 'ManoB';
    src: url('fonts/mano_bold.woff') format('woff');
}
@font-face {
    font-family: 'Louis';
    src: url('fonts/louis.woff') format('woff');
}

/*===== VALEURS GLOABLES =====*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: 'Louis';
	color: black;
	background-color: rgb(253,247,199);
}
#back1, #back2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
	#back1 {
		z-index: 1;
		background: linear-gradient(180deg, rgba(254,249,231,1) 0%, rgba(253,219,166,1) 50%, rgba(0,189,232,1) 100%);
	}
	#back2 {
		z-index: 2;
		background: url('img/back.png') no-repeat;
		background-size: cover;
	}
a {
	text-decoration: none;
	color: black;
}
	a:hover { color: rgb(5,83,142); text-decoration: underline; }
h1 {
	position: relative;
	color: black;
	font-size: 2em;
	font-family: 'Impact';
	font-weight: normal;
	padding: 0;
	margin: 20px 0 30px 0;
	clear: both;
}
h2 {
	color: rgb(128,130,132);
	font-weight: normal;
	font-size: 1.3em;
}
hr {
	width: 100%;
	height: 50px;
	border: 0;
}
p { text-align: justify; text-indent: 35px; position: relative; }
ul { list-style: none; text-align: left; padding: 0 0 0 10px; }

/*===== VALEURS SPECIFIQUES =====*/
.no_pc { display: none; }
.menu_on a { color: black; }
p.ligne_plus, ul.ligne_plus li { line-height: 30px; text-indent: 0; }
.fl_left { float: left; margin-right: 5px; }
.fl_right { float: right; margin-left: 5px; }
ul.tiret { list-style: none; }
	ul.tiret li::before { content: '- '; }
.flex_egal { display: flex; justify-content: center; margin-top: 20px; }
.txt_pt { font-size: 0.8em; }
.citation::before, .citation::after {
	position: absolute;
	font-size: 2.5em;
	color: rgb(230,230,230);
}
.citation::before { top: 5px; margin-left: -20px; content: '“'; }
.citation::after { bottom: 5px; margin-left: 5px; content: '“'; transform: rotate(180deg); }
.fade { opacity: 0.5; }
.no_indent { text-indent: 0; }
.marj_g { padding-left: 20px; }
.marj_d { padding-right: 20px; }
.souligne { text-decoration: underline; }
.gras { font-weight: bold; font-size: 1.1em; }
.petit { font-size: 0.8em; }
.centre { text-align: center; }

.t1, .t2, .t3, .t4, .t5 { font-weight: bold; text-indent: 25px; }
.t1 { font-size: 1.2em; }
.t2 { font-size: 1.4em; }
.t3 { font-size: 1.6em; }
.t4 { font-size: 1.8em; }
.t5 { font-size: 2em; }

/*===== HEADER =====*/

/*===== CORPS =====*/
#corps {
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}
	img#info1, img#info2 {
		max-width: 80%;
		max-height: 50vh;
		margin: 20px auto;
	}
/*===== PAGES =====*/

	/*--- ACCUEIL ---*/

	/*--- INFOS ---*/

	/*--- CONTACT ---*/
fieldset {
	border: 0;
	background: linear-gradient(to bottom, rgb(251,209,195), rgb(252,250,193));
	box-shadow: 0 0 5px grey;
	border-radius: 5px;
	font-size: 1.1em;
	min-height: 150px;
	box-sizing: border-box;
	margin-top: 30px;
	padding: 10px 15px;
}
	label {
		display: block;
		margin: 8px 0;
		font-style: italic;
	}
	input[type=text], input[type=tel], input[type=email], textarea {
		display: block;
		height: 35px;
		margin: 8px 0;
		background-color: white;
		border: 1px solid lightgrey;
		font-size: 1em;
		font-family: 'Louis';
		line-height: 20px;
		box-shadow: 0 0 2px lightgrey;
		border-radius: 5px;
		width: 100%;
	}
	textarea { height: 200px; resize: vertical; }
		input[type=text]:hover, input[type=tel]:hover, input[type=email]:hover, textarea:hover { border: 1px solid lightgrey; }
	input[type=submit] {
		background-color: rgb(215,26,33);
		width: 150px;
		height: 45px;
		float: right;
		clear: both;
		border: none;
		border-radius: 5px;
		margin: 10px 0 0 0;
		font-size: 1.2em;
		font-family: 'Louis';
		font-weight: bold;
		color: white;
	}
		input[type=submit]:hover {
			color: rgb(252,176,64);
			cursor: pointer;
			box-shadow: 0 0 3px grey;
		}

	/*--- MENTIONS ---*/
.mentions {
	border: 0;
	background: linear-gradient(to bottom, rgb(251,209,195), rgb(252,250,193));
	box-shadow: 0 0 5px grey;
	border-radius: 5px;
	font-size: 1.1em;
	margin: 20px 30px;
	padding: 10px 15px;
	width: 300px;
	height: 300px;
	text-align: center;
	box-sizing: border-box;
	color: rgb(130,130,130);
}
	.mentions img {
		max-width: 80%;
		max-height: 70px;
		margin: 10px 0 0;
	}
	.mentions_titre {
		display: inline-block;
		color: black;
		margin: 10px 0;
		font-size: 1.1em;
	}

/*===== FOOTER =====*/
		

/*====================================================================================*/
/*=================================== MOBILE =========================================*/
/*====================================================================================*/
@media screen and (max-width: 1200px) {
/*=== VALEURS SPECIFIQUES ===*/
.no_mobile { display: none; }
.no_pc { display: initial; }
h1 { font-size: 1.6em; margin-top: 40px; }
	h1::after { top: 0; left: -50px; }
h2 { font-size: 1.2em; }
img { max-width: 100%; }
hr {
	height: 35px;
	margin: 10px 0;
}
/*=== HEADER ===*/

/*=== CORPS ===*/
#corps {
	width: 100%;
	padding: 60px 20px 0;
	min-height: calc(100% - 150px);
}
/*===== PAGES =====*/
	/*--- Accueil ---*/

	/*--- Contact ---*/
	
	/*--- Informations ---*/

	/*--- Mentions Légales ---*/
	.flex_egal { flex-direction: column; }
	.mentions { width: initial; }

/*=== FOOTER ===*/
}
