body {

	color: #333333;
	font-size: 8pt;
	font-family: Verdana;
	text-align: center;
	background-image: url(images/fond.png);
}
img {
	border: 0px none ;
}

a {
	color: #3A1E18;
}

a:hover {

	color: #000000;
}

.body {
	width: 992px;
	margin-left: auto;
	margin-right: auto;
}

/*HEADER */
.header {
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	height: 239px;
	width: 992px;
	float:left;

	
}

.menu {
	float:right;
	margin-top:207px;
	margin-right:10px;
	text-align:right;
}

.actions_box
{
	width: 340px;
	height:40px;
	padding:10px;
	margin-left:10px;
	margin-top:146px;
	background-image: url(images/fond_menu.png);
	float:left;

}

.langues_box
{
	width: 100px;
	height:15px;
	padding:0px;

	text-align:left;
	
}

/*FOOTER */
.footer
{
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
	height: 126px;
	width: 992px;
	padding-top: 35px;
	float:left;

}



.menu_jeu {
	background-image:url(images/fond_sousmenu.png);	
	width: 992px;

	border-bottom-width: 1px;

	border-bottom-style: solid;
	border-bottom-color: #8C8179;

	float:left;
	height:54px;
}

.next_button {
	padding-top:6px;
	padding-bottom:6px;
	padding-left:24px;
	padding-right:24px;
	cursor:pointer;
	background-image:url(images/arrow_right.png);
	
}
.previous_button {
	margin-right:880px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:24px;
	padding-right:24px;
	cursor:pointer;
	background-image:url(images/arrow_left.png);

}
.content {
	
	background-image:url(images/fond_body.png);	
	width: 992px;
	float: left;
}

#horizontal_carousel  {
	width:992px;
	overflow:hidden;
	z-index:0;
}
#horizontal_carousel .container ul {
	width:10000px;
	position:relative;
	margin:0;
	padding:0;

}
#horizontal_carousel .container  {
	z-index:0;

}
#horizontal_carousel .container ul li {
	width:992px;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
.online {

	background-image:url(images/fond_body.png);	
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}

.online_content {
	margin-left:10px;
	
	padding: 10px;
	text-align: left;
	background-color: #e0ddd6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #979584;
	border-bottom-color: #979584;
	border-left-color: #979584;
}

.block_presentation {
	width:992px;
	height:200px;
	text-align: left;
	background-image: url(images/presentation.png);
	background-repeat: no-repeat;	
}



.tableau1{
	background-color: #E1D9C8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	
}
.tableau1_forums{
	background-color: #E1D9C8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:right;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	
}

.joueur{
	background-color: #DEC9E0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.ami{
	background-color: #CCDFCA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.partenaire{
	background-color: #BFCADE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8BC89;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.neutre{
	background-color: #E1D9C8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	
}
.ennemi{
	background-color: #E2C7C7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	margin: 0px;
	padding:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.tableau2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #DBD0BB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAB0A7;
	text-align:left;
	font-weight: bold;
	margin: 0px;
	padding:5px;
}
.titre_bloc {
	font-size: 16px;
	font-family: 'Trebuchet MS',Times,sans-serif;
	font-style:italic;
	text-align: center;
	background-color: #B4A79E;
	float:left;
	width:100%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	cursor:pointer;
	background-image: url(images/fond_titre_bloc.png);
	background-repeat: repeat-x;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius-topleft: 12px;
	-khtml-border-radius-topright: 12px;
	-webkit-border-radius-topleft: 12px;
	-webkit-border-radius-topright: 12px;
	border-radius: 12px;
}
.titre_bloc_forums {
	font-size: 12px;
	font-family: 'Trebuchet MS',Times,sans-serif;
	text-align: left;
	background-color: #B4A79E;
	float:left;
	width:987px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	margin-top: 10px;
	cursor:pointer;
	background-image: url(images/fond_titre_bloc.png);
	background-repeat: repeat-x;
}
.texte_vie {
	font-size: 36px;
}

.tableau_content {
	width:100%;
	margin: 0px;
	padding: 0px;
	float:left;
}
.tableau_content tr:hover td {
	font-weight: normal;
	background-attachment: scroll;
	background-color: #D2CDC1;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.tableau_body {
	width:100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
border-collapse: collapse; 
}

