@CHARSET "UTF-8";

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

}

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

body {
	background-color: black;
  color: white;
	font-family: BerkeleyBookItalic;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	/*font-weight: bold;*/

  padding: 0px;
  margin: 0px;
}

a {
	color: white;
}

.main {
	position: relative;
	margin-left: 5%;
	width: 95%;
	overflow: hidden;
}

.left_content {
	float: left;
	width: 10%;
}

.center_image {
	position: relative;
	float: left;
	width: 82%;
	height: 100%;
  text-align: center;
}

.center_image img {
	width: 100%;
}

.album {
	float: left;
	width: 7%;
	position: relative;
	height: 100%;
}

.content {
	margin-left: 10%;
	width: 80%;
	margin-top: 40px;
}

.album_img {
	max-width: 100%;

	
	width: 100%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.album_img_link {
  background-color: black;
  margin-bottom: 5px;
  display: inline-block;
  overflow: hidden;
}

.album_img.hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.button_up {
	background: url(../images/up.png) center center no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 40px;
}

.button_down {
	background: url(../images/down.png) center center no-repeat;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 40px;
}

.button_up, .button_down {
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.button_up.hover, .button_down.hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.album_scrollable {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 40px;
	top: 40px;
	overflow: hidden;
}

.album_inside {
	position: absolute;
	top: 0px;
	width: 100%;
}