@import url('https://fonts.googleapis.com/css?family=Aclonica&display=swap');
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

/*============================
	RESET 
============================*/	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, main {display: block;}
	body {line-height: 1.5;}
	ol, ul {list-style: none;}
	img {border: 0;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}
	/*empeche le redimensionnement des padding et margin*/
	* {-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;}
	* {box-sizing: inherit;outline: none;
		-webkit-tap-highlight-color: transparent;}
	img {max-width: 100%;height: auto;}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    /* color: #47a3da; */
    color: #111111; 
}

p {
	margin: 0;
	padding: 1em 0;
	font-size: 1.2em;
	line-height: 1.5;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}
h2, h3 {font-weight: 400;}
.h1-title{}
.h2-like {font-size: 1.6em; color:#6D8933;}
.h3-like {font-size: 1.4em;color:#E88225; line-height:0.5;}

.container {
	position: relative;
	margin-top: 15em;
}

.container > header,
.main section {
	min-height:100vh;
	width: 90%;
	max-width: 69em;
	margin:auto;
	padding: 2.875em 1.875em 1.875em;
}

.container > header{}


/*.container > header {padding-top:15em !important;}*/
.main section {padding-top:8em !important;	margin: 500px auto 0 auto;}

.container > header h1 {
	text-align:center;
	color:#E88225;
	font-family: 'Aclonica', sans-serif;
	font-size: 3.125em;
	font-weight: normal;
	line-height:1.2;
	margin: 0.6em 0 0.6em 0;
}
.container header h1 span {
	font-size: 0.6em;
	line-height:0.6;
	margin: 0 0 1.2em 0;
}



/* .main > section:nth-child(even) {
	background: #87cef8;
	color: #fff;
} */

.main section:first-child > div {
	padding-top: 0em;
}



/*================================
	PAGE CONTACT
legend{font-size:1.4em;margin-left:10%;text-align:center;padding:0 5px;color:#9d9886;}		
=================================*/
fieldset{width:75%;min-height:120px;border:0px solid #E3E3E3;margin:5px ;padding:20px;background-color:#cccccc;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
label {display:block;width:75%;line-height:1.4;text-align:left;margin-left:10px;cursor:default;}
::placeholder{color:#999999;}
::placeholder:focus{color:#fff;}
input,textarea{display:block;text-decoration: none;background-color:#fdfdff;padding:0 10px;border:none;border-left:2px solid #666666;margin:0 0 10px 0;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
input[type="text"],input[type="email"],.erreur{width:30%;height:30px;}
textarea:hover, textarea:focus,
input[type="text"]:hover,input[type="email"]:hover,
input[type="text"]:focus, input[type="email"]:focus
	{background-color:#ffffff;border-left:3px solid #0F85BF;outline:none;}
textarea{width:50%;}
.ccab {display: none}/*classe du champ caché anti-spam*/
.h-title{text-align:center;font-size:1.0em;width:100%;padding:10px 0;margin-top:100px;border-left:10px solid #18181A;border-right:10px solid #18181A;}
input[type=submit]{display:block;cursor: pointer;text-align: center;margin:10px 0 0 200px;padding: .4em 1.8em;
	border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.2);font-size: 1.2em;margin-top: 5px;color: #73ffff;border: solid 1px #242415;			
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; 
	background-blend-mode: multiply,multiply;}
input[type=submit]:hover{color:#fef4e9;}

.captcha{font-weight:bold;cursor:text;}
.remarque{display: none}/*classe du champ caché anti-spam*/

.erreur{color:#FF0000;font-size:16px;font-weight:400;padding:2px 5px;/*background-color: #FAB9AD;*/}
.erreur-bordure{caret-color: #FF0000;border: 1px solid red;border-left:2px solid red !important;}

.non-valide{text-align:center;font-size:24px;color:#CC0000;margin-top:30px;}
.valide{text-align:center;font-size:24px;color:#339933;margin-top:30px;}





@media screen and (max-width: 55em) {
	.container > header h1 {
		font-size: 2.125em;
		line-height:1.2;
		margin: 0 0 0.6em 0;
	}
	.container header h1 span {
	font-size: 0.6em;
	line-height:0.4;
	margin: 0 0 1.2em 0;
	}
	.container > header, .main section {}
	.main section {padding-top:8em !important;	margin: 300px auto 0 auto;}
	.container > header h1, .container > header span{
		text-align: center;
	}


	.main section p {
		padding: 2em 5%;
		font-size: 1.0em;
	}
	.logo {/*width:100px;height:auto; transition: .3s ease-in-out; */}
}