@charset "utf-8";
/* CSS Document */
body {
	background:url(../images/fond.jpg) repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;margin: 0;
	text-align: center; } 

#main{
background-color:#FFFFFF;
	width:900px;
	margin: auto;
	padding:0;}
#header{}
#corps{
	text-align:left;
 	padding:5px 5px 0 5px;
	font-size:0.8em;}
.fontbigger{ font-size:1em;}
table,td{
	font-size:1em;}
	
a {text-decoration:none; color: #000000;}
.hidden{ display:none;}
a:hover{ text-decoration:underline;}
a img{
border:0;}
a.account{ font-weight:bold;}

.linkblue {text-decoration:none; color: #4d80b3; font-weight:bold;}
img{
border:0; margin:0; padding:0;}

h1{
color:#f7d120;
font-size:1.5em; margin:5px 0 5px 0px;}
div.barrebleu{border-top:1px solid #e2ecf6; margin:10px 30px 5px 0px;}

.font_promo_title{
	font-size:2em;
	font-weight:700;
	color:#5886c0;}
.privacy{
	color:#999999;
	font-style:italic;
	font-size:0.9em;}
.padding3{ padding:3px;}
.paddingleft10{ padding-left:10px;}
.paddingleft20{ padding-left:20px;}
.paddingleft30{ padding-left:30px;}
.paddingleft30 li{ margin:3px;}
.rose{ color:#FF0066;}
.red{ color:#CC0000;}
.green{ color:#006600;}
  
blockquote{
	margin: 10px;
	margin-right:50px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #cbe1f5;
	background-color:#f5fcfc;
	font-size: 1em;
}

#photo_user{
	background:url(../images/photo_user.jpg) no-repeat top left; 
	width:65px; height:80px; margin:0px 55px 5px 55px;}

/* ======= SIDEBAR LEFT ========*/
#bloc_left{ width:176px; 
		margin-bottom:5px!important;
		margin-bottom:0px; }
/*#bloc_left div{ margin:0; padding:0;}*/
#bloc_left .haut{height:6px; background:transparent url(../images/bloc_small_haut.gif) no-repeat top;padding:0; margin:0; }
/* HACK IE*/
*+html #bloc_left .haut, * html #bloc_left .haut{margin-bottom:-5px;} 

#bloc_left .center{
	background:transparent url(../images/bloc_small_center.gif) repeat-y top left;
	padding:0 10px 0 10px;}
#bloc_left .bas{height:6px;padding:0; margin:0; 
	background:transparent url(../images/bloc_small_bas.gif) no-repeat top left;}
	
#bloc_left .lien{ padding-left:20px; color:#000000;}
#bloc_left a{color:#000000; text-decoration:none;}
#bloc_left a:hover{text-decoration:underline;}
#bloc_left .our_partners{
	background:url(../images/title_our_partners.gif) no-repeat top left; width:110px; height:19px; margin-bottom:2px;}
#bloc_left .company{
	background:url(../images/title_company.gif) no-repeat top left; width:100px; height:20px;margin-bottom:2px;}
#bloc_left .games{
	background:url(../images/title_games.gif) no-repeat top left; width:62px; height:15px;margin-bottom:2px;}
#bloc_left .menu{
	background:url(../images/title_menu.gif) no-repeat top left; width:110px; height:19px; margin-bottom:2px;}
#bloc_left .certification{
	background:url(../images/title_certification.gif) no-repeat top left; width:106px; height:17px; margin-bottom:2px;}


/* ======= BLOC LOGIN LEFT ========*/
#bloc_login{
	color:#4c4600;
	margin-bottom:5px;}
#bloc_login input{
 border:1px solid #bfbcba;
 font-size:1em;
 margin-bottom:2px;}
#bloc_login .bloc_welcome{
	background:transparent url(../images/bloc_welcome.gif) no-repeat top left;
	width:176px; height:30px;}
#bloc_login .bloc_login{
	background:transparent url(../images/bloc_login.gif) no-repeat top left;
	width:176px; height:30px;}
#bloc_login .fond_blocgris{
	background:transparent url(../images/bloc_infosuser.gif) repeat-y;
	width:176px;
	padding:0px 0px 2px 0px;
	}
