/*
CSS for the demo: Recreating the Nikebetterworld.com Parallax Demo
Demo: Recreating the Nikebetterworld.com Parallax Demo
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Demo URL: http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
  font-family: 'Open Sans', sans-serif;
	background-color: #f6f6f6;
	background-image: url(images/01.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	margin: 0;

	padding: 0;
}



img{
	border: 0;
}

.float-left{
	float: left;
	width:110px;
	padding-top:31px;
}

.float-right{
	float: right;
	width:483px;
}

.center{
	font-size: 2.5em;
	padding: 0px 0;
	text-align: center;
}


#menu{
	position: fixed;
	width:100%;
	height:73px;
	background-image:url(images/footer.jpg);
	background-repeat:repeat-x;
	bottom: 0px;
	z-index: 300;
	vertical-align:top;
}
#menulogo{ float:left; height:36px; padding-top:30px; padding-left:10px; color:#FFF; font-size:12px;}
#menu2 {
	float:right;
  width:811px;
  height:1px;
  padding-top:30px;
  background-repeat: no-repeat; 
  
  }
#nav{
	
  font-family: 'Open Sans', sans-serif;
  vertical-align:top;
	
}
#nav li{
	font-family: 'Open Sans', sans-serif;
	  text-decoration:none;

}
.menutext{
	  text-decoration:none;
	  font-family: 'Open Sans', sans-serif;
	  text-transform:uppercase;
	  font-size:14px;
	  color:#FFF;
	  
	  }

#header, #intro, #second{
	width: 100%;
	
	
}

#intro2{
	width:100%;
	position:relative;
	height:100%;
	bottom:0px;
	
	
	
}
#intro{
	
	overflow: hidden;
	position: relative;
	padding: 0;


	
	
}

#second{
	background-color:#d8f0fc;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
		z-index:-100;

}
#second .bg{
	z-index: -200;
	height: 768px;;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	
}

#third{
	background-color:#d0d8e3;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
		
}

#fourth{
	background-color:#8ec7f3;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
		
}

#fifth{
	background-color:#c5dff6;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
	
}
#six{
	background-color:#d8f0fc;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
	
}

#sept{
	background-color:#d8f0fc;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
	
}

#huit{
	background-color:#d6e8ec;
	color: white;
	height: 1020px;
	overflow: hidden;
	position: relative;
	padding: 0;
	
}

#story{
	margin:  auto;
	min-width: 713px;
    width: 713px;
	position:relative;

	

}
#contenttext{  margin-left:auto; margin-right:auto; padding-top:100px;}
#divbas{
	bottom:0px;}
#logo{position: fixed; left:0px; display:block; z-index:999;
}
#logocontact{position: fixed; right:20px; top:20px; display:block; color:#59595b; font-size:14px; height:30px; vertical-align:central; z-index:999;
}

.texttitre{
	color:#59595b;
	font-size:24px;
	font-family: 'Open Sans', sans-serif;}

.wrapper {
			position:absolute;
			top:50%;
			left:50%;
		}
		
.textaccueil{ font-size:14px; color:#59595b; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }	
.textOrange{ font-size:14px;font-weight: 600; color:#d5852b; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }	
.textphase{ font-size:14px; font-weight: 600; color:#59595b; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }	
.textphase2{ font-size:14px; font-weight: 600; color:#59595b; font-family: 'Open Sans', sans-serif; }	

.text{ font-size:14px;color:#59595b;font-family: 'Open Sans', sans-serif; }		
#submit{cursor:pointer; width:80px; height:30px; background-image:url(images/envoyer.png); background-color:transparent;  border: none; text-decoration:none;}