/**
 * Général
 */
 
body {
	margin: 0;
	padding: 0;
	background: #333 url(../images/design/bg.gif) repeat;
	text-align: center;
	font: 10px Verdana;
	color: #333;
}

a, a:visited, a:active {
	color: #FF8C00;
	text-decoration: none;
}
a:hover {color: #000;}

h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
}

h3 {
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 14px;
}

div {margin: 0; padding: 0;}
img {border: none;}
hr {color: #FFF;}

.separation {height: 15px;}
.margin_auto {margin: auto;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}

.bold {font-weight: bold;}

.pointer {cursor: pointer;}

.display { display: block; visibility: visible; }
.hidden { display: none; visibility: hidden; }

.focusOn {
	background: #FFE2AC;
	color: black;
}
.focusOff {	background: white; color: black;}

.erreur { background-color: red; }

.help { cursor: help; }

.green {color: Green;}
.blue {color: Blue;}
.red {color: Red;}
.grey {color: Grey;}
.orange {color: #FF8C00;}
.bg_self .orange {color: #333;}

.bg_grey {background-color: Grey;}
.bg_or {background-color: #FFE8B9;}
.bg_argent {
	background-color: #DFDFDF;
}
.bg_bronze {background-color: #EFDECB;}

.bg_self {
	background-color: #FFAB57;
	color: #000;
}
.bg_self a, .bg_self a:active, .bg_self a:visited { color: #000; }
.bg_self a:hover { color: #333; }

.bg_1 {background-color: White}
.bg_2 {background-color: #F4F4F4}


/**
 * Formulaires 
 */
ul, li, form {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.fckeditor ul {margin: 5px 0 5px 0;}
.fckeditor li {
    margin-left: 35px;
    list-style-type: decimal;
}

.formulaire input, .formulaire select {margin-bottom: 2px;}
.formulaire .center {width: 100%;}

label {
    display: inline;
    float: left;
    width: 150px;
    margin-left: 10px;
    margin-bottom: 5px;
}

select {font-size: 11px;}
.select {width: 180px;}

button, .button {
    background: #FFF url('../images/design/bg_button.png') repeat bottom;
    font: bold 10px Verdana;
    color: #FFF;
    border: 1px solid #666;
    height: 18px;
    padding-bottom: 3px;
}

input.console {margin: 0 0 0 10px;}


/**
 * Conteneur 
 */
#conteneur {
   	position: relative;
	margin: auto;
	width: 950px;
	text-align: left;
}

/* Bloc supérieur : date et header */
#top {
	height: 150px;
}

#top a, #top a:visited, #top a:active {
	color: #FFF;
	text-decoration: none;
}
#top a:hover {color: #000;}

#date {
	padding: 3px 5px 2px 5px;
	height: 15px;
	background: #727272;
	color: #FFF;
}

#date ul {
	list-style: none;
	color: #FFF;
}
#date li {display: inline;}

#header {
	height: 130px;
	background: url(../images/design/header.png) no-repeat;
}

#box_connexion {
	position: relative;
	float: right;
	margin: 10px 5px 10px 0;
	height: 110px;
	width: 230px;
}

#box_connexion img {position: relative; float: right; margin: 5px;}

#box_connexion ul {
	margin: 5px;
	list-style: none;
	color: #FFF;
	text-align: center;
}

#box_connexion .bienvenue {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}

/* Bloc central : content */

/* Haut arrondi du bloc principal */
#content .top {
	height: 10px;
	background: url(../images/design/content_top.png) no-repeat;
}

/* Contenu */
#content .c_center {
	background: #EDECEC;
	text-align: left;
}

#content .c_center .separation {
	clear: both;
	height: 10px;
}

/* Menu à onglets */
#menu {
	position: relative;
	width: 950px;
	height: 31px;
}

/* Onglets */
#menu ul {
	margin: 0 0 0 15px;
	list-style: none;
}
#menu li {display: inline;}

#menu a {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: 31px;
	width: 111px;
}

/* FR */
/* Onglet Accueil */
#menu .accueilFR {background: url(../images/design/menu_accueil.png) no-repeat top;}
#menu .accueilFR:hover {background: url(../images/design/menu_accueil.png) no-repeat bottom;}
#menu .accueilFR_active, #menu .accueilFR_active:hover {background: url(../images/design/menu_accueil-active.png) no-repeat;}

