/**
 * 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;
}

#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; }

/**
 * Inscription connexion club
 ******************************************/
#inscription_connexion_club, #avantages_club
{
	background: url(../images/fonds/bg_club_accueil.jpg) right 4px no-repeat;
	margin: 0 0 20px;
	width: 275px;
	height: 269px;
}

#avantages_club{ background: url(../images/fonds/bg_club_accueil_log.jpg) right 4px no-repeat; }

#inscription_connexion_club p.accroche, #avantages_club p.accroche, div#colorbox div#cboxContent #inscription_connexion_club p.accroche
{
	clear: both;
	height: 101px;
	margin: 0 0 10px;
        display: block;
}

#avantages_club p.accroche{
    height:122px;
    margin: 10px 0 30px;
    
}

#inscription_connexion_club p.accroche a, #avantages_club p.accroche a{
    display:block;
    width: 275px;
}

/* Inscription */
#inscription_connexion_club #inscription_club, #avantages_club #inscription_club
{
	background: url(../images/fonds/bg_inscription_accueil.png) 0 0 no-repeat;
	height: 52px;
	margin: 0 0 10px;
	padding: 9px 0 0 30px;
	width: 245px;
}

#inscription_connexion_club #inscription_club p, #avantages_club #inscription_club p, div#colorbox div#cboxContent #inscription_connexion_club #inscription_club p
{
	float: left;
	margin: 8px 0 0;
}

div#colorbox div#cboxContent #inscription_connexion_club #connexion_club p {
    margin: 0;
}

div#colorbox div#cboxContent #inscription_connexion_club {
    padding: 10px;
}

#inscription_connexion_club #inscription_club a.btn, #avantages_club #inscription_club a.btn { float: right; }

/* Connexion */
#inscription_connexion_club #connexion_club .ligne, #inscription_connexion_club #connexion_club_popup .ligne { width: 275px; }

#inscription_connexion_club #connexion_club input, #inscription_connexion_club #connexion_club_popup input { vertical-align: middle; }

#inscription_connexion_club #connexion_club input.text, #inscription_connexion_club #connexion_club_popup input.text
{
	border: 1px solid #cecece;
	border-top-color: #8e8e8e;
	color: #fe6921;
	float: left;
	font-size: 10px;
	height: 16px;
	margin: 7px 8px 0 0;
	padding: 3px 5px 0;
}

#inscription_connexion_club #connexion_club input.champ_login, #inscription_connexion_club #connexion_club_popup input.champ_login { width: 58px; }
#inscription_connexion_club #connexion_club input.champ_mdp, #inscription_connexion_club #connexion_club_popup input.champ_mdp { width: 68px; }
#inscription_connexion_club #connexion_club input.error, #inscription_connexion_club #connexion_club_popup input.error { border:1px solid #ff0000; }

#inscription_connexion_club #connexion_club input.btn, #inscription_connexion_club #connexion_club_popup input.btn { float: right; }

#inscription_connexion_club #connexion_club p.error, #inscription_connexion_club #connexion_club_popup span.error {
color:#FF0000;
font-size:10px;
font-style:italic;
}

/* 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; }

#inscription_connexion_club a.mot_passe{
	font-size: 11px;
        color: #FE6722;
}

.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;
}

div#colorbox div#cboxContent #secure_nocard_popup {
    padding: 10px;
}

div#colorbox div#cboxContent #secure_nocard_popup span.error {
    color:#FF0000;
    font-size:10px;
    font-style:italic;
}

div#colorbox div#cboxContent #secure_nocard_popup #ligne_champ_login_secure_nocard_popup {
    width: 150px;
    float:left;
    padding-top:5px;
}



/**
 * Inscription connexion club
 ******************************************/
#quiz_stabylo_inscription_connexion_club
{
	background: url(../images/quiz_stabylo/popup-carrefour-stabilo.jpg) 0 0 no-repeat;
	width: 322px;
	height: 349px;
}

#quiz_stabylo_inscription_connexion_club #inscription_club {
    display: inline;
    margin-top: 92px;
    float: left;
    width: 322px;
    padding: 12px 0 10px 0;
}

#quiz_stabylo_inscription_connexion_club #inscription_club a {
    display: inline;
    margin-left: 178px;
    float: left;
    width: 120px;
    height: 37px;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup {
    display: inline;
    float: left;
    width: 322px;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup .ligne {
    display: inline;
    float: left;
    width: 170px;
    padding-left: 21px;
    padding-top: 33px;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup .ligne .text{
    display: inline;
    float: left;
    width: 65px;
    border: 1px solid #cecece;
    border-top-color: #8e8e8e;
    color: #fe6921;
    float: left;
    font-size: 10px;
    height: 16px;
    margin: 0 0 0 0;
    padding: 3px 5px 0;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup .ligne .text.champ_mdp{
    margin-left: 7px;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup .ligne .mot_passe {
    font-size: 11px;
    color: white;
    padding-top: 6px;
    display: inline;
    float: left;
    text-decoration: underline;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup .btn {
    background: none;
    border: none;
    display: inline;
    float: left;
    width: 100px;
    height: 32px;
    cursor: pointer;
    margin-top: 26px;
    margin-left: 6px;
}

#quiz_stabylo_inscription_connexion_club #connexion_club_popup input.error { border:1px solid #ff0000; }

#quiz_stabylo_inscription_connexion_club #connexion_club_popup span.error {
color:#FF0000;
font-size:10px;
font-style:italic;
font-weight:bold;
}