#bloc_login .bas_blocgris{
	background:transparent url(../images/bloc_infosuser_bas.gif) no-repeat ;
	height:7px;}
 .submitlogin{ background-color:#5a5400; border:1px solid #FFF; color:#FFF;}
 	/*padding:30px 10px 2px 15px!important;*/ /* HACK pour FF corrige le placement du text et input dans bloc login */
	
/* ======= BLOC CONTENT MY ACCOUNT ========*/
	
#bloc_infos_content{}
#bloc_infos_content .inbox{
	background:transparent url(../images/account/bloc_account_haut_inbox.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .infos{
	background:transparent url(../images/account/bloc_account_haut_infos.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .profile{
	background:transparent url(../images/account/bloc_account_haut_profile.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .education{
	background:transparent url(../images/account/bloc_account_haut_education.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .message{
	background:transparent url(../images/account/bloc_account_haut_message.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .current_activity{
	background:transparent url(../images/account/bloc_account_haut_cur_act.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .my_credits{
	background:transparent url(../images/account/bloc_account_haut_credits.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .peers{
	background:transparent url(../images/account/bloc_account_haut_peers.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .experience{
	background:transparent url(../images/account/bloc_account_haut_expe.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .confirmation{
	background:transparent url(../images/account/bloc_account_haut_confirmation.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .invitation{
	background:transparent url(../images/account/bloc_account_haut_invitation.gif) no-repeat top left;
	width:705px; height:29px;}
#bloc_infos_content .content{
	background:transparent url(../images/account/bloc_account_corps.gif)  repeat-y top left;
	width:705px;}
#bloc_infos_content .paddingcontent{
	padding:5px 10px 5px 15px;}

#bloc_infos_content input{ 
	border:1px solid #FFCC00;
	font-size:0.9em;
	margin-bottom:2px;}
#bloc_infos_content input:hover{ 
	/*border:1px solid #669900;*/
	border:1px solid #4d80b3;}
#bloc_infos_content input.none{border:0;}
#bloc_infos_content textarea{ 
	border:1px solid #FFCC00;
	font-size:1.1em;
	margin-bottom:2px;}
#bloc_infos_content textarea:hover{ 
	/*border:1px solid #669900;*/
	border:1px solid #4d80b3;}

#bloc_infos_content input.btn_submit{
background-color:#4d80b3; border:1px solid #245696; color:#FFF;}

#bloc_infos_content a {text-decoration:none; color: #4d80b3;}
#bloc_infos_content a.none {text-decoration:none; color: #000000;}
#bloc_infos_content a:hover{ text-decoration:underline;}
#bloc_infos_content .titre{
	color:#4d80b3;
	font-size:1.1em; font-weight:bold;}
#bloc_infos_content .ligneinfos{ line-height:18px;}	
	
div.puce{
	background:transparent url(../images/icons/puce_jaune.gif) no-repeat top left;
	background-position:0px 60%;
	padding:0px 0px 0px 20px;
	line-height:15px;
}
	
#bloc_infos_content .bottom{
	background:transparent url(../images/account/bloc_account_bas.gif)  no-repeat top left;
	width:705px; height:6px; margin-bottom:5px;	}
	
	
/* BLOC CENTRE*/
#bloc_game_industry{
	background:transparent url(../images/bloc_game_industry.gif) no-repeat top left;
	float:left;
	width:351px;
	height:236px;
	margin-right:5px;
	color:#5a5400;}
#bloc_register{
	background:transparent url(../images/bloc_register.gif) no-repeat top left;
	float:right;
	width:343px;
	height:236px;}
#bloc_register_contrib{
	background:transparent url(../images/bloc_register_contributor.gif) no-repeat top left;
	float:right;
	width:343px;
	height:236px;}

/* ======= BLOC RECHERCHE ========*/
#bloc_search{
	background:transparent url(../images/bloc_recherche.gif) no-repeat top left;
	width:703px; height:82px;
	margin-bottom:5px;}
#bloc_search input{
 border:1px solid #b1acaa;
 font-size:1em;
 margin-bottom:2px;}
#bloc_search .recherche{
	padding:40px 0px 0px 190px;}
#bloc_search  .submitsearch{ background-color:#4d80b3; border:1px solid #245696; color:#FFF;}
#bloc_search a{ color:#FFFFFF; font-weight:bold;}

/* ======= LIST GAME COMPANY USERS ========*/
.list_items_home{
padding-left:30px;}
.list_items_home2{
padding-left:45px;}

.list_company{ line-height:1.5em;}
.list_games{ line-height:1.5em;}

/* ======= MENU ========*/
#menutop{
    display:block;
    margin:0;
    padding:0;
	margin-top:5px;
	width:640px;}
#menutop ul{ 
	 margin:0px; padding:0px;
   	 display:block;}
#menutop li{ 
	text-align:center;
	margin:0px; padding:0px;
    list-style:none;
    height:auto;
    display:inline;
    float/**/:left;
	width:120px;}
#menutop li.long{ 
	width:190px;}
#menutop a{
	color:#5986c1;
	font-size:1em;
	text-align:center;
    display:block;
    text-decoration:none;
    margin:0px;
	width:120px;
	height:16px;
	border-right:1px solid #5886c0;/*
	background:(/images/barre_menu.gif) right top no-repeat;*/}
	
#menutop a.long{
	width:190px;
}
#menutop a.on{
	color:#f7d120;
}
#menutop a.none{
border:none;}

/* ======= LIEN ========*/

a.btn_register{
color:#FFFFFF;
display:block;
width:auto;
background-color:#4c4600;
padding:3px 15px 3px 15px;
border:1px solid #FFFFFF;}

input.btn_edit{
	background:transparent url(../images/edit.gif) no-repeat top left;
	border:0px;
	width:37px;
	height:15px;
  	padding: 0px; border: 0px; margin: 0px;
     cursor: pointer; 
     text-decoration: none;  
     font-size:0px; }




/* ======= INPUT ========*/
select{
 border:1px solid #b1acaa;
 font-size:1em;}
input[disabled]{
background-color:#999999; border:1px solid #999999; color:#FFF;} 
/* ======= BLOC CONTENT ========*/
#bloc_content{
	background:transparent url(../images/frise.gif) right top repeat-y;
	border:1px solid #e2ecf6;
	padding:5px 20px 5px 5px;
	min-height:400px!important;}

#bloc_content input{ 
	border:1px solid #FFCC00;
	font-size:0.9em;
	margin-bottom:2px;}
#bloc_content input:hover{ 
	/*border:1px solid #669900;*/
	border:1px solid #4d80b3;}
#bloc_content input.none{border:0;}
#bloc_content textarea{ 
	border:1px solid #FFCC00;
	font-size:1.1em;
	margin-bottom:2px;}
