/*
 * Propriétés CSS pour habillage : images, couleurs, certaines tailles
 */

/*****************************\
 *      Initialisations      *
\*****************************/
a {color : black;}

/*****************************\
 *        Container          *
\*****************************/
body
{
	background : #83c3ff url('../imgs/body-fond-sombre.png') top left repeat;
}

/*****************************\
 *   TOP (header, onglets..) *
\*****************************/

/*  Header  */
#header
{
	background : transparent url('../imgs/header.png') top left no-repeat;
	background : transparent url('../imgs/header_final.png') top left no-repeat;
	height : 45px;
}
/* Container menu, pub, login etc. */
#top .box-top-left, #top .box-top-right, #top .box-top,
#top .box2-top-left, #top .box2-top-right, #top .box2-top
{
	height : 33px;
}
#top .box-top-left,
#top .box2-top-left
{
	width : 16px;
	background : transparent url('../imgs/top-box-top-left.gif') top left no-repeat;
	background : transparent url('../imgs/bas_menu.gif') top left no-repeat;
/*	width : 56px;*/
	width : 0px;
}
#top .box-top-right,
#top .box2-top-right
{
	width : 16px;
	background : transparent url('../imgs/top-box-top-right.gif') top right no-repeat;
}
#top .box-top,
#top .box2-top
{
	background : transparent url('../imgs/top-box-top.gif') top left repeat-x;
}

/* Menu */
#menu a
{
	color : white;
}
#menu .item_separator
{
	width : 17px;
	background : transparent url('../imgs/menu-item-sep.gif') top center no-repeat;
}
#menu .item_menu
{
	color : white;
	background : transparent url('../imgs/menu-item-fond.gif') top left repeat-x;
}
#menu .item_menu_new a
{
	color : blue;
	font-size : 1.3em;
}

#menu .item_start
{
	width : 13px;
	background : transparent url('../imgs/menu-item-start.gif') top right no-repeat;
}
#menu .item_end
{
	width : 13px;
	background : transparent url('../imgs/menu-item-end.gif') top left no-repeat;
}
/* Login */
#login
{
	width : 271px;
	height : 56px;
	background : transparent url('../imgs/login-fond.png') top right no-repeat;
	color : white;
	font-weight : bold;
}
#login a
{
	color : white;
}
.champ_texte
{
	border : 1px solid #FFF;
	background-color : #313131;
	font-weight : normal;
	color : white;
}
.login_bouton
{
	width : 21px;
	height : 15px;
	background : transparent url('../imgs/login_bouton.png') top left no-repeat;
	border : none;
	cursor : pointer;
}

/* Recherche */
#recherche
{
	width : 230px;
	height : 80px;
	background : transparent url('../imgs/recherche-fond.png') top right no-repeat;
	color : white;
	font-weight : bold;
}

#news-recherche .recherche_bouton, #articles-recherche .recherche_bouton, #tests-recherche .recherche_bouton
{
	height : 16px;
	width : 65px;
	background : transparent url('../imgs/recherche-news-bouton.png') top left no-repeat;
	border : none;
	cursor : pointer;
}
/****************\
 *    Milieu    *
\****************/
#middle
{
	background : #F3F3F3; /*83C3FF url('../imgs/middle-fond.png') top left repeat-x;*/
}

#bottom
{
	background : transparent url('../imgs/bottom-fond.gif') top left no-repeat;
}

/****************\
 *    Boxes     *
\****************/
.box-top h1 {font-size : 12pt; color : white; font-weight : bold; }

