html { -webkit-text-size-adjust: none; }



/***********************/
/* La boite principale */
/***********************/
	#centre {
		overflow: hidden;
		margin-top: 8px;
		width: 100%;
	}
	
	
/**************************************/
/* Le footer sous la boite principale */
/**************************************/
	#footer{
		text-align: center;
		border-top: 1px solid #AFAFAF;
		padding-top: 3px;
		padding-bottom: 7px;
	}
	
	
/****************/
/* Boite Paypal */
/****************/
	#lien_paypal{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}
	
	
/**********************************************/
/* Les largeurs des colonnes gauche et droite */
/**********************************************/
	#menu_gauche {
		float: left;
		width: 180px;
		min-height: 100px;
	}
	
	#menu_droite {
		float: right;
		width: 180px;
		min-height: 100px;
	}
	#contenu{
		margin-left: 200px;
		margin-right: 200px;
	}

	
/*************************************************************/
/* Les coins arrondis d'une rubrique ou d'une boite centrale */
/*************************************************************/
	.supra_boite,
	.supra_boite_cat {
		background-color: #fff;
		position: relative;
		margin-bottom: 15px;
	}
	.supra_boite .top_left, 
	.supra_boite .top_right,
	.supra_boite_cat .top_left, 
	.supra_boite_cat .top_right {
		height: 5px;
		width: 5px;
		background-repeat: no-repeat;
		position: absolute;
	}
	.supra_boite .top_left,
	.supra_boite_cat .top_left {
		top: 0px;
		left: 0px;
		background-image: url(../images/top_left_new.png);
		z-index: 5;
	}
	.supra_boite .top_right,
	.supra_boite_cat .top_right {
		top: 0px;
		right: 0px;
		background-image: url(../images/top_right_new.png);
		z-index: 6;
	}


/*****************/
/* Boite de menu */
/*****************/
	.rubrique {
		width: 100%;
		padding: 0;
		text-align: center;
		min-height: 50px;
	}
	#rubrique_sections .rubrique{
		margin-top: 5px;
	}
	.rubrique_boite{
		position: relative;
	}
	#rubrique_partenaires .rubrique, 
	#rubrique_boutiques .rubrique{
		vertical-align: middle;
	}
	#rubrique_serveurs .rubrique, 
	#rubrique_boutiques .rubrique, 
	#rubrique_partenaires .rubrique,
	#rubrique_parties .rubrique,
	#rubrique_mumble .rubrique,
	#rubrique_steam .rubrique,
	#rubrique_teamspeex .rubrique,
	#rubrique_irc .rubrique{
		background: transparent url(../images/bgd_rubrique.png);
		background-repeat: repeat-x;
	}
	#rubrique_serveurs .rubrique{
		min-height: 80px;
	}
	#rubrique_parties .rubrique{
		min-height: 70px;
	}
	#rubrique_serveurs .rubrique .serveur_description,
	#rubrique_parties .rubrique,
	#rubrique_teamspeex .rubrique #teamspeex_tuto,
	#rubrique_mumble .rubrique #mumble_tuto,
	#rubrique_steam .rubrique #steam_tuto,
	#rubrique_irc .rubrique #irc_tuto{
		overflow: hidden;
		position: relative;
	}
	.serveur_joueurs{
		font-size: 10px;
		margin-bottom: 10px;
	}
	#teamspeex_joueurs,
	#irc_joueurs,
    #mumble_joueurs,
    #steam_joueurs{
		font-size: 10px;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 5px;
	}
	.chargement{
		text-align: center;
	}
	.rubrique_vide{
		background: transparent url(../images/bgd_rubrique.png);
		background-repeat: repeat-x;
		min-height: 64px;
		padding-top: 10px;
		text-align: center;
		font-size: 10px;
	}
	
	
