@font-face{
font-family:  'contextcond';
src: url('webfont/context_reprise_blackcond_ssi_normal-webfont.eot');
src:  local('?'), url('webfont/context_reprise_blackcond_ssi_normal-webfont.woff') format('woff'),  url('webfont/context_reprise_blackcond_ssi_normal-webfont.ttf') format('truetype'),  url('webfont/context_reprise_blackcond_ssi_normal-webfont.svg#webfontn595P3zr') format('svg');
font-weight:  bold;
font-style: normal;
}

@font-face{
font-family:  'newcycle';
src: url('webfont/newscycle-regular-webfont.eot');
src:  local('?'), url('webfont/newscycle-regular-webfont.woff') format('woff'),  url('webfont/newscycle-regular-webfont.ttf') format('truetype'),  url('webfont/newscycle-regular-webfont.svg#webfontn595P3zr') format('svg');
font-weight:  bold;
font-style: normal;
}



body {
	margin:auto;
	background-color: #ffffff;
	background-image: url(images/fond.png);
	background-repeat:repeat-x;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}


div#fond1{
	position:absolute;
	width: 437px;
	height: 462px;
	top: 0px;
	left: 50%;
	margin: 0 0 0 98px;
	z-index: 50;
}	

div#logo{
	position:absolute;
	width: 261px;
	height: 162px;
	top: 0px;
	left: 50%;
	margin: 33px 0 0 -480px;
	z-index:100;
}

div#amaury{
	position:absolute;
	width: 370px;
	height: 40px;
	top: 0px;
	left: 50%;
	margin: 127px 0 0 -361px;
	z-index:125;
}

div#menu{
	position:absolute;
	width: 300px;
	height: 30px;
	top: 0px;
	left: 50%;
	margin: 180px 0 0 -290px;
	z-index:150;
}

div#artist{
	position:absolute;
	width: 415px;
	height: 40px;
	top: 0px;
	left: 50%;
	margin: 18px 0 0 100px;
	z-index:175;
}
	
div#bandeau{
	position:absolute;
	width: 1081px;
	height: 247px;
	top: 0px;
	left: 50%;
	margin: 320px 0 0 -535px;
	z-index:200;
}

div#makeMeScrollable{
	position:absolute;
	width: 1020px;
	height: 200px;
	top: 0px;
	left: 50%;
	margin: 342px 0 0 -503px;
	z-index:250;
}

#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
		}

div#trait{
	position:absolute;
	width: 540px;
	height: 1px;
	top: 0px;
	left: 50%;
	margin: 607px 0 0 -150px;
	z-index:210;
	background-color:#000000;
}

div#presentation{
	position:absolute;
	width: 390px;
	height: auto;
	top: 0px;
	left: 50%;
	margin: 635px 0 0 0;
	z-index:225;
}

div#bienvenue{
	position:absolute;
	width: 140px;
	height: 40px;
	top: 0px;
	left: 50%;
	margin: 625px 0 0 -140px;
	z-index:220;
}

div#mentions{
	position:absolute;
	width: 200px;
	height: auto;
	top: 0px;
	left: 50%;
	margin: 705px 0 0 -480px;
	z-index:250;
}


		

/******************************/
/* polices */
/******************************/

.arial10noir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343434;
	font-style: normal;
	font-weight: normal;
}

.arial12noir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #343434;
	font-style: normal;
	font-weight: normal;
	line-height:16px;
}

.contextcond14noir{
	font-family: "contextcond", verdana;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight:normal;
}

.contextcond30gris{
	font-family: "contextcond", verdana;
	font-size: 30px;
	color: #000000;
	font-style: normal;
	font-weight:normal;
}

.contextcond36grisital{
	font-family: "contextcond", verdana;
	font-size: 36px;
	color: #B4B4B4;
	font-style: italic;
	font-weight:normal;
}

.contextcond36gris{
	font-family: "contextcond", verdana;
	font-size: 36px;
	color: #B4B4B4;
	font-style: normal;
	font-weight:normal;
}


.newcycle36grisital{
	font-family: "newcycle", verdana;
	font-size: 36px;
	color: #545454;
	font-style: italic;
	font-weight:normal;
}