#bloc_content textarea:hover{ 
	/*border:1px solid #669900;*/
	border:1px solid #4d80b3;}

#bloc_content input.btn_submit{
background-color:#4d80b3; border:1px solid #245696; color:#FFF;}

#bloc_content a {text-decoration:none; color: #4d80b3;}
#bloc_content a.none {text-decoration:none; color: #000000;}
#bloc_content a:hover{ text-decoration:underline;}
#bloc_content .titre{
	color:#4d80b3;
	font-size:1.1em; font-weight:bold;}
#bloc_content .ligneinfos{ line-height:16px;}

	
div.no-visuel{ 
	background:transparent url(../images/no_visuel.gif) left top no-repeat;
	width:70px; height:90px; color:#4d80b3;}


#plateforme { list-style-type:none; margin:0; padding:0;}
#plateforme li{ display:inline; float:left; margin-right:3px;
	background: url(../images/plateform/fd_plat_off.gif) right top no-repeat;}
#plateforme li:hover{ }
#plateforme li a{
	display:block;
	width:auto !important;
	width:110px;	
	height:28px; margin-bottom:10px; text-decoration:none; }
#plateforme li a:hover{background: url(../images/plateform/fd_plat_on.gif) right top no-repeat;text-decoration:none;}
#plateforme li a.on{background: url(../images/plateform/fd_plat_on.gif) right top no-repeat;text-decoration:none;}