#Smileys {
width:100%
background-color:#E0DDD6;
border:1px solid #979584;
padding:5px;

}
 .infobulle{
	position:absolute;
	visibility : hidden;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding-left:10px;
	text-align:left;
	background-image: url(images/fond_action.png);
	border: 1px solid #000000;	
	z-index:1000;	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;  
      }



.actions 
{
	padding-top:160px;
	text-align:left;
	margin-left:0px;
}

.page_titre
{
	font-size: 18px;
	text-align: right;
	padding:10px;
	float:left;
	width:976px;

}


.profil_avatar {
text-align:center;

}

.profil_vie {
text-align:center;

}

.page_aide{
text_align:left;
}

.page_aide a {
	cursor: help;

}
.page_aide_content {
	border: 1px solid #CEC0B0;
	width:300px;
	height:200px;
	background-color: #E9E2DA;
	float:left;
	display:none;
}

.erreur {
	color: #CE0000;
	background-image: url(images/erreur.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #F5D8D8;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 55px;
	border: 1px solid #770000;
	margin:5px;



}

.success {
	color: #53844A;
	background-image: url(images/success.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #E7F5D8;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 55px;
	border: 1px solid #4E7601;
	margin:5px;
}

.info {
	color: #333333;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #E0DDD6;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 55px;
	border: 1px solid #979584;
	margin:5px;
}
.cell_info {
	color: #333333;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #E0DDD6;
	padding: 10px;
	border: 1px solid #979584;
	margin:5px;
	height:100%;
	width:565px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.cell_info_left {
	color: #333333;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #E0DDD6;
	padding: 10px;
	border: 1px solid #979584;
	margin:5px;
	height:150px;
	width:150px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.cell_info_right {
	color: #333333;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: #E0DDD6;
	padding: 10px;
	border: 1px solid #979584;
	margin:5px;
	height:150px;
	width:150px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.up {
	background-image: url(images/up.png);
	width:53px;
	height:48px;
	cursor:pointer;
	float:right;
	margin-right:10px;
	margin-top:6px;
	background-repeat: no-repeat;
}
.box_action {

	float:left;
	width:100%;
	text-align:left;
}


.carte {

}

.carte_case_header {
background-color:#CCCCCC;
border:1px solid #000000;
height:45px;
text-align:center;
width:45px;
}
.carte_case {
border:1px solid #000000;
height:45px;
text-align:center;
width:45px;
}
.carte_case:hover {
background-color:#999999;
background-image:url(../../images/carte/survol.png);
}
.carte_case_interdit {
border:1px solid #FF0000;
height:45px;
text-align:center;
width:45px;
}
.carte_case_autorise:hover {
background-color:#65D062;
background-image:url(../../images/carte/survol_autorise.png);
}
.carte_case_autorise {
border:1px solid #5ACB34;
height:45px;
text-align:center;
width:45px;
}
.carte_case_interdit:hover {
background-color:#F14141;
background-image:url(../../images/carte/survol_interdit.png);
}

.corps_formulaire_bouton {
	background-color: #C7BBB1;
	font-size: 12px;
	border: 1px solid #938171;
	color: #37291E;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.corps_formulaire_champ {
	background-color: #C7BBB1;
	font-size: 12px;
	border: 1px solid #938171;
	color: #37291E;
}

.corps_formulaire_champ:focus {
	background-color: #DAD1CB;
	font-size: 12px;
	border: 1px solid #938171;
	color: #37291E;
}
.pa {
	font-weight: bold;
	color: #442D22;

}

.activation_dla a {
	color: #682020;
	

}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #8a867e!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	text-align: left;
	z-index: 10000;
	width:900px;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #FFFFFF;
	height: 100%;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url('images/fond_body.png');
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
}

#MB_caption {
	background:url('images/fond.png');
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	background-color: #726D65;
	color: #C4C1BD;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: 0px;
	background: transparent url(images/spinner.gif) 50% 0 no-repeat;
	width:700px;
	margin-left: 0px;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content {  }
#MB_header {
	background-color: #CFCAB8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #453C30;
}
#MB_caption {
	color: #454125;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
}
#MB_close { color: #777;	font-size: 16px; }
#MB_close:hover { color: #000;	font-size: 16px; }


.MB_alert {
	margin: 10px 0;
	text-align: center;
}




#fixedmenu {
	margin:0;
padding:0;
   position: fixed;
   bottom: 0px;
   right:0px;
   left: 0px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   height:30px
}
.menu_hidden {
	height:50px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:10x;
}
.barre_globale {

	background-image: url(images/barre/fond.png);
}

.barre_alerte {


width:210px;
bottom:0px;
position: fixed;
   right: 0px;
   overflow:hidden;
   height:170px;
   margin-bottom:30px;
 


}
.barre_alerte_contenu {
	background-image: url(images/barre/fond_global.png);
	height:170px;
	vertical-align: top;
	padding:5px;
}
.barre_alerte_haut {
background-image: url(images/barre/haut.png);
text-align:center;
cursor:pointer;
height:25px;
width:210px;
}
.barre_online_liste {


width:200px;
bottom:0px;
position: fixed;
   left: 0px;
   overflow:hidden;
   height:280px;
   margin-bottom:30px;
   padding-left:10px;
   padding-right:10px;
}

.barre_online_liste_global {


width:210px;
bottom:0px;
position: fixed;
   left: 0px;
   overflow:hidden;
   height:320px;
   margin-bottom:30px;
}
.barre_online_liste_haut {
background-image: url(images/barre/haut.png);
text-align:center;
cursor:pointer;
height:25px;

}
.barre_online_liste_centre {
height:300px;
background-image: url(images/barre/fond_global.png);

}
.barre_online_liste_bas {
background-image: url(images/barre/bas.png);


}
.barre_online_liste_element:hover {
background-color: #999999;
width:200px;

}
.barre_online_liste_element{
width:200px;
height:20px;
padding:5px;
cursor:pointer;
font-size:12px;
background-image: url(images/barre/fond.png);
}
.barre_online {
margin:0;
padding:0;
height:30px;
cursor:pointer;
}

.barre_online:hover {
margin:0;
padding:0;
height:30px;
cursor:pointer;
}
.barre_tribunes {
margin:0;
padding:0;
height:30px;
cursor:pointer;
}

.barre_tribunes_liste {


width:200px;
bottom:0px;
position: fixed;
   left: 0px;
   overflow:hidden;
   height:280px;
   margin-bottom:30px;
   padding-left:10px;
   padding-right:10px;
}

.barre_tribunes_liste_global {


width:410px;
bottom:0px;
position: fixed;
   left: 250px;
   overflow:hidden;
   height:320px;
   margin-bottom:30px;
}
.barre_tribunes_liste_haut {
background-image: url(images/barre/haut.png);
text-align:center;
cursor:pointer;
height:25px;

}
.barre_tribunes_liste_centre {
height:300px;
background-image: url(images/barre/fond_global.png);

}
.barre_tribunes_liste_bas {
background-image: url(images/barre/bas.png);


}
.barre_tribunes_liste_element:hover {
background-color: #999999;
width:200px;

}
.barre_tribunes_liste_element{
width:200px;
height:20px;
padding:5px;
cursor:pointer;
font-size:12px;
background-image: url(images/barre/fond.png);
}
.barre_tribunes {
margin:0;
padding:0;
height:30px;
cursor:pointer;
}

.barre_tribunes:hover {
margin:0;
padding:0;
height:30px;
cursor:pointer;
}
.scrollbox {}

.scrollbox_content {
	margin-right: 10px;
}

.scrollbox_scrollbar {
	background-color: silver;
	border-left: solid black 1px;
	height: 100%;
	width: 10px;
	left:0;
}

.scrollbox_up_button {
	background: transparent url(images/barre/up.png) top right no-repeat;
	height: 9px;
}

.scrollbox_down_button {
	background: transparent url(images/barre/down.png) top right no-repeat;
	height: 9px;
}

.scrollbox_handle {
	background-color: #999999;
}

.div_deroulante {
overflow:auto;
height:550px;

}




/*PETIT CALENDAR */
div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
	border-color: #938171;
	background-color: #C7BBB1;  
}



