*{
margin:0;
padding:0;
font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;

}




body{
	

  background: #006666; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #006666, #0099cc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg,#006666,#0099cc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg,#006666,#0099cc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg,#006666, #0099cc); /* Standard syntax */
  position:relative;
  min-width:950px;


}

#titre{
	  margin:0 auto;
	  display:block;
	  width:200px;
	  text-align:center;
	  color:white;
	
}

#citation{
	
	width:360px;
	height:100px;
	padding:6px;
	float:left;
	position:absolute;
	top:450px;
	left:20px;
	font-family: Helvetica Neue;
	font-size: 20px;
	font-style: italic;
	font-variant: normal;
	font-weight: 100;
	line-height: 15.4px;
	color : black;
	background-image:url(../img/reve.png)  ;
	background-repeat: no-repeat;
	/*background: rgba(255,255,255,0.7);
		border:1px solid black;
	*/
	opacity:0.8;
	
}
#citation h1{
	visibility:hidden;
	
	
}
#content{
	width:300px;
	height:500px;
	margin:0 auto;
	 margin-top:100px;
	 /*border:1px solid black ;
	 border-top-left-radius: 30px;
	border-top-right-radius:0;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0px;*/
  height:550px;



	
	
}

#tete
{
	width:300px;
	height:400px;
	border:15px double black;
	background-image:url(../img/avatar3dTest2.png)  ;
	background-repeat: repeat-x;
	background-position:center;
	margin-left:100px;
	margin-top:-20x;
	border-top-left-radius: 30px;
	border-top-right-radius:0;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0px; 
	position:relative;
	bottom:1px;
	margin: 0 auto;
	
}
#tata{
	display:block;
	width:200px;
	height:20px;
	border:1px solid black;
	
	
	
}
#2d{
	display:block;
	width:200px;
	height:20px;
	border:1px solid black;
	
	
}
/*.parallax-viewport
      {   width:300px; height:300px;border:1px solid blue; }*/
	  
.parallax-layer
      { position:absolute;
		
	width:300px;
	height:20px;
	/*border:1px solid black;*/
	
		

	  }	
	  
.left{
	float:left;
	
	
}
.right{
	float:right;
	text-align:right;
	
	
}
hr{
	clear:both;
	
	
}	 	  
#infographiste{
	margin-top:1px;
	height:50px;
	background-color:white;
	z-index: 1;
	border:3px dotted black;
	padding-left:10px;
	width:285px;
	opacity: 0.7;
	
}

}
#affiche{
	z-index: 0;
	
	
}
#liste{
	
	background-color:blue;
	
}

#gallery{
	display:block;
	width:100px;
	float:right;;
	
}	  
nav{
	display:block;
	width:100px;
	float:right;
	margin-top:50px;
	color:white;
	
		
	
}
nav li{
	
	list-style-type:none;

	margin-bottom:10px;
		
}
nav li span{
	
	visibility:hidden
		
}
nav li:hover{

}
h3{
	text-align:center;
	width:298px;
	display:block;
	background: rgba(255,255,255,0.7);
	margin:0 auto;;
	
	
}
h4.competence{
	background: rgba(255,255,255,0.7);
	border-bottom:1px dotted black;
	
}

ul.competences{
	list-style-type:none;
background: rgba(255,255,255,0.7);
padding-left:5px;
padding-right:5px;
	}
	
#linkedin a{
	
	background:url(../img/linkedin.png) no-repeat;
	height:150px;
	height:150px;
	display:block;
	border:none;
	
	
}	
#linkedin a:hover{
	
	background:url(../img/linkedinHover.png) no-repeat;
}


#linkedin {
	
	margin-left:-200px;
	
}
#linkedin:hover {
	

	
}		  	  

#gallery{
	height:400px;
	border:3px dotted blue;
	position:relative;
	left:130px;
}

#gallery li{

	display:block;
	width:50px;
	height:50px; 
	
}
#gallery li{

	
}
/*
footer{
	display:block;
	width:100%;
	height:100px;
	border:1px solid black;
	padding:0;
	position:absolute;
	
	
	
	
}*/

#magie1{
	display:block;
	height:50px;
	width:50px;
	background-image:url(../img/magie1.png)  ;
	
	background-repeat: no-repeat;
	position: absolute;
}

 #parallax {
		
	border:1px solid red;
	float:left;
	   
 }

#parallax-viewport1 {
       /* relative, absolute, fixed */
	position:absolute;
	display:block;
	/*border:1px solid red;*/
	left:300px;
	height:300px;
	width:200px;
   
}

#parallax-viewport2 {
       /* relative, absolute, fixed */
	position:absolute;
	display:block;
/*	border:1px solid blue;*/
	height:475px;
	width:275px;
	left:150px;
	
	
   
}
#parallax-viewport3 {
       /* relative, absolute, fixed */
	position:absolute;
	display:block;
/*	border:1px solid blue;*/
	height:475px;
	width:275px;
	left:200px;
	
	
   
}
#magie4{

	height:500px;
	width:300px;
	background-image:url(../img/magie4.png) ; 
	position:absolute;
	/*border:1px solid red;*/
	top:0px;
	left:200px;
	z-index:0;
	
}

#magie2{

	height:460px;
	width:250px;
	background-image:url(../img/magie2.png) ; 
	/*border:1px solid blue;
	background-color:red;
	*/
	position:absolute;
	z-index:1;
	
	
}
#magie3{

	height:460px;
	width:250px;
	background-image:url(../img/magie3.png) ; 
	/*border:1px solid blue;
	background-color:blue;
	*/
	position:absolute;
	z-index:-1;
	
	
}

.parallax-layer-magie {
 
	display:block;

	/*border:1px solid black;*/
}