/***********************/
/* Boite de news/edito */
/***********************/
	.contenu_item{
		position: relative;
		background: #FFF;
		padding: 0px;
		margin: 0px;
		padding-bottom: 10px;
		/*margin-bottom: 20px;*/
		min-height: 40px;
	}
	.contenu_item_contenu{
		overflow: hidden;
		padding: 10px;
		font-size: 11px;
		text-align: justify; 
		margin-bottom: 5px;
		background-color: #f3f4f5;
	}
	.lien_suite,
	.pager {
		font-weight: bold;
		vertical-align: middle;
		font-size: 11px;
		background-color: #fff;
		padding: 0;
		margin: 0;
		padding-left: 10px;
		border-bottom: 1px solid #d1d3d3;
		padding-bottom: 2px;
		padding-top: 3px;
	}
	.lien_suite {
		text-align: left;
	}
	.pager {
		text-align: center;
	}

	.news{
		position: relative;
		margin-bottom: 5px;
	}
	.date_news{
		float: right;
		font-size: 10px;
		font-weight: normal;
		margin-right: 10px;
	}
	#contenu_item_forum .contenu_item_contenu{
		background-color: #fff;
		padding:0;
	}
	#news_commentaire_form {
		margin-top: 20px;
	}
	.news_commentaires{
		clear: both;
		background-color: #e8eff5;
		text-align: right;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		/*width: 100%;*/
		margin-top: 5px;
	}


/************************/
/* Les styles de titres */
/************************/
	.rubrique_titre{
		font-size: 12px;
		font-weight: bold;
		background: transparent url(../images/bgd_titre_new.png);
		background-repeat: repeat-x;
		color: #333333;
		margin: 0px;
		padding: 0px;
		padding-top: 7px;
		padding-bottom: 3px;
		padding-left: 10px;
	}
	.contenu_item_entete{
		background: transparent url(../images/bgd_titre_new.png);
		background-repeat: repeat-x;
		color: #333333;
		font-size: 12px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		padding-top: 7px;
		padding-bottom: 3px;
		padding-left: 10px;
	}
	.contenu_item_titre{
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		padding: 5px;
		padding-left: 10px;
	}
	.contenu_item_titre{
		background-color: #e7e7e7;
	}
	.contenu_item_contenu h4 {
		margin-bottom: 1em;
	}
	.news_commentaire .contenu_item_titre{
		background-color: #e8eff5;
	}


/******************************/
/* Les styles des formulaires */
/******************************/
	#rubrique_membres input, 
	#rubrique_parties input,
	#news_commentaire_form input.soumission{
		border: 1px solid #000;
		background: transparent url(../images/bgd_bouton.png);
		background-repeat: repeat-x;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		width: 180px;
		height: 22px;
		/*min-height: 22px;*/
		margin-top: 8px;
		vertical-align: middle;
	}
	#rubrique_parties input{
		padding: 0px !important;
		/*height: 30px;*/
	}
	#rubrique_membres form, 
	#rubrique_parties form,
	#news_commentaire_form form{
		margin: 0px;
		padding: 0px;
	}
	#news_commentaire_form legend {
		font-weight: bold;
	}
	#news_commentaire_form label{
		display:block;
		float: left;
		width: 100px;
	}
	#news_commentaire_form fieldset{
		background-color: #f3f4f5;
	}
	#news_commentaire_form textarea {
		width: 600px;
		height: 150px;
	}

/***********************/
/* Les styles de table */
/***********************/
	.rubrique table {
		width: 100%;
		background: none;
		font-size: 10px;
	}
	.rubrique th {
		padding: 0px;
		color: black;
		background: none;
		text-align: center;
		border: none;
	}
	.rubrique td {
		background: none;
		color : black;
		text-align: left;
	}
	.contenu_item_contenu table {
		width: 100%;
		border-collapse:collapse;
		margin-top: 3px;
		color: #525252;
		font-size: 11px;
		font-weight: bold;
	}
	.contenu_item_contenu table tr {
		background-color: #e8eff5;
		
	}
	.contenu_item_contenu table td {
		padding-top: 2px;
		padding-bottom: 5px;
		border-top: 5px solid #f3f4f5;
	}
	#contenu_item_forum table td{
		border-top: 5px solid #fff;
	}
	.contenu_item_contenu .topic {
		width: 40%;
		padding-left: 5px;
	}
	.contenu_item_contenu .forum {
		width: 22%;
	}
	.contenu_item_contenu .auteur {
		width: 17%;
	}
	.contenu_item_contenu .date {
		width: 20%;
		font-weight: normal;
	}
	.contenu_item_contenu .lien {
		width: 1%;
		text-align:right;
		padding-top: 5px;
		padding-right: 15px;
	}
	td.score{
		color: red;
	}
	td.nombre{
		width: 100%;
		text-align: right;
		padding-right: 5px;
	}
	td.joueur_num{
		width: 15% !important;
	}
	td.joueur_nom{
		padding-left: 5px;
	}
	td.joueur_score{
		width: 15% !important;
	}