.calendar .button { 
  text-align: center;   
  padding: 2px;    
  font-weight: bold;
  
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { 
  font-weight: bold;      
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { 
}

.calendar thead .name { 
  border-bottom: 1px solid #938171;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend {
  color: #c44;
}

.calendar thead .hilite { 
  border-bottom: 1px solid #938171;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { 
  background: url("active-bg.gif"); color: #C7BBB1;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #938171;
}

.calendar thead .daynames {
  background: url("dark-bg.gif");
}



.calendar tbody .day { 
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #938171;
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today {

}

.calendar tbody td.hilite { 
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { 
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend {
  color: #c44;
}

.calendar tbody td.selected { 
  font-weight: bold;
  border: 1px solid #938171;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #000000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
  visibility: hidden;
}

.calendar tbody .emptyrow {
  display: none;
}



.calendar tfoot .footrow {
	text-align: center;
	color: #fff;
	background-color: #C7BBB1;
}

.calendar tfoot .ttip { 
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { 
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active {
  background: #7c7;
  padding: 2px 0px 0px 2px;
}



.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #938171;
	color: #000;
	z-index: 100;
	font-size: 90%;
	background-color: #FFFFFF;
	background-image: url(normal-bg.gif);
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background-color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #000000;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #938171;
  padding: 1px 0px;
  text-align: center;

}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
   color: #000;
}

.calendar td.time span.active {
  color: #fff;
}

 

/*AUTOCOMPLETION */

/* TextboxList sample CSS */
ul.holder { margin: 0;  overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #C7BBB1; background: #C7BBB1; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #C7BBB1; color: #fff; }
ul.holder li.bit-input input {border: 1px solid #938171;background-color:#C7BBB1; width: 700px; margin: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
ol li {
list-style-type: none;	
}
#facebook-list {
	display:none;
}
form ol li.input-text { margin-bottom: 10px; list-style-type: none; border-bottom: 1px dotted #756b5b; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #756b5b; }
form ul.holder { width: 700px; }
#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #897463; border: 1px solid #756b5b; }
ul.holder li.bit-box-focus { border-color: #756b5b; background: #897463; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto { display: none; position: absolute; width: 703px; background: #C7BBB1;color:#2e2a26;margin-left:4px; }
#facebook-auto .default { padding: 5px 7px; border-width: 0 1px 1px; }
#facebook-auto ul { display: none; margin: 0; padding: 0; }
#facebook-auto ul li { padding: 5px 12px; margin: 0; list-style-type: none;  border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana";color:#2e2a26; }
#facebook-auto ul li em {fontsize:16px; font-weight: bold; font-style: normal; background: #C7BBB1;color:#000000; }
#facebook-auto ul li.auto-focus { background: #897463; color: #2e2a26; }
#facebook-auto ul li.auto-focus em { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }


//Autocomplétion
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Autocompletion */
.update{
	position:absolute;
	background-color:#C7BBB1;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	margin:0px;
	padding:0px;
	color:#635e59;
}

ul.autocompletion_items  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
ul.autocompletion_items li.selected {
	background-color: #897463;
	cursor: pointer;
	color:#353330;
}
li.autocompletion_item {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
}
li.autocompletion_item div.image {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
li.autocompletion_item div.nom {
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}


/** popup **/


.popup_background
{
	position: absolute;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	background: #8a867e;
	opacity: 0;
	display:none;
	z-index:1000;

}

#popup_container
{
	opacity: 0;
	display:none;
	position: fixed !important;
	position: absolute;
	top: 200px;
	width: 100%;
	height: 100%;
	z-index: 1001;
}

#popup_content
{
	padding: 5px 15px 15px;
	border: 1px solid #000000;
	background: url(images/fond_body.png);
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;

	overflow-x: auto;
	
	text-align: left;
	line-height: 16px;
}

.forums_signature {
	height:80px;
	overflow:none;
}

.link_goron {
	color:#990000;
}

.link_zora{
	color:#003366;
}

.link_gerudo {
	color:#996600;
}

.link_hylien {
	color:#FF9900;
}