/********************* Corps principal*********************/
body {
	background-image:url("img/fond.jpg");
	color:#D6D6D6;
	margin:0;
	position:relative;
	text-align:center;
	background-attachment: fixed;
	margin : 0 auto;
	font-family: Arial, serif;
	font-size:14px;
}
#page {
	margin : 0 auto;
	width:1000px;
}
/********************* En tête*********************/
#header {
	margin-bottom:5px;
	position:fixed;
	z-index:5;
	margin: auto;
}
#nav {
	clear:both;
	text-align:center;
	width:1000px;
	margin-top:190px;
	position:fixed;
	z-index:5;
}
#nav a {
	background-image:url("img/boutons2.png");
	background-position:0 486px;
	color:black;
	display:inline-block;
	height:60px;
	padding-top:14px;
	width:135px;
	text-decoration: none ; 
}
#nav a:hover {
	background-position:0 414px;
	color:black;
}
#nav a.active {background-position:0 326px;}

#buynow{
	background:url("img/buynow.png") no-repeat right;
	height:70px;
	left:1px;
	position:relative;
	top:-25px;
}

#comingsoon{
	background:url("img/comingsoon.png") no-repeat right;
	height:70px;
}
#langue{padding-bottom : 80px;}
#langues .fr, #langues .en {
	background-image:url("img/boutons2.png");
	height:12px;
	width:18px;
	position:fixed;
	opacity:0.2;
}
#langues .fr {background-position:0 215px;}
#langues .en {background-position:0 229px;}
#langues a:hover{opacity:1;}
#langues #actif{opacity:1;}
/********************* Cotés*********************/
.aside {
	display:block;
	padding-top:10px;
	width:160px;
	margin-top:197px;
}
#WinterVoices_demoBadge {
    left: -8px;
    position: fixed;
    top: -6px;
    width: 220px;
    z-index: 20;
}
#gauche {
	clear:left;
	float:left;
}
#droit {
	float:right;
	padding-left:10px;
	text-align:left;
	position:fixed;
	margin-left:840px;
	z-index:5;
}
#droit h2{
	padding-bottom:0px;
	margin-bottom:0px;
}
#section {
	overflow:hidden;
	width:100%;
	margin-left:auto;
	margin-right: auto;
}
/********************* Page d'erreurs *********************/
body.erreur #article {
	margin: 0 auto 0;
	width:680px;
}

body.erreur .footer {
	margin-top:0;
}

div.erreur {
	height:756px;
	background-repeat:no-repeat;
	background-position:50% 110px;
}

body.erreur div.erreur404 {
	height:798px;
	background-repeat:no-repeat;
	background-position:50% 150px;
}

div.erreur401 {
	background-image:url("contents/images/Illuneige.jpg");
}

div.erreur403 {
	background-image:url("contents/images/Illuneige.jpg");
}

div.erreur404 {
	background-image:url("contents/images/Illuforetombres.jpg");
}

#article div.erreur a {
	color:#303030;
	font-weight:bold;
}

#article div.erreur div {
	margin:0;
	padding:4px 10px;
	color:#303030;
	background-color:#EEEEEE;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

#article div.erreur div.recherche {
	margin-top:-30px;
}

h3.other-things {
	display:none;
}