/************************/
/* Les styles de listes */
/************************/
	.rubrique ul {
		list-style-type: none;
		padding-left: 0px;
	}
	.rubrique li {
		padding-bottom: 2px;
	}
	li.rubrique_libelle {
		font-size: 12px;
		font-weight: bold;
		color: black;
		text-align: center;
		padding-bottom: 5px;
	}
	#teamspeex_joueurs ul,
    #steam_joueurs ul,
    #mumble_joueurs ul,
	#irc_joueurs ul{
		font-weight: bold;
	}
	#teamspeex_joueurs li,
    #mumble_joueurs li,
    #steam_joueurs li,
    #irc_joueurs li{
		background-image: url(../images/teamspeex_player.png);
 	 	background-repeat: no-repeat;
		padding-left: 20px;
		margin-left: 5px;
		font-weight: normal;
	}
	.contenu_item_contenu ul {
		list-style-type: none;
	}
	.contenu_item_contenu li {
		margin-bottom: 1em;
	}
	#navlist
	{
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding-bottom: 19px;
		padding-left: 10px;
	}
	#navlist ul, #navlist li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#navlist ul a:hover { color: #333333 !important; }


/***********************/
/* Les styles d'images */
/***********************/
	.rubrique img {
		margin-right: 5px;
	}
	.lien_suite img {
		margin-right: 15px;
		float: right;
	}
	.date_news img{
		margin-left: 15px;
	}
	#rubrique_serveurs img,
	#rubrique_parties img{
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		opacity:0.3;
		filter:alpha(opacity=30);
	}
	.chargement img {
		float: none !important;
		opacity:1.0 !important;
		filter:alpha(opacity=100) !important;
	}
	#rubrique_teamspeex .rubrique #teamspeex_tuto img,
	#rubrique_mumble .rubrique #mumble_tuto img,
	#rubrique_steam .rubrique #steam_tuto img,
	#rubrique_irc .rubrique #irc_tuto img{
		float: left;
		margin-top: 0px;
		margin-left: 0px;
	}
	#rubrique_teamspeex .rubrique #teamspeex_tuto p img,
	#rubrique_mumble .rubrique #mumble_tuto p img,
	#rubrique_steam .rubrique #steam_tuto p img,
	#rubrique_irc .rubrique #irc_tuto p img{
		float: right;
		margin-left: 15px;
		margin-top: 3px;
	}
	img.img_news,
	img.img_news_droite {
		margin: 5px;
		/*margin-top: 0px;*/
	}
	img.img_news {
		float: left;
	}
	img.img_news_droite {
		float: right;
	}
	img.img_news_centree {
		display: block;
		margin: 0 auto;
	}
	#imageflow_images img{
		cursor: pointer;
	}
	.contenu_item_entete img{
		padding: 0;
		margin: 0;
		margin-top: -7px !important;
	}
	