#plateforme img { border:#558abe 1px solid; vertical-align:middle;}
#plateforme img:hover { border:#f3cc18 1px solid;}
#plateforme img.on { border:#f3cc18 1px solid;}



/* ======= ¨PAGE CONTACT ========*/
#contact_form{}
#contact_form span{ height:25px; line-height:20px; width:70px; display:block; float:left;
}
#contact_form input{ border:#6ea1d4 1px solid; }
#contact_form textarea{ border:#6ea1d4 1px solid;}

/* ======= Footer ========*/
#footer{ text-align:center; padding-top:5px;}
#footer a{ color:#5d89c2; font-size:0.8em; }
#footer .keywords{ color:#ccdceb; font-size:0.7em; padding-top:10px;}
#footer .keywords a{ color:#ccdceb;}
#footer .separator_footer{ border-right:1px solid #5d89c2; padding:0 15px 0 15px;}
#footer .noseparator_footer{padding:0 15px 0 15px;}


/*----------- CONTACT ------------*/
.mailsent{
	padding:3px 0px 3px	0px; margin:0px;
	background-color:#fff9ae;
	border:1px solid #f3cc18;
	font-size:1.1em;
	color:#5a87c1;
	}
/*----------- GAMES LIST ------------*/
#game_list a{ color:#000000; }
#game_list a:hover{ }
	
/*----------- CREDITS LIST ------------*/
div.jobname{ color:#000000; font-style:italic;font-size:1.1em;}
#official-credits { font-size:1em;  padding:5px 0 0 70px;}
#official-credits .title_credit{ font-size:1.1em; font-weight:bold; line-height:18px;}
#official-credits a { color:#000000; }

#extended-credits li{ margin:0;}
#extended-credits {  font-size:1em;  padding:5px 0 0 70px;}
#extended-credits .title_credit{ font-size:1.1em; font-weight:bold; line-height:18px;}
#extended-credits a { color:#000000; }
	
	
/*----------- Couleur Credits------------*/
.grisclair{ color:#CCCCCC;} /*utilisé sur sidebar.php*/
.grisfonce{ color:#666666;} /*utilisé sur sidebar.php*/
#extended-credits .color_credit_0 { color:#CCCCCC;} /* Gris Clair NIVEAU = 0*/
#extended-credits .color_credit_0 a{ color:#CCCCCC} /* Gris Clair NIVEAU = 0*/	
#extended-credits .color_credit_1 { color:#666666;} /* Gris foncé NIVEAU = 1*/	
#extended-credits .color_credit_1 a{ color:#666666;} /* Gris foncé NIVEAU = 1*/	
/* noir NIVEAU = 2*/	
	

/*----------- ERRORS ------------*/
div#error {
	margin-top:5px;
	position: static;
	border:1px solid #FFC4C4;
	width:100%;
	background-color:#FFFFFF;
	/*background : transparent url(img/msg-error.png) no-repeat 5px 50%;*/}
div#error h3{
	padding:3px 0px 3px	0px; margin:0px;
	background-color:#FFC4C4;
	font-size:1.2em;
	/*background : transparent url(img/msg-error.png) no-repeat 5px 50%;*/}
div#error li{
	list-style: none;
	background-color:#FFFFFF;}
div#error li span{
	padding-left:5px;}
div#noerror {
	margin:auto;
	margin-top:5px;
	position: static; 
	border:1px solid #339900;
	padding:5px;
	background-color:#EAFBED;
}
	
/*----------- ERRORS ------------*/
div#message{
	margin-top:5px;
	position: static;
	border:1px solid #009900;
	width:600px;
	background-color:#D1E9CD;
	padding-top:0px !important;
	padding-top:5px;}
div#message li{
	list-style: none;
	padding-top:0px !important;
	padding-top:5px;}
div#message li span{
	padding-left:5px;}


#letters a{ padding:2px; margin-right:1px; text-decoration:none;}
#letters a:hover{text-decoration:none; color:#f3cc18;}
#letters .letters_on{text-decoration:none; color:#f3cc18;border:1px solid #f3cc18;}