.box-middle, .box-middle-variable, .box-bottom { background-color : #fffdfd;}

.box-top { background : transparent url('../imgs/box-top.gif') top left repeat-x; }
/*.box-bottom { background : #fffdfd url('../imgs/box-bottom.png') bottom left repeat-x; }*/
.box-bottom { background : #FFF; border-bottom : 1px solid #EEE; }
.box-top-left { background : transparent url('../imgs/box-top-left.gif') top left no-repeat; }
.box-top-right { background : transparent url('../imgs/box-top-right.gif') top right no-repeat; }
.box-bottom-left { background : transparent url('../imgs/box-bottom-left.gif') bottom left no-repeat; }
.box-bottom-right { background : transparent url('../imgs/box-bottom-right.gif') bottom right no-repeat; }
/*.box-middle-left { background : transparent url('../imgs/box-middle-left.png') top left repeat-y; }
.box-middle-right { background : transparent url('../imgs/box-middle-right.png') top right repeat-y; }
*/
.box-middle-left {background-color : #FFF;border-left : 1px solid #EEE;}
.box-middle-right {background-color : #FFF;border-right : 1px solid #EEE;}
/*.box-no-header-top { background : #fffdfd url('../imgs/box-no-header-top.png') top left repeat-x; }*/
.box-no-header-top { background : #FFF; border-top : 1px solid #EEE; }
.box-no-header-top-left { background : transparent url('../imgs/box-no-header-top-left.gif') top left no-repeat; }
.box-no-header-top-right { background : transparent url('../imgs/box-no-header-top-right.gif') top right no-repeat; }

.box2-top h1, .box2-top h2, .box-top h1 {font-size : 12pt; color : white; font-weight : bold; }
.box2-top { background : transparent url('../imgs/box-top.gif') top left repeat-x; }
.box2-bottom { background : #FFF; border-bottom : 1px solid #EEE; }
.box2-middle {background-color : #FFF;border-left : 1px solid #EEE;border-right : 1px solid #EEE;}
.box2-top-left { background : transparent url('../imgs/box-top-left.gif') top left no-repeat; }
.box2-top-right { background : transparent url('../imgs/box-top-right.gif') top right no-repeat; }
.box2-bottom-left { background : transparent url('../imgs/box-bottom-left.gif') bottom left no-repeat; }
.box2-bottom-right { background : transparent url('../imgs/box-bottom-right.gif') bottom right no-repeat; }
.box2-no-header-top { background : #FFF; border-top : 1px solid #EEE;}
.box2-no-header-top h1, .box2-no-header-top h2 {font-size : 8pt; color : #000; font-weight : normal; margin-top : 1px;}
.box2-no-header-top-left { background : transparent url('../imgs/box-no-header-top-left.gif') top left no-repeat; }
.box2-no-header-top-right { background : transparent url('../imgs/box-no-header-top-right.gif') top right no-repeat; }

.erreur
{
	font-size : 8pt;
	color : red;
}
/****************\
 *** Onglets ****
\****************/
.onglet_debut, .onglet_fin, .onglet_separateur, .onglet_fond
{
	height : 22px;
	line-height : 22px;
	color : #FFF;
	font-size : 8pt;
	font-weight : bold;
}
.onglet_debut
{
	width : 9px;
	background : transparent url('../imgs/onglets-debut.png') top right no-repeat;
}
.onglet_fin
{
	width : 8px;
	background : transparent url('../imgs/onglets-fin.png') top left no-repeat;
}
.onglet_fond
{
	background : transparent url('../imgs/onglets-fond.png') bottom left repeat-x;
}
.onglet_separateur
{
	width : 16px;
	background : transparent url('../imgs/onglets-separateur.png') top left no-repeat;
}
.onglet_fond a, .onglet_on a, .onglet_off a:hover
{
	color : #FFF;
	text-decoration : underline;
}
.onglet_off, .onglet_off a
{
	color : #FFF;
	text-decoration : none;
}

/****************\
 **** Liens *****
\****************/
#proposer_lien
{
	font-size : 9pt;
	font-weight : bold;
	background : #313131 url('../imgs/proposer-lien-fond.png') top left repeat-x;
	color : white;
	opacity : 0.9;
}
#proposer_lien a
{
	color : white;
	text-decoration : underline;
}

.box-top .champ_texte
{
	color : #FFF;
	background-color : transparent;
	border : 1px solid #FFF;
	font-size : 1em;
	font-weight : bold;
}
.box-middle-variable .champ_texte
{
	color : #000;
	background-color : transparent;
	border : 1px solid #000;
	font-size : 1em;
}

/****************\
 **** Offres ****
\****************/
#offres ul
{
	list-style-image : url('../imgs/puce-isil.gif');
	list-style-position : inside;
}
#forums ul, #mondesonline ul
{
	list-style-image : url('../imgs/puce-isil.gif');
	list-style-position : inside;
}

/****************\
 *** Boutique ***
\****************/
#boutique a
{
	font-weight : bold;
	font-size : 9pt;
	text-decoration : underline;
	color : #B03B18;
}
#boutique p
{
	font-size : 10pt;
}
/*****************************\
 *        Fiche Jeu          *
\*****************************/
.fiche_ambiance, .fiche_genre
{
	width : 75px;
	height : 14px;
	line-height : 14px;
	font-weight : bold;
	font-size : 8pt;
	color : white;
	text-align : center;
	overflow : hidden;
	background : transparent url('../imgs/fiche-fond-genres.png') top left no-repeat;
}

#liste-jeux
{
	font-size : 9pt;
}
#liste-jeux h2, #liste-jeux h2 a
{
	font-size : 11pt;
	color : #c93a00;
}
.liste_jeu_detail
{
	margin-left : 1px;
	padding : 0 2px;
	font-size : 8pt;
	font-weight: bold;
	line-height : 14px;
	height : 14px;
	border : 1px solid black;
	background : transparent url('../imgs/liste-recherche-fond.png') top left repeat-x;
	color : white;
}
.liste_jeu_detail a
{
	font-size : 8pt;
	font-weight: bold;
}
.pages_recherche
{
	font-size : 8pt;
	font-weight: bold;
	line-height : 10px;
	height : 12px;
	border : 1px solid black;
	background : transparent url('../imgs/liste-recherche-fond.png')  left repeat-x;
	color : #FFF;
}
.pages_recherche a
{
	color : #FFF;
}
.pages_recherche img
{
	vertical-align : top;
}

/***********************\
 ****** Patch Day ******
\***********************/
#body-patchday #header
{
	background-image : url('../imgs/header_patchday.png');
}
#body-patchday #top
{
	height : auto;
}
#body-patchday .item_menu
{
	position : relative;
}
.item_menu_indice
{
	position : absolute;
	top : 11px;
	font-size : .8em;
	font-weight : normal;
	right : 0px;
}
.patchday_main
{
	border : 1px solid #000;
	margin-top : 10px;
	margin-left : 31px;
	width : 600px;
}
#patchday-runescape
{
	background : transparent url('../imgs/patchday/runescape_fond.jpg') 100% 0 no-repeat;
}

.patchday_info
{
	background : url('../imgs/patchday/section_bg_games.gif') top left repeat-x;
	border : 1px solid #000;
	font-size : .8em;
	color : #FFF;
	font-family : verdana;
	margin : 10px;
	padding : 10px;
	overflow : hidden;
}

.patchday_main .patchday_info
{
	float : right;
	width : 167px;
	height : 102px;
}
.patchday_info a.jouer
{
	line-height : 21px;
	height : 21px;
	width : 69px;
	background : url('../imgs/patchday/info_play_button.gif') top right no-repeat;
	color : #FFF;
	font-size : 11px;
	float : right;
	text-align : center;
	font-weight : bold;
	margin-top : 10px;
}
.patchday_info a.jouer:hover
{
	text-decoration : none;
	background-position : bottom right;
}
.patchday_icone
{
	height : 130px;
}
.patchday_second
{
	background : #000;
	height : 250px;
	width : 213px;
	border : 1px solid black;
}

.patchday_second .patchday_info
{
	height : 100px;
}
.patchday_second
{
	height : 270px;
}

#patchday-liens
{
	clear : both;
	text-align : center;
	font-weight : bold;
}