/*****************************/
/* Les styles de paragraphes */
/*****************************/
	.contenu_item_contenu p {
		text-indent: 1.5em;
		padding-bottom: 1px;
		/*overflow: auto;*/
	}
	#rubrique_serveurs .rubrique p,
	#rubrique_parties .rubrique p,
	#rubrique_steam .rubrique #steam_tuto p,
	#rubrique_mumble .rubrique #mumble_tuto p,
	#rubrique_teamspeex .rubrique #teamspeex_tuto p,
	#rubrique_irc .rubrique #irc_tuto p{
		text-align: right;
		margin: 0px;
		padding: 0px;
		padding-right: 8px;
		padding-bottom: 10px;
		position: absolute;
		left: 0px;
		right: 0px;
		float: right;
		top: 0px;
		color: #000;
		line-height: 1.7em;
	}
	#rubrique_serveurs .rubrique p,
	#rubrique_parties .rubrique p {
		padding-top: 5px;
	}
	#rubrique_teamspeex .rubrique #teamspeex_tuto p,
	#rubrique_mumble .rubrique #mumble_tuto p,
	#rubrique_steam .rubrique #steam_tuto p,
	#rubrique_irc .rubrique #irc_tuto p{
		padding-top: 15px;
	}
	#rubrique_teamspeex .rubrique p,
	#rubrique_mumble .rubrique p,
	#rubrique_steam .rubrique p,
	#rubrique_irc .rubrique p{
		margin:0px;
		padding-right: 5px;
		padding-top: 5px;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
	}


/**********************/
/* Les styles de span */
/**********************/
	.lien_suite span,
	.pager span {
		/*color: #d1d3d3;*/
		color: #333333;
	}
	#footer span{
		margin-left: 10px;
		margin-right: 10px;
	}
	#rubrique_serveurs .rubrique p span{
		font-weight: bold;
	}
	.news_commentaires span {
		/*position: relative;
		display: block;
		bottom: 0;
		right: 0;
		*/font-weight: normal;
		font-style: italic;
		color: #333333;
		background-color: #e8eff5;
	}
	

/**********************/
/* Les styles de liens*/
/**********************/
	.lien_suite a,
	.pager a {
		/*color: #d1d3d3;*/
		color: #333333;
		padding-left: 2px;
		padding-right: 2px;
	}
	#navlist a:link, #navlist a:visited
	{
		background: #f3f4f5;
		border: 1px solid #ccc;
		color: #d1d3d3;
		float: left;
		font-size: small;
		font-weight: normal;
		line-height: 14px;
		margin-right: 8px;
		padding: 2px 10px 2px 10px;
		text-decoration: none;
	}
	#navlist a:link#lien_courant, #navlist a:visited#lien_courant
	{
		background: #fff;
		border-bottom: 1px solid #fff;
		color: #333333;
	}
	#navlist a:hover { color: #333333; }
	.titre_news span a{
		text-decoration: none;
		font-style: italic;
		color: #333333;
	}
	.news_commentaires span a{
		text-decoration: none;
	}
	.news_commentaires span a:hover{
		color: #333333;
		text-decoration: underline;
	}
	

/****************************/
/* Les styles de l'éditeur */
/****************************/
	.boite_images{
		position:relative;
	}
	.boite_images .top_right,
	.boite_images .top_left{
		height: 24px;
		width: 3px;
		background-repeat: no-repeat;
		position: absolute;
	}
	.boite_images .top_right{
		top: 0px;
		right: 0px;
		background-image: url(../images/icones_bbcode/couleur_droite.png);
		z-index: 6;
	}
	.boite_images .top_left{
		top: 0px;
		left: 0px;
		background-image: url(../images/icones_bbcode/couleur_gauche.png);
		z-index: 5;
	}
	.boite_images_contenu{
		height:24px;
		background-repeat: repeat-x;
		background-image: url(../images/icones_bbcode/couleur_milieu.png);
		margin-left:3px;
		margin-right:3px;
		padding-top:4px;
	}
	.boite_images_contenu span {
		display:block;
		float:left;
		width:16px;
		height:16px;
		margin-left:1px;
		margin-right:1px;
		cursor: pointer;
	}
	

