/********************/
/*   Copyright (C) 2008
/*   www.bricabrac-story.com
/*
/*   Version 1.0
/*   Derniere modification : 13.07.2008
/*
/*   WebTeam :
/*   Adrien "CaYuS" Toupet - contact@cayus.net [Code]
/*   Emeline Degand - degand.e@gmail.com  [Graphisme]
/*   Maud Bourotte - maudbourotte@caudeville.com  [Graphisme]
/*
/********************/

body
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a, a:link, a:visited
{
	color: #640100;
	text-decoration: none;
	font-weight: bold;
}
a:hover 
{
	color: #FF9900; 
}
h1 img
{
	border: 0;
}
p, h1
{
	margin: 0;
	padding: 0;
}
h1
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	display: inline;
}
#global, #global_player_small, #global_player_medium, #global_player_large, #global_player_hd
{
	position: absolute;
	left: 50%; 
	top: 50%;
	text-align: center;
}
#global
{
	width: 600px;
	height: 500px;
	margin-left: -300px;
	margin-top: -250px;
}
#global_player_small
{
	width: 550px;
	height: 330px;
	margin-left: -275px;
	margin-top: -165px;
}
#global_player_medium
{
	width: 640px;
	height: 442px;
	margin-left: -320px;
	margin-top: -221px;
}
#global_player_large
{
	width: 1024px;
	height: 666px;
	margin-left: -512px;
	margin-top: -343px;
}
#global_player_hd
{
	width: 1280px;
	height: 810px;
	margin-left: -640px;
	margin-top: -405px;
}
.resolution
{
	display: inline;
}
#legende
{
}
#copyright
{
	margin-top: 20px;
	font-size: 10px;
}
.small
{
	font-size: 9px;
}
.medium
{
	font-size: 11px;
}
.large
{
	font-size: 13px;
}
.hd
{
	font-size: 15px;
}

/* Video player styles */
#videoContainer {
	display: inline-block;
	background-color: #000000;
}

video {
	background-color: #000000;
	display: block;
}

/* Additional styles for error page */
#error-message {
	font-size: 14px;
	line-height: 1.6;
	margin: 20px 0;
}
#error-code {
	font-size: 48px;
	color: #640100;
	font-weight: bold;
	margin: 20px 0;
	letter-spacing: 3px;
}
#error-icon {
	font-size: 64px;
	margin: 20px 0;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
.home-button {
	display: inline-block;
	padding: 10px 20px;
	margin: 20px 0;
	background-color: #640100;
	color: #FFFFFF !important;
	text-decoration: none;
	border-radius: 3px;
	transition: background-color 0.3s;
}
.home-button:hover {
	background-color: #FF9900;
}