/************
 * Contient tout ce qui concerne le menu et le header.
 ************/


/**************** HEADER ****************/
#header
{
    width:100%;
    height:100px;
}
/* FORMULAIRE CONNEXION */
#form_login
{
    height:82px; /* 48 */
    width:1000px;
    margin:auto;
    padding:0;
}
/* TABLEAU DE BORD */
#tab
{
    height:52px; 
    width:1050px;
    padding-left:40px;
    position:fixed; 
    top:0px;
    z-index:5000;
    background:url(../images/fond_tab.png) 36px 0px no-repeat;
}
#tab ul
{
    list-style-type:none;
    color:#FFF;
    height:50xp;
}
/* SI CONNECTE TAB INFO LARGEUR DEFINIE */
#tab ul#tab_info
{
    float:left;
    width:860px;
}
/* SI NON CONNECTE TAB INFO TOUTE LA LARGEUR */
#tab ul#tab_info2
{
    float:left;
    width:100%;
}
#tab ul li
{
    float:left;
    display:block;
    text-align:center;
    text-shadow: 2px 2px 5px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
}
#tab ul li.tab_ext img, #tab ul li.tab_int img
{
    margin-right:4px;
}
#tab ul li.tab_ext
{
    width:160px;
    height:100%;
    line-height:48px;
    font-size:17px;
}#tab ul li.tab_ext a
{
    color:#FFF;
    text-decoration: none;
}
#tab ul li#tab_ext1
{
    background:url(../images/tab1.png) no-repeat;
    margin-right:4px;
}
#tab ul li#tab_ext2
{
    background:url(../images/tab3.png) no-repeat;
    margin-left:4px;
}
#tab ul li.tab_int
{
    width:140px;
    height:100%;
    background:url(../images/tab2.png) no-repeat;
    line-height:48px;
    font-size:17px;
}
#tab ul li#avatar
{
    height:48px;
    width:48px;
    padding-left:3px;
    padding-right:3px;
}
/* SI CONNECTE SWITCH SITE/JEU */
#tab ul#switch
{
    width:127px;/*ancien 124px -- à voir si ça ne dépasse pas avec la bordure*/
    margin-left:825px;
    position:absolute;
    z-index:100;
}
#tab ul#switch li#site_un /* site uniquement */
{
    float:left;
    margin-top:-34px;
    margin-left:-4.5px;
}
#tab ul#switch li#jeu
{
    float:right;
}
#tab ul li ul
{
    margin-right:4px;
}	
#tab ul li ul li
{
    clear:both;
    height:20px;
    width:195px;
    border:solid 1px #1c3239;
    background:#28505c;
}
#tab ul li ul li#titre
{
    color:#b3c8cd;
    margin-top:4px;
}
.icone_classement {
    margin-bottom:-3px;
}
#masque_page_sauf_jeu
{
    position:absolute; 
    z-index:50; 
    margin-left:-700px; 
    width:2400px; 
    height:2000px; 
    background-color: rgba(17, 26, 28, 0.8);
    display:none;
}
#logo
{
    margin:-13px 0 0 50px;
    float:left;
}
#lang
{
    float:right;
    margin:36px 75px 0 0;
}
#lang ul
{
    list-style-type:none;
}
#lang ul li
{
    float:left;
    width:36px;
    height:39px;
    margin-left:4px;
}
#lang ul li a
{
    width:36px;
    height:39px;
    display:block;
}
#lang ul li.langues
{
    background:url(../images/lang/langues.png) no-repeat;
}
#lang ul li#uk
{
    background-position: -51px -54px;
}
#lang ul li#uk:hover
{
    background-position: -97px -54px;
}
#lang ul li#uk:active
{
    background-position: -97px -5px;
}
#lang ul li#fr
{
    background-position: -5px -5px;
}
#lang ul li#fr:hover
{
    background-position: -5px -54px;
}
#lang ul li#fr:active
{
    background-position: -51px -5px;
}





