/**
 * Fichier : accueil.css
 * Description : styles spécifiques à la HP
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Structure générique
 ******************************************/
#accueil #contenu .col
{
	float: left;
	margin: 0 28px 0 0;
	width: 290px;
}

#accueil #contenu .col_dernier
{
	float: right;
	margin: 0;
	width: 275px;
}

/**
 * Evènement
 ******************************************/
#accueil .evenement
{
	background: #fff;
	border: 1px dotted #ff3a25;
	clear: both;
	overflow: hidden;
	padding: 1px;
	position: relative;
	zoom: 1;
}

#accueil .highlight_big { height:410px; }

#accueil .evenement .titre_bulle
{
	left: 8px;
	position: absolute;
	top: 8px;
        z-index: 100;
}

#accueil .evenement .accroche
{
	bottom: 8px;
	font-size: 18px;
	left: 8px;
	position: absolute;
	text-transform: uppercase;
	
	/*text-shadow: #000 0 0 5px;
	-webkit-text-shadow: #000 0 0 5px;
	filter: Shadow(Color=#333333, Direction=135, Strength=3);*/
}

#accueil .img_medium .accroche { bottom:150px }

#accueil div.text{
    font-weight: bold;
    color: #FE6722;
    padding: 0 10px;
}

#accueil div.text h1{ font-size:38px; }

#accueil div.text h2{ font-size:18px; }

#accueil .evenement a { text-decoration: none; }

#accueil .evenement .accroche span,
#accueil .evenement .accroche strong { display: block; }

#accueil .evenement .accroche strong { font-size: 38px; }

#accueil .evenement a.visuel img
{
	display: block;
	width: 100%;
}

/**
 * Vidéo
 ******************************************/
#accueil .video
{
	background: #fff;
	border: 1px dotted #ff3a25;
	clear: both;
	padding: 8px;
}

#accueil .video .anim_flash
{
	display: block;
	/*margin: 0 0 15px; */
	text-align: center;
}

#accueil .video p.accroche
{
	font-size: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

#accueil .video p.accroche span,
#accueil .video p.accroche strong { display: block; }

#accueil .video p.accroche strong { font-size: 38px; }

#accueil .video p.description
{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

/**
 * Mise en avant
 ******************************************/
#accueil .mise_en_avant
{
	background: #fff;
	border: 1px dotted #ff3a25;
	clear: both;
	padding: 8px;
}

#accueil .fullpreview { 
	position:relative; 
	padding: 1px;
}

#accueil .mise_en_avant .visuel
{
	float: left;
	margin: 0 15px 0 0;
}

#accueil .mise_en_avant .description
{
	float: left;
	width: 160px;
        font-weight: bold;
}

#accueil .fullpreview .description {
	position:absolute;
	top:8px;
	left:8px;
}


#accueil .mise_en_avant .description p { font-weight: bold; }

/* Jeux accueil */
#envie_jouer { margin: 15px 0 0; }

#envie_jouer .jcarousel-container
{
	position: relative;
	padding: 0 22px;
	width: 246px;
}

#envie_jouer .jcarousel-prev,
#envie_jouer .jcarousel-next
{
	background: url(../images/boutons/btn_carrousel.png) no-repeat;
	cursor: pointer;
	height: 96px;
	position: absolute;
	top: 0;
	width: 22px;
}

#envie_jouer .jcarousel-prev
{
	background-position: 0 0;
	left: 0;
}

#envie_jouer .jcarousel-next
{
	background-position: -22px 0;
	right: 0;
}

#envie_jouer .jcarousel-prev-disabled,
#envie_jouer .jcarousel-next-disabled { cursor: default; }

#envie_jouer .jcarousel-prev-disabled { background-position: 0 -96px; }
#envie_jouer .jcarousel-next-disabled { background-position: -22px -96px; }

#envie_jouer .jcarousel-clip
{
	height: 96px;
	position: relative;
	overflow: hidden;
	width: 246px;
	z-index: 2;
}

#envie_jouer ul#liste_jeux
{
	background:	#f4e1e2;
	padding: 1px 0 1px 1px;
}

#envie_jouer .jcarousel-clip ul#liste_jeux
{
	left: 0;
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 1;
        height: 96px;
}

#envie_jouer ul#liste_jeux li
{
	float: left;
	height: 94px;
	padding: 0 1px 0 0;
	width: 81px;
	cursor:pointer;
}

#envie_jouer ul#liste_jeux li a
{
	background: #fff;
	display: block;
	height: 92px;
	overflow: hidden;
	padding: 1px;
	width: 79px;
}

#envie_jouer ul#liste_jeux li a img { display: block; }

.birthday_list, .last_register_list {
	padding-top: 10px;
	color: #FE6722;
	clear: both;
}

.marquee {
	width:790px;
	height:13px;
	position:relative;
	overflow:hidden;
}

.marquee .element {
	white-space: nowrap;
	position:absolute;
}

.birthday_list label, .last_register_list label, .birthday_list .marquee, .last_register_list .marquee {
	float: left;
}

.birthday_list label {
	width: 105px;
}
.birthday_list .marquee {
	width: 805px;
}

.last_register_list label {
	width: 120px;
}
.last_register_list .marquee {
	width: 790px;
}