/* Onglet MyVGR */
#menu .myvgrFR {background: url(../images/design/menu_myvgr.png) no-repeat top;}
#menu .myvgrFR:hover {background: url(../images/design/menu_myvgr.png) no-repeat bottom;}
#menu .myvgrFR_active, #menu .myvgrFR_active:hover {background: url(../images/design/menu_myvgr-active.png) no-repeat;}

/* Onglet Les Jeux */
#menu .lesjeuxFR {background: url(../images/design/menu_lesjeux.png) no-repeat top;}
#menu .lesjeuxFR:hover {background: url(../images/design/menu_lesjeux.png) no-repeat bottom;}
#menu .lesjeuxFR_active, #menu .lesjeuxFR_active:hover {background: url(../images/design/menu_lesjeux-active.png) no-repeat;}

/* Onglet Le Site */
#menu .lesiteFR {background: url(../images/design/menu_lesite.png) no-repeat top;}
#menu .lesiteFR:hover {background: url(../images/design/menu_lesite.png) no-repeat bottom;}
#menu .lesiteFR_active, #menu .lesiteFR_active:hover {background: url(../images/design/menu_lesite-active.png) no-repeat;}

/* Onglet Forum */
#menu .forumFR {background: url(../images/design/menu_communaute.png) no-repeat top;}
#menu .forumFR:hover {background: url(../images/design/menu_communaute.png) no-repeat bottom;}
#menu .forumFR_active, #menu .forumFR_active:hover {background: url(../images/design/menu_communaute-active.png) no-repeat;}

/* EN */
/* Onglet Accueil */
#menu .accueilAN {background: url(../images/design/menu_home.png) no-repeat top;}
#menu .accueilAN:hover {background: url(../images/design/menu_home.png) no-repeat bottom;}
#menu .accueilAN_active, #menu .accueilAN_active:hover {background: url(../images/design/menu_home-active.png) no-repeat;}

/* Onglet MyVGR */
#menu .myvgrAN {background: url(../images/design/menu_myvgr.png) no-repeat top;}
#menu .myvgrAN:hover {background: url(../images/design/menu_myvgr.png) no-repeat bottom;}
#menu .myvgrAN_active, #menu .myvgrAN_active:hover {background: url(../images/design/menu_myvgr-active.png) no-repeat;}

/* Onglet Les Jeux */
#menu .lesjeuxAN {background: url(../images/design/menu_games.png) no-repeat top;}
#menu .lesjeuxAN:hover {background: url(../images/design/menu_games.png) no-repeat bottom;}
#menu .lesjeuxAN_active, #menu .lesjeuxAN_active:hover {background: url(../images/design/menu_games-active.png) no-repeat;}

/* Onglet Le Site */
#menu .lesiteAN {background: url(../images/design/menu_website.png) no-repeat top;}
#menu .lesiteAN:hover {background: url(../images/design/menu_website.png) no-repeat bottom;}
#menu .lesiteAN_active, #menu .lesiteAN_active:hover {background: url(../images/design/menu_website-active.png) no-repeat;}

/* Onglet Forum */
#menu .forumAN {background: url(../images/design/menu_community.png) no-repeat top;}
#menu .forumAN:hover {background: url(../images/design/menu_community.png) no-repeat bottom;}
#menu .forumAN_active, #menu .forumAN_active:hover {background: url(../images/design/menu_community-active.png) no-repeat;}

/* End Onglets */

/* Select Jeu */
#selectionJeu {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* Sous-menu : ligne orange */
#sousmenu {
	position: relative;
	padding: 5px 5px 3px 20px;
	height: 15px;
	background: url(../images/design/sousmenu_bg.gif) repeat-x;
}

#sousmenu ul {
	list-style: none;
	color: #FFF;
}
#sousmenu li {display: inline;}

#sousmenu a, #sousmenu a:visited, #sousmenu a:active {
	color: #FFF;
	text-decoration: none;
}
#sousmenu a:hover {color: #000;}

/* Content : large (left+centre) */
#content .content_large {
	position: relative;
	float: left;
	width: 670px;
	margin: 20px 0 0 10px;
}

#content .content_large h1 {
	height: 18px;
	background: url(../images/design/content_large_top.png) no-repeat;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 2px 0 0 10px;
	margin: 0;
}

