* {margin:0; padding:0; outline:none;}

html
{
	overflow-x: hidden;'
}

body
{
	height:100%;
	min-width:1200px;
}

#global
{

	height:100%;
	/*margin:-60px;
	overflow:hidden;
	transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);*/
}

.bg
{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	overflow:hidden;
}

.bg img
{
	border:0;
	margin:0;
	width:100%;
	/*height:100%;*/
}

#main,#navigation
{
	z-index:3;

}

h1,h2
{
	transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	color: rgba(255, 255, 255, 0.8) !important;
	font: 110px/90px 'Lobster',arial,serif !important;
	/*letter-spacing: 0.035em;*/
	margin-left: -500px;
	margin-top: 5%;
	text-shadow: 5px 5px 15px rgba(255, 255, 255, 0.9), -10px -10px 5px rgba(0, 0, 0, 0.2) !important;
	z-index:2;
}

h2
{
	color: rgba(255, 255, 255, 0.8) !important;
	font: 70px/0px 'Lobster',arial,serif !important;
	margin-top: 20px;
	z-index:1;
}

#main
{
	position:absolute;
	opacity:0;
	width:70%;
	height:100%;
	/*background: linear-gradient(left center 45deg, rgba(25, 53, 66, 0.1) 0%, rgba(25, 53, 66, 0.1) 30%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(left center 45deg, rgba(25, 53, 66, 0.1) 0%, rgba(25, 53, 66, 0.1) 30%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -webkit-radial-gradient(right top , circle farthest-corner, rgba(255, 255, 255, 0.75) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(left center 45deg, rgba(25, 53, 66, 0.1) 0%, rgba(25, 53, 66, 0.1) 30%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(left center 45deg, rgba(25, 53, 66, 0.1) 0%, rgba(25, 53, 66, 0.1) 30%, #FFFFFF 100%) repeat scroll 0 0 transparent;*/

	/*background: radial-gradient(right top , circle farthest-corner, rgba(255, 255, 255, 0.75) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(right top , circle farthest-corner, rgba(255, 255, 255, 0.75) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -webkit-radial-gradient(right top , circle farthest-corner, rgba(255, 255, 255, 0.75) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(right top , circle farthest-corner, rgba(255, 255, 255, 0.75) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;

	background-image: -moz-linear-gradient(60deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5));
	background-image: -webkit-linear-gradient(60deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5));
	*/

	/*transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);*/
}



#navigation
{
	position:absolute;
	right:0px;
	/*top:-50px;
	overflow:hidden;*/
	width:0%;
	height:100%;
	background: radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -webkit-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -O-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.9) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.4);
	border-left: solid 1px white;

	/*transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);*/
}

#navigation>div
{
	margin-top:100px;
	padding-left:20px;
	/*transform: rotate(-11deg);
	-moz-transform: rotate(-11deg);
	-webkit-transform: rotate(-11deg);
	-o-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);*/
}

#navigation h1 {
    color: rgba(0, 0, 0, 0.8);
    font: 70px/50px 'BebasNeueRegular',sans-serif;
    margin-bottom: 30px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    top: 250px;
    z-index: 2;
}

#menu
{
	padding:35px;
}
#menu li
{
	list-style:none;
}
#menu a {
    color: rgba(0, 0, 0, 0.4);
    display: block;
    /*font: 30px/50px century gothic,sans-serif;*/
    height: 32px;
    text-decoration: none;
    text-transform: uppercase;

}
#mots
{
	display:none;
	color: white;
	font: normal 20px/50px sans-serif;
	/*text-shadow: 5px 5px 15px rgba(255, 255, 255, 0.6), -10px -10px 5px rgba(0, 0, 0, 0.2) !important;*/

	/*transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);*/
}
#footer
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:0%;
	min-height:50px;
	z-index:4;
	background: radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -webkit-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -O-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(left top , circle farthest-corner, rgba(255, 255, 255, 0.3) 0%, rgba(38, 150, 165, 0.1) 75%) repeat scroll 0 0 transparent;
	/*box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.4);*/
	border-top: solid 1px white;

	color: white;
	font: normal 16px arial;
	text-shadow: 5px 5px 15px rgba(255, 255, 255, 0.6), -10px -10px 5px rgba(0, 0, 0, 0.2) !important;

	/*transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);*/
}

#footer>div
{
	display:none;
	padding:15px;
}
#contact
{
	margin: 0px 0 -4px 0px;
}