/**
 * Fichier : global.css
 * Description : styles génériques du site
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Reset
 ******************************************/
*
{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html, body
{
	font-family: Arial, Verdana, "trebuchet MS", sans-serif;
	height: 100%;
	line-height: 1;
}

a img, fieldset { border: 0; }

a * { cursor: pointer; }

ol { list-style-position: inside; }

ul { list-style: none; }

textarea, input { font: 12px Arial, Verdana, "trebuchet MS", sans-serif; }

sup { vertical-align: top; }

strong { font-weight: bold; }

em { font-style: italic; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * Eléments génériques
 ******************************************/
body
{
	background: #e60048 url(../images/fonds/bg_body.jpg) 0 0 no-repeat;
	font-size: 12px;
}
 
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.no_background {background: none;}


/**
 * Classes génériques
 ******************************************/
/* Titres */
.titre_bulle
{
	color: #fff;
	font-family: Dax, Arial, Verdana, sans-serif;
	font-size: 14px;
	height: 30px;
	line-height: 24px;
	margin: 0 0 5px;
}

.titre_bulle a
{
	color: #fff;
	text-decoration: none;
}

.titre_bulle a,
.titre_bulle span
{
	background: url(../images/fonds/bg_titre_bulle.png) no-repeat;
	float: left;
	height: 30px;
	padding: 0 9px 0 0;
}

.titre_bulle a span,
.titre_bulle span span
{
	height: 24px;
	padding: 0 0 6px 10px;
}

.titre_bulle.rouge a,
.titre_bulle.rouge span { background-position: right -31px; }
.titre_bulle.rouge a span,
.titre_bulle.rouge span span { background-position: 0 0; }

.titre_bulle.vert a,
.titre_bulle.vert span { background-position: right -93px; }
.titre_bulle.vert a span,
.titre_bulle.vert span span { background-position: 0 -62px; }

.titre_bulle.jaune a,
.titre_bulle.jaune span { background-position: right -155px; }
.titre_bulle.jaune a span,
.titre_bulle.jaune span span { background-position: 0 -124px; }

.titre_bulle.rose a,
.titre_bulle.rose span { background-position: right -217px; }
.titre_bulle.rose a span,
.titre_bulle.rose span span { background-position: 0 -186px; }

.titre_bulle.orange a,
.titre_bulle.orange span { background-position: right -279px; }
.titre_bulle.orange a span,
.titre_bulle.orange span span { background-position: 0 -248px; }

.titre_bulle.blanc a,
.titre_bulle.blanc span { background-position: right -342px; }
.titre_bulle.blanc a span,
.titre_bulle.blanc span span { background-position: 0 -310px; }

.titre_bulle.bleu a,
.titre_bulle.bleu span { background-position: right -404px; }
.titre_bulle.bleu a span,
.titre_bulle.bleu span span { background-position: 0 -373px; }


/* Couleurs */
.txt_blanc, .txt_blanc a, .texte_blanc { color: #fff !important; }
.txt_orange, .txt_orange a, .texte_orange { color: #fe6722 !important; }
.txt_rouge, .txt_rouge a, .texte_rouge { color: #ff3a25 !important; }
.txt_rose, .txt_rose a, .texte_rose { color: #fc1a67 !important; }
.txt_vert, .txt_vert a, .texte_vert { color: #4ace25 !important; }
.txt_bleu, .txt_bleu a, .texte_bleu { color: #149cfc !important; }
.texte_jaune { color: #FCBB1A; }


/* Divers */
.invisible
{
    background: 0 !important;
    border: 0 !important;
    display: block !important;
    float: none !important;
    height: 1px !important;
    list-style: none !important;
    margin: -1px 0 0 -1px !important;
    position: absolute !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
}

.clear { clear: both; }

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.hidden {display:none;}


/**
 * Structure générique
 ******************************************/
#global
{
	margin: 0 auto;
	padding: 38px 0 0;
	position: relative;
	width: 961px;
	zoom: 1;
}

#header
{
	background: url(../images/fonds/bg_header.png) 0 0 no-repeat;
	height: 165px;
	padding: 6px 26px 0 36px;
}

#contenu
{
	background: #fff;
	clear: both;
	padding: 0 1px;
}

#principal
{
}

#colonne
{
}

#footer
{
	background: url(../images/fonds/bg_footer.png) 0 0 no-repeat;
	color: #fff;
	font-size: 10px;
	padding: 53px 0 20px;
	text-align: center;
}

/**
 * Header
 ******************************************/
#header h1
{
	margin: 19px 0 0 0;
	float: left;
}

#header #connexion_navigation
{
	background: url(../images/fonds/bg_pointilles_blanc.png) 0 32px repeat-x;
	float: right;
	margin: 12px 0 0;
	width: 670px;
}

#header #connexion_navigation.log
{
	background-position: 0 44px;
	margin: 0;
}

/* Message utilisateur */
#header #msg_utilisateur
{
	color: #fff;
	height: 21px;
	line-height: 21px;
	margin: 0 0 22px;
	padding: 0 3px 0 0;
	text-align: right;
}

#header .log #msg_utilisateur
{
	height: 40px;
	line-height: 40px;
	margin: 0 0 15px;
}

#header #msg_utilisateur p { display: inline; }

#header #msg_utilisateur p .avatar
{
	border: 2px solid #fff;
	margin: 0 19px 0 0;
	vertical-align: middle;
}

#header #msg_utilisateur a.btn { margin: 12px 0 0 100px; }
#header #msg_utilisateur a.btn img { vertical-align: middle; }


/* Navigation */
ul#navigation
{
	height: 58px;
	width: 670px;
}

ul#navigation.js
{
	left: 265px;
	position: absolute;
	top: 99px;
}

ul#navigation li
{
	float: left;
	margin: 0 1px 0 0;
	position: relative;
	zoom: 1;
}

ul#navigation li#nav_espace { width: 137px; }
ul#navigation li#nav_kids_mag { width: 117px; }
ul#navigation li#nav_jeux { width: 97px; }
ul#navigation li#nav_bonus { width: 132px; }

ul#navigation li#nav_coin_grands
{
	float: right;
	margin: 0;
	width: 153px;
}

ul#navigation li a
{
	background: url(../images/boutons/btn_navigation.png) no-repeat;
	display: block;
	height: 58px;
}

ul#navigation li#nav_espace a { background-position: 0 0; }
ul#navigation li#nav_espace a:hover,
ul#navigation li#nav_espace.on a { background-position: 0 -58px; }

ul#navigation li#nav_kids_mag a { background-position: -138px 0; }
ul#navigation li#nav_kids_mag a:hover,
ul#navigation li#nav_kids_mag.on a { background-position: -138px -58px; }

ul#navigation li#nav_jeux a { background-position: -256px 0; }
ul#navigation li#nav_jeux a:hover,
ul#navigation li#nav_jeux.on a { background-position: -256px -58px; }

ul#navigation li#nav_bonus a { background-position: -354px 0; }
ul#navigation li#nav_bonus a:hover,
ul#navigation li#nav_bonus.on a { background-position: -354px -58px; }

ul#navigation li#nav_coin_grands a { background-position: -486px 0; }
ul#navigation li#nav_coin_grands a:hover,
ul#navigation li#nav_coin_grands.on a { background-position: -486px -58px; }

ul#navigation li .sous_nav
{
	background: url(../images/fonds/bg_sous_nav.png) no-repeat;
	display: none;
	left: -1px;
	padding: 11px 0 0;
	position: absolute;
	top: 58px;
	z-index: 500;
}

ul#navigation li.on .sous_nav { display: block !important; }

ul#navigation li#nav_espace .sous_nav { background-position: 0 0; left: 0; width: 138px; }
ul#navigation li#nav_kids_mag .sous_nav { background-position: -414px 0; width: 119px; }
ul#navigation li#nav_jeux .sous_nav { background-position: -771px 0; width: 99px; }
ul#navigation li#nav_bonus .sous_nav { background-position: -1068px 0; width: 133px; }
ul#navigation li#nav_coin_grands .sous_nav { background-position: -1467px 0; left: 0; width: 153px; }

ul#navigation li .sous_nav ul
{
	background: url(../images/fonds/bg_sous_nav.png) no-repeat;
	padding: 0 0 11px;
}

ul#navigation li#nav_espace .sous_nav ul { background-position: -276px bottom; }
ul#navigation li#nav_kids_mag .sous_nav ul { background-position: -652px bottom; }
ul#navigation li#nav_jeux .sous_nav ul { background-position: -969px bottom; }
ul#navigation li#nav_bonus .sous_nav ul { background-position: -1334px bottom; }
ul#navigation li#nav_coin_grands .sous_nav ul { background-position: -1773px bottom; }

ul#navigation li.on .sous_nav ul
{
	display: block;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 12px;
        font-weight: bold;
	text-transform: uppercase;
}

ul#navigation li .sous_nav ul li
{
	background: url(../images/fonds/bg_sous_nav.png) repeat-y;
	float: none;
	line-height: 14px;
	margin: 0;
	padding: 0 15px;
}

ul#navigation li#nav_espace .sous_nav ul li { background-position: -138px 0; }
ul#navigation li#nav_kids_mag .sous_nav ul li { background-position: -533px 0; }
ul#navigation li#nav_jeux .sous_nav ul li { background-position: -870px 0; }
ul#navigation li#nav_bonus .sous_nav ul li { background-position: -1201px 0; }
ul#navigation li#nav_coin_grands .sous_nav ul li { background-position: -1620px 0; }

ul#navigation li .sous_nav ul li a
{
	background: url(../images/fonds/bg_pointilles_nav.png) 0 bottom repeat-x !important;
	height: auto;
	padding: 10px 0;
	text-decoration: none;
	
	!min-height: 1px;
	_height: 1px;
}

ul#navigation li .sous_nav ul li.dernier a { background: 0 !important; }

ul#navigation li#nav_espace .sous_nav ul li a { color: #d15b0a; }
ul#navigation li#nav_kids_mag .sous_nav ul li a { color: #fdda81; }
ul#navigation li#nav_jeux .sous_nav ul li a { color: #fdda81; }
ul#navigation li#nav_bonus .sous_nav ul li a { color: #fdda81; }
ul#navigation li#nav_coin_grands .sous_nav ul li a { color: #fdda81; }

ul#navigation li .sous_nav ul li a:hover { color: #fff !important; }

/**
 * Contenu
 ******************************************/
#contenu #corps_contenu
{
	background: url(../images/fonds/bg_contenu.png) 0 bottom repeat-x;
	padding: 0 24px;
	position: relative;
	width: 911px;
}

/* Fil d'Ariane */
#contenu #fil_ariane
{
	color: #ff2e2c;
	font: normal normal 10px/12px Arial;
	margin: 0 0 5px;
	text-transform: uppercase;
}

#contenu #fil_ariane a
{
	color: #ff2e2c;
	margin: 0 2px;
}

#contenu #fil_ariane strong { font-weight: normal; }

#contenu h2.titre_page
{
	font-size: 23px;
	font-weight: bold;
	margin: 0 0 15px;
	text-transform: uppercase;
        width: 725px;
}

/**
 * Footer
 ******************************************/
#footer * { display: inline; }
#footer a { color: #fff; }
#footer ul { text-transform: uppercase; margin: 0 0 0 -7px; }
#footer ul li { margin: 0 3px 0 0; }
#footer ul li a { margin: 0 3px 0 0; }


/**
* Popup
*****************************************/
div#colorbox div#cboxContent div#popup_content{
    padding:10px;
}

div#colorbox div#cboxContent h2{
    color:#fc6417;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

div#colorbox div#cboxContent h3{
    color:#fc6417;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
}

div#colorbox div#cboxContent p{
    color:#8e8e8e;
    margin: 0 0 10px;
}

div#colorbox div#cboxContent p.error{
    color:#FF5929;
    margin: 0 0 10px;
}

div#colorbox div#cboxContent input.file{
    height: 20px;
}

div#colorbox div#cboxContent p.btn_impression_bulletin{text-align:center;}

div#colorbox div#cboxContent p.btn_impression_bulletin a.back_without_print{
    color: #8E8E8E;
    font-style: italic;
}

div#colorbox div#cboxContent div.center{
    text-align: center;
}

div#colorbox div#cboxLoadedContent{

}


#frm_request_password input[type=text] {
	width: 250px;
}
#frm_request_password input[type=image] {
	vertical-align: top;
}

a.lightbox_close_link {
	font-style: italic;
	color: #8E8E8E;
	font-size: 10px;
}
#item_main_image {
	min-height: 250px;
	max-height: 500px;
}