#content .content_large .content {
	width: 650px;
	padding: 5px 10px 90px 10px;
	background: #FFF url(../images/design/content_center_bottom.png) repeat-x bottom;
}
#content .content_large .content.bas {
	padding: 5px 10px 10px 10px;
	background: #FFF url(../images/design/content_center_bas.png) repeat-x bottom;
}
.fckeditor p {
	padding: 0;
	margin: 0;
}

/* Liste jeux alphanumerique */
#alphabet ul {
	margin: 0 0 15px 0;
	list-style: none;
	text-align: center;
}
#alphabet li {display: inline;}

/* Fiche de jeu */
#content .content_large .large_left, #content .large_left {
	position: relative;
	float: left;
	width: 460px;
	margin: 0 10px 0 0;
	background: #FFF url(../images/design/content-left_bottom.png) repeat-x bottom;
}
#content .content_large h1.orange {
	background: url(../images/design/content_large_top2.png) no-repeat;
}

#content .content_large .large_center {
	position: relative;
	float: left;
	width: 200px;
	height: 120px;
	margin: 0;
	background: url(../images/design/jeu_pub.png) no-repeat;
}

.fichejeu {
	float: left;
	width: 200px;
	padding: 0;
}
#content .content_large .large_left .center {
	float: right;
	width: 240px;
	padding: 2px 8px 2px 2px;
}

.menujeu {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.avatarTop {
	padding: 2px 0 2px 0;
}

/* Content : colonne de gauche */
#content .content_left {
	position: relative;
	float: left;
	width: 460px;
	margin: 20px 10px 0 10px;
}
#content .content_large .content_left {
	margin: 0 10px 0 0;
}

/* Top 5 */
#content .content_left .top5 {
	position: relative;
	width: 225px;
}
#content .content_center .top5Jeu {
	position: relative;
	width: 200px;
}
.medaille {float: left;}
.points {float: right;}

/* News */
#content .content_left .news {position: relative; clear: both;}

/* Contenu commun */
#content .content_left h1, #content .content_large .large_left h1 {
	height: 18px;
	background: url(../images/design/content-left_top.png) no-repeat;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 2px 0 0 10px;
	margin: 0;
}

#content .content_left h1.orange, #content .content_large .large_left h1.orange { background: url(../images/design/content-left_top2.png) no-repeat; }

#content .content_left .content {
	width: 440px;
	padding: 5px 10px 16px 10px;
	background: #FFF url(../images/design/content-left_bottom.png) repeat-x bottom;
}

#content .content_left .content .back {text-align: right; font-weight: bold;}

/* Content : colonne centrale */
#content .content_center {
	position: relative;
	float: left;
	width: 200px;
	margin: 20px 0 0 0;
}
#content .content_large .content_center {
	margin: 0;
}

/* Images home */
.last_title {
	display: block;
	position: absolute;
	z-index: 100;
	top: 125px;
	width: 190px;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #EDECEC;
	text-transform: uppercase;
	text-align: right;
}

/* Bloc commun */
#content .content_center h3, #content .content_large .large_center h3 {
	height: 18px;
	background: url(../images/design/content_center_top.png) no-repeat;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 2px 0 0 10px;
	margin: 0;
}

#content .content_center .content {
	width: 180px;
	padding: 5px 10px 90px 10px;
	background: #FFF url(../images/design/content_center_bottom.png) repeat-x bottom;
}
#content .content_center .fichejeu {width: 200px;}

/* Content : colonne de droite */
#content .content_right {
	position: relative;
	float: right;
	width: 250px;
	margin: 20px 10px 0 10px;
}

/* Recherche */
#recherche {
	width: 250px;
	text-align: center;
}

#content #recherche .top {
	height: 18px;
	background: url(../images/design/recherche_top.png) no-repeat;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 2px 0 0 10px;
}

#content #recherche .center {	
	width: 230px;
	padding: 10px;
	background: #FFF;
}

/* Pub */
#pub, #pubJeu {
	width: 250px;
	text-align: center;
	background: #FFF;
}
#pubJeu {
	padding: 10px 0 10px 0;
	border-top: 1px solid #edecec;
}

#content #xiti .center {	
	width: 250px;
	padding-top: 10px;
	background: #FFF;
	text-align: center;
	border-top: 1px solid #edecec;
}

