/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-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/.
*/

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

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
}

p{
	margin: 0 0 20px 0;	
}

@font-face{
	font-family : 'perso1';
	src : url(font/Kenzo-Regular.otf);
	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:200;
	font-style:normal;
}

.enum ul {
    margin-top:0;
    padding-top:0;
}

.enum p{
    margin:0;
    padding:0;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

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

#nav{
	font-family: "perso1",Papyrus, fantasy;
	list-style: none;
	position: fixed;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8;
	padding: 5;
	left: -20px;
	font-size: 129%;
}
#nav li:hover
{
	margin: 0 0 2px 15px;	
} 

#nav li{
	margin: 0 0 1% 0;	
}
#nav a:link{
	text-decoration: none;
	color: #FFFFFF;
}

#nav a:hover {
text-decoration: none;
color: white;
} 

#nav img{
	width: 30px;
	height: 25px;
}

#nav p{
	margin: 0 0 5px 5px;
}

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

#intro{
	background:url(images/pollen4.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	margin: 0 auto;
	padding: 0;
	width:100%;
}

#competences{
	background: url(images/competences4.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width:100%;
}

#competences img{
	width: 140px;
	height: 115px;
}
/*
#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}*/

#formations{
	background: url(images/formations2.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	padding: 100px 0 0 0;
}

#experiences{
	background: url(images/experiences2.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	padding: 5% 0 0 0;	
}

.exp b 
{
  font-weight:bold;
}

#travaux{
	background: url(images/travaux4.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	padding: 100px 0 0 0;	
}

#hobbies{
	background: url(images/hobbies.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : cover;
	color: white;
	padding: 100px 0 0 0;	
}

#contact{
	background: url(images/contact.jpg) center 0 no-repeat fixed;
	background-color : black;
	background-size : contain;
	color: white;
	text-align : justify;
	padding: 3% 0 0 0;
}

#skin{
	width: 47%;
	margin-left: 45% ;
}

.intro{
	min-width: 50%;
	overflow: auto;
	width: 50%;
	float: right;
	margin-right: 4% ;
}

.intro .float-left, .intro .float-right{
	padding: 8% 0 0 0;
	position: relative;
	width: 82%;	
}

.intro h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size:150%;
	font-weight:500;
	font-style:normal;
	margin-left: 40% ;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 70%;	
}

.story2{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story2 .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 90%;	
}

.compe{
	margin: 0 auto;
	min-width: 100%;
	overflow: auto;
	width: 100%;
}

.compe .float-left, .compe .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 70%;	
}

.compe ul {
    margin-top:0;
    padding-top:0;
}

.compe p{
    margin:0;
    padding:0;
}

.compe td{
    vertical-align:top;
}

.forma{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.forma.float-left, .forma .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 70%;	
}

.exper{
	margin: 0 auto;
	min-width: 800px;
	overflow: auto;
}

.exper .float-left, .exper .float-right{
	padding: 0px 0 0 0;
	position: relative;
	width: 70%;	
}

.exper p {
     margin:0;
     padding:0;
}
 
.exper ul {
     margin-top:0;
     padding-top:0;
}

.trav{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.trav .float-left, .trav .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 73%;	
}

.hobb{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.hobb .float-left, .hobb .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 70%;	
}

.conta{
	margin: 0 auto;
	overflow: auto;
	width: 50%;
}

.conta .float-left, .conta .float-right{
	padding: 32% 0 0 0;
	position: relative;
	width: 73%;	
}

.conta button{
}