@charset "utf-8";

@import "meyer-reset.css";


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000;
	color:#fff;
}

body#homepage {
	background-image:url(/images/pages/homepage.jpg);
}
body#dvd {
	background-image:url(/images/pages/dvd.jpg);
	background-color:#103c45;
}
body#videos {
	background-image:url(/images/pages/videos.jpg);
}
body#images {
	background-image:url(/images/pages/images.jpg);
}
body#game {
	background-image:url(/images/pages/game.jpg);
	background-color:#7b9fb8;
}
body#awards {
	background-image:url(/images/pages/awards.jpg);
}
body#history {
	background-image:url(/images/pages/history.jpg);
}

small {
	font-size:75%;
}
h1 {
	font-size:48px;
	color:#fff;
	text-align:left;
}

h2 {
	font-size:20px;
	font-weight:bold;
	color:#fdca00;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	font-size:14px;
	font-weight:normal;
	color:#fdca00;
	margin-bottom:5px;
}

p {
	line-height:1.4;
	margin-bottom:1.3em;
}

a:link, a:visited {
	color:#fff;
}
a:hover, a:focus {
	color:#ffbc23;
}

#content ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom:1.3em;
	margin-left:16px;
}
#content li {
	line-height:1.3;
	margin-bottom:3px;
}


img {
	border:0;
}

.no-border {
	border:none;
	text-decoration:none;
}

#wrapper {
	width:990px;
	padding-bottom:60px;
	border:0px dashed #f00;
	margin:0 auto;
}

body.blank #wrapper {
	width:600px;
}
body.blank #page {
	padding-top:0;
}
body.blank #nav {
	display:none;
}
body.blank #products-image {
	display:none;
}
body.blank #footer {
	display:none;
}

body.blank #content {
	text-align:justify;
}

body.blank .column-a {
	display:none;
}
body.blank .column-b {
	float:none;
	width:600px;
}


/*====================================================================
                                                                  #nav
*/
#nav-outer {
	height:50px;
	background-color:#322b25;
	background-image:url(/images/nav/nav-bg.gif);
	background-repeat:repeat-x;
}
#nav {
	background-color:#322b25;
	height:50px;
	width:990px;
	margin:0 auto;
}
#nav ul {
	background-color:#333;
}
#nav ul li {
	background-color:#0066CC;
	display:inline;
}
#nav ul li a:link, #nav ul li a:visited {
	color:#ccc;
	background-color:#222;
	display:block;
	float:left;
	height:34px;
	padding:16px 0 0 0;
	margin-right:0;
	text-indent:-1000em;
	cursor:pointer;
}
#nav ul li a:hover, #nav ul li a:focus {
}


/* Homepage
*/
#nav li a#nav-homepage:link, #nav li a#nav-homepage:visited {
	width:104px;
	background-image:url(/images/nav/homepage.gif);
}
#nav li a#nav-homepage:hover, #nav li a#nav-homepage:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-homepage, #nav li.current-menu a#nav-homepage {
	background-position:0 -100px;
}
/* dvd
*/
#nav li a#nav-dvd:link, #nav li a#nav-dvd:visited {
	width:168px;
	background-image:url(/images/nav/dvd.gif);
}
#nav li a#nav-dvd:hover, #nav li a#nav-dvd:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-dvd, #nav li.current-menu a#nav-dvd {
	background-position:0 -100px;
}
/* videos
*/
#nav li a#nav-videos:link, #nav li a#nav-videos:visited {
	width:103px;
	background-image:url(/images/nav/videos.gif);
}
#nav li a#nav-videos:hover, #nav li a#nav-videos:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-videos, #nav li.current-menu a#nav-videos {
	background-position:0 -100px;
}
/* images
*/
#nav li a#nav-images:link, #nav li a#nav-images:visited {
	width:181px;
	background-image:url(/images/nav/images.gif);
}
#nav li a#nav-images:hover, #nav li a#nav-images:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-images, #nav li.current-menu a#nav-images {
	background-position:0 -100px;
}
/* game
*/
#nav li a#nav-game:link, #nav li a#nav-game:visited {
	width:68px;
	background-image:url(/images/nav/game.gif);
}
#nav li a#nav-game:hover, #nav li a#nav-game:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-game, #nav li.current-menu a#nav-game {
	background-position:0 -100px;
}
/* awards
*/
#nav li a#nav-awards:link, #nav li a#nav-awards:visited {
	width:165px;
	background-image:url(/images/nav/awards.gif);
}
#nav li a#nav-awards:hover, #nav li a#nav-awards:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-awards, #nav li.current-menu a#nav-awards {
	background-position:0 -100px;
}
/* history
*/
#nav li a#nav-history:link, #nav li a#nav-history:visited {
	width:201px;
	background-image:url(/images/nav/history.gif);
}
#nav li a#nav-history:hover, #nav li a#nav-history:focus {
	background-position:0 -50px;
}
#nav li.current-menu a#nav-history, #nav li.current-menu a#nav-history {
	background-position:0 -100px;
}
/* End: #nav
*/


#page {
	padding-top:85px;
}


.column-a {
	float:left;
	width:414px;
}

.column-b {
	color:#fff;
	float:right;
	width:576px;
	padding-bottom:20px;
}

.column-b-content {
	background-color:#000;
	padding:12px 20px 20px 20px;
	min-height:260px;
}