/****************************/
/* Les styles de décoration */
/****************************/
	.drag_n_drop{
		cursor:move;
	}
	.hoverActive{
		border: 2px dashed #567ff3;
	}
	.titre_ferme{
		background-color: #e8eff5;
	}
	.lettrine{
		float: left;
		font-size: 3em;
		font-weight: bold;
		font-family: Georgia, Times New Roman, Times, serif;
		color: #222;
		margin: 1px;
		margin-left: -18px;
		margin-right: 10px;
		padding: 1px;
		line-height: 1em;
	}
	.pseudo,
	.jeu{
		font-weight: bold;
	}
	.cliquable:hover{
		cursor: pointer;
		background-color: #e7e7e7;
	}
	#overDiv{
		position:absolute; 
		visibility:hidden; 
		z-index:1000;
		text-align: left;
	}
	#message_avertissement{
		border: 1px solid red;
		background-color: pink;
		color: red;
		font-weight: bold;
		padding: 10px;
		display: none;
	}
	.code{
		font-family: Times New Roman, Times, serif;
		font-size: 1.2em;
		background-color: white;
		padding: 8px;
	}
	.gras{
		font-weight: bold;
	}
	.justifie{
		text-align:justify;
	}
	.aligne_gauche{
		text-align:left;
	}
	.aligne_droite{
		text-align:right;
	}
	.nowrap{
		white-space:nowrap;
	}
	.souligne{
		text-decoration: underline;
	}
	.italique{
		font-style: italic;
	}
	.barre{
		text-decoration: line-through;
	}
	.jeu {
		font-weight: bold;
	}
	.evenement{
		font-weight: bold;
	}
	.importante{
		display: block;
		margin: 5px;
		font-weight: bold;
		font-size: 3em;
		color: red;
		width: 100%;
		text-align: center;
	}
	.bbc_spoiler{
		background-color: white;
		padding: 10px;
	}
	.spoiler_entete{
		font-style: italic;
		cursor: pointer;
	}
	.spoiler_contenu{
		border: 1px dashed #e7e7e7;
		padding: 10px;
	}
	.bbc_quote{
		/*background-color: white;*/
		padding: 10px;
	}
	.bbc_quote_intra{
		background-color: white;
		margin: 3px;
		padding: 3px;
		border: #e7e7e7 1px dashed;
		position: relative;
		min-height: 24px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.bbc_quote p {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.bbc_quote_open{
		position: absolute;
		top: 0;
		left: 0;
		opacity:0.3;
		filter:alpha(opacity=30);
	}
	.bbc_quote_close{
		position: absolute;
		bottom: 0;
		right: 0;
		opacity:0.3;
		filter:alpha(opacity=30);
	}
	.bbc_quote cite {
		font-weight: bold;
	}
	#operationEnCours {
		z-index: 16000;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		width: 100%;
		text-align: center;
		padding-top: 300px;
 
		background-image: url(../images/lightbox/overlay.png);
	}
	#operationEnCours div {
		display: inline;
		background-color: white;
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 150px;
		padding-right: 150px;
	}
	
	
	/*********************/
	/* Styles des events */
	/*********************/
	#rubrique_event  .rubrique {
		background: transparent url(../images/bgd_rubrique.png);
		background-repeat: repeat-x;
		min-height: 150px;
		overflow: hidden;
		position: relative;
	}
	#rubrique_event form{
		margin: 0px;
		padding: 0px;
	}
	#rubrique_event img.img_jeu{
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		opacity:0.3;
		filter:alpha(opacity=30);
	}
	#rubrique_event .rubrique p {
		text-align: left;
		margin: 0px;
		padding: 0px;
		padding-left: 70px;
		padding-bottom: 10px;
		position: absolute;
		left: 0px;
		right: 0px;
		float: right;
		top: 0px;
		color: #000;
		line-height: 1.7em;
		padding-top: 5px;
		width: 450px;
	}
	#rubrique_event a.img_droite{
		float: right;
		z-index: 10000;
	}
	#rubrique_event a.img_droite img{
		cursor: pointer;
		margin-top: 5px;
		margin-left: 5px;
		opacity:1.0;
		filter:alpha(opacity=100);
	}