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

body {
	font-family:Verdana;
	font-size: 14px;
	color: #000;
}

@font-face { 
	font-family: Aint;
	src: url('../fonts/itaint-webfont.eot');
	src: url('../fonts/itaint-webfont.otf') format('truetype'),
		url('../fonts/itaint-webfont.woff') format('woff'),
		url('../fonts/itaint-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itaint-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 

a {
	color: #ff0000;
	outline: 0;
	text-decoration: none;
}
h1, h2 {
	font-weight: normal;
}
ul {
	list-style-position: inside;
}

img {
border: 0;
margin: 0;
}

#pagewrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#menu {
	background-image: url(../img/bg_menu.png);
	padding: 10px;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 10;
}
#menu ul {
	padding:5px;
}
#menu li {
	list-style: none;
	display: block;
}
#menu a {
	font-size: 13px;
	font-weight: bold;
	font-family:Verdana;
	text-transform:capitalize;
	text-align: right;
	text-decoration: none;
	padding: 2px;
	display: block;
	color:#CCCCCC;
}

#menu #topleftmenu {
	margin-right: 0px;
	margin-top: 0px;
	border-bottom:thin dashed black;
}
#menu #topleftmenu:hover, #menu #topleftmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}
#menu #toprightmenu {
	margin-right:0px;
	margin-top: 5px;
	border-bottom:thin dashed black;
}
#menu #toprightmenu:hover, #menu #toprightmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}
#menu #midleftmenu {
	margin-right: 0px;
	margin-top: 5px;
	border-bottom:thin dashed black;
}
#menu #midleftmenu:hover, #menu #midleftmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}
#menu #midrightmenu {
	margin-right: 0px;
	margin-top: 5px;
	border-bottom:thin dashed black;
}
#menu #midrightmenu:hover, #menu #midrightmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}
#menu #bottomleftmenu{
	margin-right: 0px;
	margin-top: 5px;
	border-bottom:thin dashed black;
}
#menu #bottomleftmenu:hover, #menu #bottomleftmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}
#menu #bottomrightmenu {
	margin-right: 0px;
	margin-top: 5px;
	border-bottom:thin dashed black;
}
#menu #bottomrightmenu:hover, #menu #bottomrightmenu.active {
	border-bottom:thin dashed white;
	color:#FFFFFF;
}


#scrollwrapper {
	overflow: hidden; 
	height: 100%; 
	width: 100%;
	position: relative;
	z-index: 1;
}
 
#scrollinnerwrapper {
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../img/correction.jpg) repeat-y;
}

.scrolling-content {
	width: 0px;
	height: 0px;
	position: absolute;
	background:url(../img/correction.jpg) repeat;
}

#topleftwrapper {
	left:512px;
	top: 0px;
	width: 512px;
	height: 512px;
}
#topleft {
	width: 512px;
	height: 512px;
}

#toprightwrapper {
	left: 1024px; 
	top: 0px;
	width: 3055px;
	height: 512px;
} 
#topright {
	width: 3055px;
	height: 512px;
}

#middleleftwrapper {
	left: 512px; 
	top: 512px;
	width: 1024px;
	height: 3055px;
} 

#middleleft {
	width: 1024px;
	height: 1024px;
}

#middlerightwrapper {
	left: 1536px; 
	top: 512px;
	width: 3055px;
	height: 3055px;
}

#middleright {
	width: 1024px;
	height: 1024px;
}

#topleft .usb {
	width: 170px;
	height: 170px;
	position: absolute;
	z-index: 3;
	top: 680px;
	left: 610px;
}

#topleft .canon {
	width: 250px;
	height: 200px;
	position: absolute;
	z-index: 3;
	top: 700px;
	left: 150px;
}

#topleft .canon:hover {
	cursor: pointer;
	background-image: url('../img/canonh.png');
}

#middleright .photos {
	width: 250px;
	height: 298px;
	position: absolute;
	z-index: 2;
	top: -140px;
	left: 170px;
}

#topleft .sheet {
	background-image: url(../img/sheet_min.png);
	width: 336px;
	height: 557px;
	padding-top: 43px;
	padding-left: 62px;
	padding-right: 35px;
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 20px;
	font-family: Aint;
	text-shadow: 0px 0px 1px rgba(0,0,0,.05);
}

#topleft .sheet h1 {
	font-size: 16pt;
	padding-bottom: 15px;
}

#topleft .sheet span {
	font-size: 9pt;
	line-height: 11px;
}

#topleft .sheet span.signature {
	padding-top: 0px;
	display: block;
	font-size: 11pt;
	text-align: right;
}

#topleft .sheet span span.saut {
	display: block;
	height: 29px;
	width: 1px;
}

#topleft .stylo {
	width: 120px;
	height: 380px;
	position: absolute;
	z-index: 3;
	top: 210px;
	left: 525px;
}

#topleft .leadpencil {
	width: 380px;
	height: 120px;
	position: absolute;
	z-index: 3;
	top: -10px;
	left: 400px;
}

#topleft .calque {
	width: 420px;
	height: 380px;
	position: absolute;
	z-index: 1;
	top: 20px;
	left:15px;
}

#topright .cup{
	width: 250px;
	height: 250px;
	position: absolute;
	z-index: 4;
	top: 100px;
	left: 250px;
}

#topright .keyboard {
	width: 1010px;
	height: 290px;
	position: absolute;
	z-index: 4;
	top: 520px;
	left: 250px;
}

#topright .address{
	width: 250px;
	height: 227px;
	position: absolute;
	z-index: 2;
	top: 130px;
	left: 490px;
}


#topright .iphone {
	width: 271px;
	height: 182px;
	position: absolute;
	z-index: 4;
	top: 200px;
	left: 930px;
}

#topright .adresse {
	width: 552px;
	height: 268px;
	position: absolute;
	z-index: 3;
	top: 400px;
	left: 600px;
}

#topright .telephone {
	width: 190px;
	height: 160px;
	position: absolute;
	z-index: 4;
	top: 260px;
	left: 480px;
}

#topright .series {
	width: 640px;
	height: 590px;
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 1200px;
}

#topright .gq {
	width: 745px;
	height: 873px;
	position: absolute;
	z-index: 3;
	top: -550px;
	left: 400px;
}

#middleleft .leakos {
	width: 266px;
	height: 211px;
	position: absolute;
	top: 412px;
	left: 50px;
	z-index: 3;
}

#middleleft .annonciatis {
	width: 270px;
	height: 216px;
	position: absolute;
	top: 422px;
	left: 296px;
	z-index: 4;
}

#middleleft .oxmoze {
	width: 270px;
	height: 216px;
	position: absolute;
	top: 432px;
	left: 776px;
	z-index: 2;
}

#middleleft .intranet {
	width: 279px;
	height: 229px;
	position: absolute;
	top: 425px;
	left: 520px;
	z-index: 1;
}

#middleright .cv {
	width: 590px;
	height: 792px;
	position: absolute;
	z-index: 1;
	top: 250px;
	left: 80px;
}

#middleright .cvdl {
	width: 256px;
	height: 100px;
	background-image: url(../img/disquette.png);
	position: absolute;
	top: 360px;
	left: 680px;
	padding-top: 156px;
	text-align: center;
	font-family: Aint;
	line-height: 11pt;
	text-shadow: 0px 0px 1px rgba(0,0,0,.05);
}

#noscript {
	width: 500px;
	height: 50px;
	color: #FFF;
	border: 1px solid #fff;
	text-align: center;
	padding-top: 20px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -35px;
	z-index: 99;
}