a.letters{ padding:2px; margin-right:1px; border:1px solid #5986c1; text-decoration:none;}
a.letters:hover{ border:1px solid #f3cc18; text-decoration:none; color:#f3cc18;}

#listdecredits a{ text-decoration:none;}
#listdecredits a:hover{ }


/*Bulle over  Credit Officiel-Etendus */
a.info {
	position: relative;
	text-decoration: none;
	}
a.info:hover {
	text-decoration: none;
	}
a.info span {
	display: none;
	text-decoration: none;
	}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	text-decoration: none;
	}
a.info:hover span {
	display: inline;
	text-decoration: none;
	position: absolute;
	top: 1.5em;
	left: 1em;
	background:#e2ecf6;
	border: 1px #6fa1d4 solid;
	width:auto;
	min-width:200px;
	color: #000000;
	font-weight:normal;
	padding: 2px;}
	
	
/*Bulle over  Ajout Credi-GAme */
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 25px !important; 
    top: 30px; 
    left: -40px; 
    padding: 5px; 
    color: #000; 
    border: 3px solid #fff ; 
    background: #c3d9ff; 
    width:170px;
    text-decoration:none;
}
a.tooltip:hover em span {
    position: absolute; 
	top:-14px !important;
	top:-14px;
	left:30px !important;
	left:30px;
    height: 14px; 
    width: 29px; 
    background: transparent url(../images/image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
    text-decoration:none;
}
/*Bulle over  Affichage Game Credits */
a.creditcomment em {
    display:none;
}
a.creditcomment:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.creditcomment:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 25px !important; 
    top: 30px; 
    left: -40px; 
    padding: 5px; 
    color: #000; 
    border: 3px solid #4d80b3; 
    background: #f3cc18; 
    width:300px;
    text-decoration:none;
}
a.creditcomment:hover em span {
    position: absolute; 
	top:-14px !important;
	top:-14px;
	left:30px !important;
	left:30px;
    height: 14px; 
    width: 29px; 
    background: transparent url(../images/image-infobulle-jaune.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
    text-decoration:none;
}


/*
	Vertical Accordions
*/

.noaccordion {
	display: block;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}
.accordion_toggle {
	display: block;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	/*background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;*/
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	padding: 0px 0px 5px 10px;
}
		
/* Container styling*/
#horizontal_container {
	/*margin: 20px auto 20px auto;
	width: 680px;   
	height: 100px;   */
	width: 160px !important; 
	width: 140px; 
	margin:0px 5px 5px 30px;}

#vertical_nested_container {
	/*margin: 20px auto 20px auto;
	width: 620px;*/
	width: 160px !important; 
	width: 140px; 
	margin:0px 5px 5px 30px;}

/*--------  TABLEAU ------------*/
#tableborder td{ border:1px solid #CBE1ED;
	border-collapse:collapse;}
#tableborder th{ 
background-color:#CBE1ED;
padding:5px;
	border-collapse:collapse;}
	
#tablemessage2 th{ 
	padding:5px;
	background-color:#CBE1ED;
	font-weight:bold;}
#tablemessage2 th.left{
	border-left:1px solid #CBE1ED;}
#tablemessage2 th.right{
	border-right:1px solid #CBE1ED;}
#tablemessage2 td{ 
	padding:2px; }

#tablemessage th{ 
	padding:5px;
	background-color:#CBE1ED;
	font-weight:bold;}
#tablemessage th.left{
	border-left:1px solid #CBE1ED;}
#tablemessage th.right{
	border-right:1px solid #CBE1ED;}

#tablemessage td{ 
	padding:5px; 
	border-bottom:1px dashed #CBE1ED;}
#tablemessage tr:hover{ background-color:#E6F0F7;/*background-color:#CBE1ED;*/}
#tablemessage td.right{ 
	padding:3px; 
	font-size:0.9em;
	border-bottom:1px dashed #EBEDE9;
	border-left:1px dashed #EBEDE9;
	border-right:1px dashed #EBEDE9;}
	
#you_may_know{
	background:url(../images/you_may_know.gif) no-repeat top;
 	width:193px; 
	height:105px;
	padding-top:25px;}
a#on{color:#f3cc18;}

.blank_footer, .blank_footer a, .blank_footer a:hover {color: #fff;text-decoration:none;}