body,html{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background:url(../img/fond.jpg) no-repeat fixed center center;
	background-size:cover;
}
#overlay,#overlay2{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	cursor:pointer;
}
#overlay figure{
	display:none;	
	margin-top:15%;
}
#overlay2 figure{
	margin-top:15%;
}
#overlay figcaption,#overlay2 figcaption{
	font-size:26px;	
	text-transform:uppercase;
}
#equipe{
	height:40%;
	width:100%;
	position:fixed;
	bottom:0;	
}
#equipe .team{
	position:relative;
	height:100%;
	width:100%;	
}
#equipe img{
	display:none;	
}
#manu{
	position:absolute;
	bottom:0;
	left:27%;	
	z-index:2;
}
#nico{
	position:absolute;
	bottom:0;
	left:36%;	
	z-index:3;
}

#steeven{
	position:absolute;
	bottom:0;
	left:42%;	
	z-index:4;

}

#jeremy{
	position:absolute;
	bottom:0;
	left:52%;	
	z-index:3;
}
#valentin{
	position:absolute;
	bottom:0;
	left:60%;	
	z-index:2;
}
h1{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffd971;
}
h2{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	font-size:48px;
	font-style:italic;
}
.shine
{
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    background: #222 -moz-linear-gradient( left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    background: #222 linear-gradient(left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    color: rgba(255, 255, 255, 0.1);
    background-size: 125px;
    background-clip: text;
    animation-name: shine;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-background-size: 125px;
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-background-size: 125px;
    -moz-background-clip: text;
    -moz-animation-name: shine;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-background-size: 125px;
    -o-background-clip: text;
    -o-animation-name: shine;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
}

@keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}
@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}
@-moz-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}
@-o-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}
h3{
	color:#fff;
	text-align:center;
	width:75%;	
	margin:auto;
}
h3 span{
	display:none;	
}
@-webkit-keyframes orangePulse{from{background-color:#d45500;-webkit-box-shadow:0 0 9px #333;}50%{background-color:#ff5c00;-webkit-box-shadow:0 0 18px #ff5c00;}to{background-color:#d45500;-webkit-box-shadow:0 0 9px #333;}}
@-moz-keyframes orangePulse{from{background-color:#d45500;-moz-box-shadow:0 0 9px #333;}50%{background-color:#ff5c00;-moz-box-shadow:0 0 18px #ff5c00;}to{background-color:#d45500;-moz-box-shadow:0 0 9px #333;}}
@keyframes orangePulse{from{background-color:#d45500;box-shadow:0 0 9px #333;}50%{background-color:#ff5c00;box-shadow:0 0 18px #ff5c00;}to{background-color:#d45500;shadow:0 0 9px #333;}}
@-webkit-keyframes greenPulse {
  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}
@-moz-keyframes greenPulse {
  from { background-color: #749a02; -moz-box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; -moz-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; -moz-box-shadow: 0 0 9px #333; }
}
@keyframes greenPulse {
  from { background-color: #749a02; box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; box-shadow: 0 0 9px #333; }
}
.defi {
	color: #fff;
	font-size:22px;
	padding:20px;
	display:none;
  animation-name: greenPulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: greenPulse;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
}
#parution{
	color: #fff;
	font-size:22px;
	padding:20px;
	display:none;
  animation-name: orangePulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-name: orangePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: orangePulse;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
}
#fullpage p{
	text-align:center;
	color:#fff;
	font-size:20px;
}
#fullpage input[type=text]{
	font-size:30px;
	padding:5px;
	display:inline !important;
	width:40px;
	text-align:center;
	color:#fff;
	background:none;
	border:none;
	outline:none;
	text-transform:uppercase;
}
::-webkit-placeholder,::-moz-placeholder{
	color:#fff;
}
#getting-started{
	display:none;
	position:fixed;
	left:0;
	width:100%;
	text-align:center;
	bottom:0;
	padding:10px;
	z-index:99999999;
	color:#ffd971;
	font-family: 'Black Ops One', cursive;
	font-size:36px;	
}
#fullpage .defi{
	display:inline-block !important;	
}
#fp-nav ul li a span{
	background:#fff !important;
	width:12px;
	height:12px;	
}
.fp-slidesNav ul li a span{
	background:#fff !important;
}
#fp-nav ul li a.active span,#fp-nav ul li:hover a span{
	width:18px;
	height:18px;
	background:#ffd971 !important;
}
@media screen and (max-width:768px){
	#equipe{
		height:20%;
		width:100%;
		position:fixed;
		bottom:0;	
	}
h1{
	font-size:18px;
}
h2{
	font-size:24px;
}
h3{
	font-size:14px;	
}
.defi ,#parution{
	padding:6px;
	font-size:14px;	
	margin:10px;
}
#getting-started{
	font-size:14px;
}
#fullpage input[type=text]{
	font-size: 14px;
	width: 20px;
}
#fullpage input[name=nom]{
	width: 80% !important;
	margin:0 10%;
}

#fp-nav{
	top:5% !important;
	margin-top:0 !important
}
}