/********************* Corps de la page*********************/
#article {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	margin-bottom:0px;
	position:relative;
	width:640px;
	z-index:3;
	text-align:justify;
}
#scroll {
	left:0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1;
	background:url("img/fond_cote.png") no-repeat scroll 50% 100%transparent;
	display:block;
	height:100%;
}
/********************* Pied de page*********************/
.footer{
	text-align: center;
	bottom:0;
	margin-top:100px;
	margin-bottom:6px;
}
/********************* Style graphique*********************/
#article a {color:white;}
h1 {color:white;}
.intro {text-align:left;}
.news {
	width:500px;
	margin:auto;
}
.news h1{text-indent: 20px;}
.trailer {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.description {
	font-style:italic;
	padding-top:10px;
	text-align:justify;
}
.jeu_description {
	text-align:justify;
}
.config {margin-left:370px;}
#artworks{
	margin-top: 20px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#artworks a{
	display:block;
	float:left;
	width:70px;
	height:70px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin-right:5px;
	border:1px solid #D6D6D6;
	margin-bottom:5px;
}
#artworks img{
	float:left;   
	position:absolute;    
	top:-45px;    
	left:-50px; 
	width: 300px;
}
#description_episode_0, #description_episode_1, #description_episode_2, #description_episode_3,
#description_episode_4, #description_episode_5, #description_episode_6 {
	font-style: italic;
	margin-bottom:5px;
}
.facebook,.twitter{
	height:25px;
	width:32px;
	display: inline-block;
	background-image:url("img/boutons2.png");
}
.facebook{background-position:0 135px;}
.twitter{background-position:0 104px;}
#collebarre a:hover.facebook {
	background-position:0 197px;
}
#collebarre a:hover.twitter {
	background-position:0 165px;
}
#collebarre{
	margin-bottom:-5px;
	padding-bottom:0px;
}
hr{
	display:block;
	margin-top:0px;
	padding-top:0px;
}
.episode, .illustrations, .artworks, .screenshots, .musique, .music{
	width:140px;
	height:30px;
	display: inline-block;
	background-image:url("img/sous_titres.png");
}
.episode{background-position:0 34px;}
.illustrations{background-position:0 0px;}
.artworks{background-position:0 153px;}
.screenshots{background-position:0 66px;}
.musique{background-position:0 124px;}
.music{background-position:0 93px;}
.home_menu, .accueil_menu, .game_menu, .jeu_menu, .aproposdenous_menu, .aboutus_menu, .arts_menu, .order_menu, .commande_menu{
	width:143px;
	height:40px;
	display: inline-block;
	background-image:url("img/titres_menu.png");
}
.home_menu{background-position:0 432px;}
.accueil_menu{background-position:0 0px;}
.game_menu{background-position:0 330px;}
.jeu_menu{background-position:0 383px;}
.aproposdenous_menu{background-position:0 276px;}
.aboutus_menu{background-position:0 223px;}
.arts_menu{background-position:0 170px;}
.order_menu{background-position:0 62px;}
.commande_menu{background-position:0 119px;}
.home, .accueil, .team, .equipe, .arts, .commande, .order, .legals, .mentions, .jeu, .game, .aboutus, .aproposdenous{
	width:251px;
	height:46px;
	display: inline-block;
	background-image:url("img/titres.png");
}
.jeu{background-position:0 0px;}
.game{background-position:0 562px;}
.aboutus{background-position:0 475px;}
.aproposdenous{background-position:0 520px;}
.home{background-position:0 380px;}
.accueil{background-position:0 420px;}
.team{background-position:0 290px;}
.equipe{background-position:0 339px;}
.arts{background-position:0 255px;}
.commande{background-position:0 215px;}
.order{background-position:0 176px;}
.legals{background-position:0 90px;}
.mentions{background-position:0 135px;}
.prev,.next{
	width: 10px;
	height: 10px;
	display:inline-block;
	background-image:url("img/boutons2.png");
}
.prev{background-position:0 64px;}
.next{background-position:0 44px;}
#accordion_texte{
	font-style:italic;
	font-size:12px;
}
#mail_non_conforme{
	color: red;
	font-weight: bold;
}
#mail_ok{ font-weight: bold; }
a img { border:medium none; }
a{ color:white; }
.commande_corps img { margin-bottom:-4px; margin-top:4px; }
/********************* Cacher le champ contre les bots*********************/
#commande_corps_nom{display:none;}
/********************* Style pour la galerue d'image*********************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; }
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	}
/*************Carrousel des news *************/
.carrousel{
	position:relative;
	overflow:hidden;}
.carrousel .next{
	position:absolute;}
.carrousel .prev{
	position:absolute;
	display:none;}
.carrousel .interieur-carrousel{
	position:relative;
	overflow:hidden;}
.carrousel .items{
	position:absolute;
	top:0;
	left:0;
	width: 10000px;}
.carrousel .item{
	display:block;
	float:left;}
#news_defil{
    width:170px; /* la largeur totale du carrousel */
    height:500px;   /* la hauteur totale du carrousel */}
#news_defil i{
	font-size:10px;}
#news_defil small{
	font-size:12px;}
#news_defil .next{
	right:0px; /* le positionnement de la flèche "suivant" par rapport à en haut à droite */
	top:65px;}
#news_defil .prev{
	left:0px; /* le positionnement de la flèche "précédente" par rapport à en haut à gauche */
	top:65px;}
#news_defil .interieur-carrousel{
	margin-left:15px; /* décalage entre le début du caroussel et l'endroit où disparaissent les images */
	margin-top:0px; /* décalage par rapport à en haut du carrousel */
	width: 160px; /* la largeur de l'interieur = (largeur d'un item + margin right d'un item)*(nombres d'item étant apparants en même temps) */
	height:500px;   /* la hauteur d'un item */}
#news_defil .item{
	text-align:left;
	font-size:12px;
	width:150px;    /* la largeur d'un item */
	margin-right:10px; /* son espacement éventuel par rapport à l'item suivant */}
/** jQuery UI CSS Framework* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.*/
/* Layout helpers----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/** jQuery UI CSS Framework* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.jpg&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a*/
/* Component containers----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url(img/javascript/ui-bg_gloss-wave_16_121212_500x100.jpg) 50% top repeat; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #adadad url(img/javascript/ui-bg_highlight-soft_35_adadad_1x100.jpg) 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(img/javascript/ui-bg_highlight-soft_60_dddddd_1x100.jpg) 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #121212 url(img/javascript/ui-bg_inset-soft_15_121212_1x100.jpg) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Misc visuals----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }