body {
	background: #fff;
	font-family: "Futura Pt", "futura-pt", "Futura", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	font-size: 22px;
	line-height: 32px;
	color: #333;
	font-weight: 600;
  	text-rendering: optimizeLegibility;
  	-webkit-font-smoothing: antialiased;
}

a {
	color: inherit;
	text-decoration: inherit;
}



/*
	Selection
*/



*::-webkit-selection {
	background: #80ffbf;
	color: #333;
	}

*::-moz-selection {
	background: #80ffbf;
	color: #333;
	}

*::-o-selection {
	background: #80ffbf;
	color: #333;
	}

*::-ms-selection {
	background: #80ffbf;
	color: #333;
	}

*::selection {
	background: #80ffbf;
	color: #333;
	}


/*
	Header
*/




header {
	position: relative;
	height: 100vh;
	width: 100%;

	background: url("../img/carnet.jpg");
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}



header h1,
header h2 {
	position: fixed;
	z-index: 1;
	display: block;
	width: 1000px;
	left: calc(50% - 500px);
	text-align: center;
}

header h1 {
	margin-top: 180px;
	font-size: 105px;
	color: #80ffbf;
}

header h2 {
	margin-top: 300px;
	font-size: 54px;
	color: #fff;
}



/*
	Juin 2014
*/



section.june {
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	width: 100%;
	background: #fff;
	margin: 0 auto;
	z-index: 10;

}

section.june h3 {
	position: relative;
	text-align: center;
	font-size: 34px;
	height: 60px;
	line-height: 60px;

}

section.june h3:after {
	content: "";
	width: 20px;
	border-bottom: 3px solid #80ffbf;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 10px);
}



section.june ul {
	display: block;
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: #fff;
	padding-top: 100px;
}

section.june ul li {
	list-style: none;
	width: 300px;
	margin: 0 auto;
}


section.june ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 10px;
	margin: 50px auto;
	text-align: center;
	border: 3px solid #333;


	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}


section.june ul li a:hover {
	background: #333;
	color: #fff;
}


/*section.june ul li:first-child a {
	border: none;
}

section.june ul li:first-child a:hover {
	background: none;
	color: #333;
}*/


/*
	Aout 2014
*/



section.august {
	position: relative;
	padding-top: 150px;
	padding-bottom: 200px;
	width: 100%;
	height: 60vh;
	background: #fff;
	margin: 0 auto;
	z-index: 10;

}


section.august h3 {
	position: relative;
	text-align: center;
	font-size: 34px;
	height: 60px;
	line-height: 60px;
	text-decoration: line-through;

}

section.august h3:after {
	content: "";
	width: 170px;
	border-bottom: 4px solid #80ffbf;
	position: absolute;
	bottom: 26px;
	left: calc(50% - 85px);
	opacity: 1;
}


section.august p {
	margin-top: 150px;
	text-align: center;
	font-size: 34px;
}















/*
------------------------------

	
	$media queries

------------------------------
*/




@media (max-width: 900px) {
	

	header {
		height: 600px;

		background-size: auto 100%;

	}


	header h1 {
		margin-top: 100px;
	}

	header h2 {
		margin-top: 200px;
	}

}





@media (max-width: 700px) {

	header h1 {
		font-size: 67px;
	}

	header h2 {
		margin-top: 165px;
		font-size: 34px;
	}

	section.august {
		height: 40vh;
	}

}


@media (max-width: 450px) {

	header h1 {
		font-size: 43px;
	}

	header h2 {
		margin-top: 150px;
		font-size: 22px;
	}




}