#content #xiti .bottom {
	height: 10px;
	background: url(../images/design/pub_bottom.png) no-repeat;
}

/* Bas arrondi du bloc principal */
#content .bottom {
	clear: both;
	height: 10px;
	background: url(../images/design/content_bottom.png) no-repeat;
}

/* Bloc inférieur : last, partenaires et infos */
#last .left {
	position: relative;
	float: left;
	width: 11px;
	height: 166px;
	background: url(../images/design/last_left.png) no-repeat;
}

#last .center {
	position: relative;
	float: left;
	width: 928px;
	height: 166px;
	background: url(../images/design/last_bg.png) repeat-x;
}

#last .right {
	position: relative;
	float: right;
	width: 11px;
	height: 166px;
	background: url(../images/design/last_right.png) no-repeat;
}

#last ul {
	position: relative;
	float: left;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0;
	width: 199px;
	height: 156px;
	list-style: none;
	color: #333;
}

#last .titre {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}

#last a, #last a:visited, #last a:active {
	color: #333;
	text-decoration: none;
}
#last a:hover {color: #FFF;}

#last .separation {
	position: relative;
	float: left;
	height: 166px;
	width: 30px;
	background: url(../images/design/last_separation.png) no-repeat;
}

#partenaires {
	clear: both;
	padding: 3px 5px 2px 20px;
	height: 15px;
	background: url(../images/design/partenaires_bg.gif) repeat-x;
}

#infos {
	padding: 3px 5px 2px 20px;
	height: 15px;
	background: url(../images/design/infos_bg.gif) repeat-x;
}

#partenaires ul, #infos ul {
	list-style: none;
	color: #FFF;
}
#partenaires li, #infos li {display: inline;}

#partenaires a, #partenaires a:visited, #partenaires a:active, #infos a, #infos a:visited, #infos a:active {
	color: #FFF;
	text-decoration: none;
}
#partenaires a:hover, #infos a:hover {color: #000;}

/* Admin */
div#admin{
	width:100%;
	margin-top: 10px;
	text-align: left;
	border: solid 1px #000;
	background-color: #EDECEC;
}
div#admin pre { margin: 20px; }


/* Divers */
.span1 {font: bold 15px;}
.span2 {font: italic 15px;}
#recordLink {margin-bottom: 5px;}

.form_titre {
    width: 80%;
    height: 19px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0 10% 0 10%;
    padding-top: 3px;
}

.paragraphe {padding: 10px;}
.paragraphe_forum {padding: 3px;}
#cache {position:absolute; top:200px; z-index:10; visibility:hidden;} 

/************************************************/
input.readonly {
	background: #DDD;
	color: Red;
}

/**
 * INFO
 */
#info{
	position: relative;
	margin-bottom: 20px;	
	padding: 5px;
	background: #FFE2AC;
	border: 1px solid #FF8C00;
	text-align: center; 
}

/**
 * OverDiv
 */
div#lock_screen {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    z-index: 100;
}

/**
 * toolTips
 */
div.htmltooltip{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 50;
	left: -1000px;
	top: -1000px;
	background: #272727;
	border: 1px solid black;
	color: white;
	padding: 3px;
}
div#plate_forme_jeux.htmltooltip{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 50;
	left: -1000px;
	top: -1000px;
	background: #FFFFFF;
}

/**
 * Pseudo tableau
 */
.head { font-weight: bold; }
.body {}
.foot{ margin-top: 5px; }
.element {
	position: relative;
	float: left;
	display:inline;
}

#apercu_top{
	border:1px solid Black;
}


/**
 * Popup d'alerte js
 */
#popup_alerte{
	position: fixed;
	z-index: 102;
	width: 400px;
	top: 50%;
	left: 50%;
	font: 12px Verdana;
	margin-left: -200px;
	margin-top: -150px;
	padding: 10px;
	background-color: #EDECEC;
	border: 1px solid #555;
}


#popup_alerte .fermer{
	position: absolute;
	z-index: 102;
	top: 2px;
	right: 5px;
}

/* Forum */
.texte {	line-height: 14px; }

.texte h5 {	margin-top: 0; }
.texte img { max-width: 100% }

.texte blockquote {
   margin-left : 10px;
   padding: 5px;
   border: 1px solid #C3C3C3;
   background-color: #FBFBFB;
}