/*MAIN*/

@import url(http://fonts.googleapis.com/css?family=Dosis:400,700);

html {
    font: 100%/1.7em 'Dosis', sans-serif;
    background: #000;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

section {
	overflow-x: hidden; height: 993px;
}

.main {
	background: #F7F7F7;
	position: relative;
	width: 32.5%;
	margin:0;
	padding:20px;
	padding:20px;
	text-align: left;
	font-size: 1.5em;
}
.annee {
	position:relative;
	background: #00827B;
	font-size:3em;
	padding:20px;
	font-weight: bold;
	width:200px;
	text-align: center;
	color:white;
}
p {
	color:#00827B;
	line-height: 1.5;
}

/*INTRO*/

#intro { 
	background: url(../img/julien.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#intro h1 {
	width: 47.8%; height: 160px;
	background: url(../img/logo.png) #F7F7F7 no-repeat right;
	text-indent: -9999px;
	position: relative; top: 10.1%; left: 0;
}
#intro .main {
	top: 13.9%;
	left: 12.5%;
	text-align: right;
	font-size: 1.7em;
}
#intro p:nth-child(2) {
	font-weight: bold;
	margin-top:15px;
}

/*PREMIERE*/

#premiere { 
	background: url(../img/ines.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#premiere .annee {
	top:20.8%;
	left:55.6%;
}
#premiere .main {
	top:20.8%;
	left:55.6%;
}
#premiere p:nth-child(2) {
	font-weight: bold;
	margin:15px 0px;
}

/*DEUXIEME*/

#deuxieme { 
	background: url(../img/deuxieme.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#deuxieme .annee {
	top:50%;
	left:27.8%;
}
#deuxieme .main {
	top:50%;
	left:27.8%;
	width:62.5%;
}

/*KOURTRAJME*/

#kourtrajme { 
	background: url(../img/kourtrajme.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#kourtrajme .annee {
	top:30%;
	left:48.6%;
}
#kourtrajme .main {
	top:30%;
	left:48.6%;
	width:41.7%;
}
#kourtrajme p:nth-child(1) {
	font-weight: bold;
	margin-bottom:15px;
}

/*APERO*/

#apero { 
	background: url(../img/apero.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#apero .annee {
	top:30%;
	left:52.1%;
}
#apero .main {
	top:30%;
	left:52.1%;
	width:41.7%;
}
#apero p:nth-child(2) {
	font-weight: bold;
	margin-top:15px;
}

/*BOUTMY*/

#boutmy { 
	background: url(../img/boutmy.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#boutmy .annee {
	top:6.9%;
	left:66%;
}
#boutmy .main {
	top:6.9%;
	left:66%;
	width:24.3%;
}
#boutmy p:nth-child(2) {
	margin-top:15px;
}

/*TECHNOCRATES*/

#technocrates { 
	background: url(../img/technocrates.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#technocrates .annee {
	top:30%;
	left:10%;
}
#technocrates .main {
	top:30%;
	left:10%;
	width:45.1%;
}
#technocrates p:nth-child(2) {
	margin-top:15px;
}

/*FESTIVAL*/

#festival { 
	background: url(../img/festival.jpg) repeat;
}
#festival .annee {
	top:5%;
	left:3.5%;
}
#festival .main {
	top:5%;
	left:3.5%;
	width:76.4%;
}
#festival .video {
	position:relative;
	top: 100px;
	margin: auto;
	text-align: center;
}
#festival p:nth-child(2) {
	margin-top:15px;
}

/*FESTIVAL2*/

#festival2 { 
	background: url(../img/festival2.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#festival2 .annee {
	top:20%;
	left:10%;
}
#festival2 .main {
	top:20%;
	left:10%;
	width:50%;
}
#festival2 p:nth-child(2) {
	margin-top:15px;
	font-weight: bold;
}

/*MAINTENANT*/

#maintenant { 
	background: url(../img/maintenant.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#maintenant .annee {
	top:40%;
	left:3.5%;
	width:350px;
}
#maintenant .main {
	top:40%;
	left:3.5%;
	width:60%;
}
#maintenant p:nth-child(2) {
	margin-top:15px;
	font-weight: bold;
}

/*CREW*/

#crew { 
	background: url(../img/crew.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#crew .annee {
	top:50%;
	left:3.5%;
	width:350px;
}
#crew .main {
	top:50%;
	left:3.5%;
	width:80%;
}
#crew p:nth-child(1) {
	margin-bottom:15px;
	font-weight: bold;
}

/*VOTEZ*/

#votez { 
	background: #F7F7F7;
	font-weight: bold;
	margin:auto;
	text-align: center;
}
#votez .main {
	font-size: 4em;
	width:auto;
	text-align: center;
	margin-top:1%;
	margin-bottom:7%;
}
#votez .links {
	font-size: 3em;
	margin-top: 5%;
	margin-bottom: 2%;
}

/*BOUTON*/

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.action-button
{
	border-radius: 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	margin:0px 10px;
}
.yellow
{
	background-color: #F2CF66;
	border-bottom: 5px solid #D1B358;
	text-shadow: 0px -2px #D1B358;
	margin-top: 10%;
	padding:15px 30px;
	font-size: 5em;
}
.blog
{
	background-color: #00bf8f;
	border-bottom: 5px solid #00ae7e;
	text-shadow: 0px -2px #00ae7e;
	font-size: 1.5em;
	padding:15px;
}
.twitter
{
	background-color: #00aced;
	border-bottom: 5px solid #009bdc;
	text-shadow: 0px -2px #009bdc;
	font-size: 1.5em;
	padding:15px;
}
.facebook
{
	background-color: #3b5998;
	border-bottom: 5px solid #2a4887;
	text-shadow: 0px -2px #2a4887;
	font-size: 1.5em;
	padding:15px;
}
.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}