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

body
{
	background: #000;
	color: #FFF;
	font-family: 'Helvetica Neue', Helvetica;
	margin:0px;
	border:0px;
	padding:0px;
	text-align:center;
	min-width:400px;
}

a {text-decoration:none;color:#FFF;}

#intro .bg1
{
	width:100%;
	height:600px;
	background:url('/images/background1.png') fixed;
	background-size:1920px 1200px;
}

#menu
{
	display:inline-block;
	height:30px;
	text-align:center;
	padding:0px;
	margin:0px;
	margin-top:500px;
	margin-left:auto;
	margin-right:auto;
}

#menu ul
{
	width:330px;
}

#menu ul li:first-child
{
	border-left:1px solid #FFF;
}

#menu ul li
{
	display:inline;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #FFF;
}


#white-part
{
	background: #FFF;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
	min-width:400px;
}

#projects
{
	background:#FFF;
	color:#000000;
	margin:0px;
	padding:20px 0px;
	
}



.project-bloc
{
	display:inline-block;
	width: 300px;
	height:240px;
	margin: auto;
	padding: 10px;
}

#projects .project-bloc .img-cl
{
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
#projects .project-bloc .img-nb
{
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

#projects:hover .project-bloc .img-nb
{
	
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}


#projects:hover .project-bloc:hover .img-cl {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.project-description
{
	width:100%;
	float:left;
	overflow:hidden;
	z-index:10;
	margin:0px;
	padding:0px;
	/*position:absolute;*/
	right:0;
	
	height:0px;
	
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}

.project-description.selected
{
	height: 550px;
}

#cv
{
	background: #000;
	color: #FFF;
	border: 0px;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
}

#contact
{
	background: #FFF;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
}