/***************** MENU ****************/
#menu_large
{
    width:1000px;
    margin:auto;
    padding-top:2px;
}
div#menu
{
	/*width:80px;*/
	
	position:relative;
	
	width:580px;
	
	padding:0 40px 7px 40px;
	
	height:100px; /* 93 de hauteur + padding-bottom de 7px plus grande zone de clickabilite et arrondie de la valeur */
	margin:auto;
	top:12px;
}

#menu a:link, #menu a:visited {text-decoration:none;} 
#menu div.pann
{
	height:70px;
	width:330px;
	
	position:absolute;
	z-index:500; /*pour �tre au-dessus du menu*/
}
#menu div#pann1
{
	background:#111a1c url(../images/log.png) right bottom no-repeat;
	
	bottom:14px;
	left:0;
}
#menu div#pann2
{
	background:#111a1c url(../images/lod.png) left bottom no-repeat;
	
	bottom:14px;
	right:0;
}
#menu div#nav
{
	border-top:solid 1px #273337;
	width:580px;
	margin:auto;
	height:45px;
	background:#1b282c;
}
#menu div#btn_menu
{
	width:82px;
	height:47px;
	margin:auto;
	margin-bottom:-24px;/*mouais*/
	z-index:1000; /*pour �tre au dessus du masque*/
	position:relative;
}
#menu ul
{
	font-size:14px;
	padding-top:17px;
	color:#FFF;
	float:left;
}
#menu ul a:link, #menu ul a:visited {color:#FFF;} 
#menu ul li
{
	float:left;
	list-style-type:none;
	display:block;
	
	height:27px;
	line-height:27px;
	padding:0 20px;
	border-right:solid 1px #bd2c04;
	text-align:center;
	min-width:38px;
}
#menu ul li:hover
{
	background:url(../images/hover_btn_menu.png) repeat-x;
}
#menu ul.sous_menu, div.sous_menu /*pour les menus sans sous onglets*/
{
	/*height:24px; // 25 px de hauteur moins la border-top 1px */
	
	/*** height plus grand pour le survol test n�1 ***/
	height:53px; /* m�me pas peur pour la taille on me dit plus grand : je fais plus grand */
	background:/*purple*/ url(../images/fond_sous_menu2.jpg) repeat-x; /* test de couleur au survol */ /* GAB-NOUVEAU */
	background-position: 0px 9px; /* Fourberie pour faire d�passer le 2e niveau */
	
	color:#1b282c;
	margin-top:-9px; /* Fourberie pour faire d�passer le 2e niveau */
	padding-top:9px; /* Fourberie pour faire d�passer le 2e niveau */
	
	position:absolute;
	z-index:0; /*pour le cacher derri�re les panneaux*/
	left:40px;
	
	width:487px; /*//!A 527px quand il y aura la boutique*/
}
#menu div#fond_defaut{
	width:580px; /*pour le fond blanc*/
}
#menu ul.sous_menu a:link, #menu ul.sous_menu a:visited {color:#1b282c;} 
#menu ul.sous_menu
{
	display:none;
}

#menu ul li:hover ul.sous_menu, ul li:hover div.sous_menu /*pour les menus sans sous onglets*/
{
	display:block;
}

#menu ul.sous_menu li
{
	height:24px;
	line-height:24px;
	padding:0;
	margin-top:1px;
}
#menu ul.sous_menu li a
{
	/*** height plus grand pour le survol test n�1 ***/
	height:53px; /* du coup le <a> est plus grand que le <li> qui le contient est-ce emb�tant ? */
	/*background:blue; test de couleur au survol */
	display:inline-block;
	color:#1b282c;
	
	padding:0 10px;
}
#menu ul.sous_menu li:hover
{
	background:url(../images/hover_btn_ss_menu.png) repeat-x;
	color:#FFF;
}
#menu ul.sous_menu a:hover {color:#FFF;} 

/* NOTIFICATIONS */

#menu ul li span.notification
{
	display:block;
	float:right;
	width:15px;
	height:18px;
	line-height:17px;
	background:url(../images/notifs.png) no-repeat;
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin-left:4px;
}