.column-b-video {
	background-color:#000;
	padding:0 8px 8px 8px;
	min-height:360px;
}

body#homepage .column-b-video {
	height:303px;
	min-height:313px;
}

img.block-image {
	display:block;
}

#products-image {
	border:0px solid #f00;
	margin-top:25px;
	margin-bottom:20px;
	font-size:24px;
	color:#fff;
	text-align:center;
}
#products-image img {
	display:block;
}


/*====================================================================
                                                             Game form
*/
form#game-form {
	background-color:#222;
	width:520px;
	padding:15px;
	margin:0 auto;
}
/*
form#game-form a:link, form#game-form a:visited {
	color:#fff;
}
form#game-form a:hover, form#game-form a:focus {
	color:#f00;
}
*/
form#game-form .form-field {
	margin-bottom:8px;
	text-align:left;
	overflow:auto;
}

form#game-form .checkbox-line {
	margin-bottom:5px;
	text-align:right;
}

form#game-form .form-field label {
	font-weight:normal;
	color:#ddd;
	line-height:1.4;
	width:160px;
	padding-right:5px;
	text-align:right;
	display:block;
	float:left;
}

form#game-form .required {
	color:#f00;
}

form#game-form .form-submit {
	text-align:right;
}

form#game-form .form-submit {
	background-color:#333333;
	padding:8px 15px;
	margin:15px -15px -15px -15px;
}

form#game-form .text-input {
	border:1px solid #000;
	padding:2px 3px;
}

form#game-form input.email {
	width:320px;
}
form#game-form input.name {
	width:200px;
}
form#game-form input.zipcode {
	width:100px;
}

#logos {
	width:990px;
	border:0px solid #f00;
	clear:both;
}
#logos img {
	margin-right:10px;
}



.separator-box {
	border-bottom:1px solid #5c5854;
	margin-bottom:20px;
}

.dvd-product {
	overflow:hidden;
	margin-bottom:20px;
}

.dvd-cover {
	float:left;
	width:185px;
	margin-right:15px;
}

.dvd-presentation {
	float:right;
	width:334px;
}

.order-button {
	margin-top:12px;
}




#playlist {
	display:block;
	clear:both;
}

#content ul.playlist-ul {
background-color:#000;
	overflow:auto;
	margin:0;
	padding:0px 0 0 0;
	list-style-type:none;
	list-style-position:outside;
}
ul.playlist-ul li {
	/*background-color:#FF3399;*/
	background-color:#111;
	list-style-type:none;
	list-style-position:outside;
}

ul.playlist-ul li a:link, ul.playlist-ul li a:visited {
	color:#ffbc23;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
ul.playlist-ul li a:hover, ul.playlist-ul li a:focus {
	color:#ffbc23;
	text-decoration:underline;
}


ul.playlist-ul li.playlist-highlight {
	background-color:#402f09;
}
ul.playlist-ul li.playlist-highlight .duration {
	/*color:#000;*/
	font-weight:bold;
}
ul.playlist-ul li.playlist-highlight a:link, ul.playlist-ul li.playlist-highlight a:visited {
	/*color:#000;*/
}




.thumbnail {
	width:120px;
	float:left;
	margin-right:5px;
}
.thumbnail img {
	display:block;
}
.video-text {
	/*background-color:#3399FF;*/
	width:150px;
	float:left;
	font-size:11px;
}
.duration {
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


#footer {
	clear:both;
	width:990px;
	margin:20px auto 0px auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#footer p {
	font-size:11px;
	margin:0;
	color:#ccc;
	line-height:1.2;
}
#footer p a:link, #footer p a:visited {
	color:#ccc;
	text-decoration:none;
}
#footer p a:hover, #footer p a:focus {
	color:#fff;
	text-decoration:underline;
}

#footer p small {
	color:#444;
	font-size:9px;
	line-height:1.2;
}






.overflow-auto {
	overflow:auto;
}

.centered {
	text-align:center;
}


/*====================================================================
                                                   form error messages
*/
.field-error-message {
	color:#a00;
	font-weight:normal;
	font-size:1em;
	background-color:transparent;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	border-bottom:0px solid #f00;
	margin:0;
}

form#game-form .field-error-message {
	font-size:10px;
}

form#game-form p.field-error-message {
	padding-left:165px;
}

.field-error {
	color:inherit;
	background-color:#ffefef;
	padding:5px 0 5px 0;
	border:none;
	margin:0;
}

/*Contexte historique*/

.column-b-content sub, .column-b-content sup, #footer sub, #footer sup {
	/*font-size:.83em;*/
	font-size:9px;
	line-height:0.0em;
	padding:0 2px 0 2px;
}
.column-b-content sub, .column-b-content sup {
	background-color:#1a1304;
}
.column-b-content sup, #footer sup {
	vertical-align:super;
}

ol.footnotes {
	margin-left:3em;
	list-style-type:decimal;
	list-style-position:outside;
	font-size:11px;
}

.column-b-content h2 {
	margin-bottom:10px;
}

.column-b-content a:link, .column-b-content a:visited {
	color:#ffbc23;
}

.column-b-content sup a:link, .column-b-content sup a:visited {
	text-decoration:none;
}

a.cite_ref {
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
/**/

/*
Special case: this has to override any other rule applied to the same element
*/
.hide {
	display:none;
}