/*feuille de style pour le site de Gros-élan*/
html {
	font-size:100%;
	height:100%;
	margin:0;
	padding:0;
	}

body {
	text-align:center;
	height:100%;
	margin:0 0;
	color:#ffc;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:0.875rem;
	/*background-color:#222;*/
	/*background-image:url("interface/bg_trapezes06.svg");*/
	background: linear-gradient(to bottom, #000, #300);
	background-attachment:fixed;
	}
	
img { text-decoration:none;
	}
	
a  { text-decoration:none;
	color:#f81;}
	
a:hover {
	color:#fd3;}

a:active {
	color:#ffe;}

strong{ 
	color:#fd3;
	font-weight:bold;
	}

.detail {
	font-size:10px;
	color:#aa9;
	}
.center { text-align:center; }
.pale { color:#111; }
/*------------------------------------------- bloc principal --------------------------------------------*/
#principal {
	width:960px;
	margin:0 auto;
	min-height:95%; 
	}
		
/* pour Internet Explorer */
* html #principal{
	height:95%;
	}

	
/*------------------------------------------- en-tete --------------------------------------------*/
#entete {
	background-image:url("interface/entete05.png");
	font-weight:bold;
	height:90px;
	width:960px;
	margin:0 auto;
	}
	
/*------------------------------------------- contenu --------------------------------------------*/	
#contenu{
	float:left;
	width: 700px;
	text-align:left;
	padding:0.5em;
	background-color:#111;
	margin-bottom:40px;
	}

.news {
	width:600px;
	border-bottom:1px dotted #ffd;
	line-height:1.6em;
	}
	
.news_rep {
	text-align:right;
	}

h1{
	font-size:1.5rem;
	color:#d60;
}
	
h2.news{
color:#fd3;
font-size:12px;
border:0;
}
	
h2{
color:#d60;
}	

.exemple{
	font-size:11px;
	padding:0px 20px;
	color:#aa6;
}

.coms {
	font-size:11px;
	padding:10px 40px;
	}
	
.de{
	font-style:italic;
	}
	
.legende{
	font-style:italic;
	color:#cca;
	}
	
#contenu table {
	padding:0;
	margin:0;
	}
	
#tab_cadre{
	text-align:center;
	border:1px dotted #443;
	}

#plateau td{
	text-align:center;
	border:2px solid #443;
	background-color:#262;
	font-weight:bold;
	}
	
.arene td{
	text-align:center;
	border:1px dotted #332;
	}

#tournoi td{
	text-align:center;
	border:1px dotted #443;
	background-color:#333;
	}
	
#tournoi, .arene th{
	text-align:center;
	border:1px dotted #443;
	background-color:#222;
	}
	
#tournoi td#done{
	background-color:#222;
	}
	
#tournoi td#nothing{
	background-color:#111;
	border:0px;
	}
	
table.bestiaire_reg {
	background-color:#111;
	width:100%;
	}
	
#contenu table.bestiaire {
	background-color:#111;
	width:100%;
	border-collapse:collapse;
	}
	
#contenu table.bestiaire p {
	margin-top:0;
	margin-bottom:2px;
	}

#contenu table.bestiaire .centre{
	text-align:center;
	}
	
#contenu table.bestiaire .description{
	font-style:italic;
	color:#ccb;
	}
	
#contenu table.bestiaire td.niv{
	text-align:center;
	color:#ffe;
	width:99px;
	}
	
#contenu table.bestiaire_reg td{
	text-align:center;
	background-color:#333;
	}
	
#contenu .bestiaire_reg th{
	text-align:center;
	background-color:#222;
	color:#bba;
	}
	
#contenu table.bestiaire.elite td{
	background-color:#533;
	}
	
#contenu table.bestiaire.seigneur td{
	background-color:#733;
	}
	
#contenu table.bestiaire_reg p {
	margin:0.2em 0;
	}
	
#contenu table.bestiaire_reg span.troupes {
	display:block;
	text-align:center;
	float:left;
	width:20%;
	}
	
#contenu #winner{
	color:#fd3;
	}
	
#contenu #tab_armees {
	background-color:#222;
	background-image:url("interface/fond_tab.png");
	}
	
#contenu #tab_armees td{
	text-align:center;
	}
	
#contenu div#graph div{
	font-weight:bold;
	}

#contenu ul#jqscore {
	padding:0;
	}
		
#contenu ul#jqscore li {
	display:inline;
	padding:0 0.6em;
	background-color:#444;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
	}
	
#contenu ul#jqscore li:hover {
	color:#eee;
	background-color:#f61;
	}

.separation_annee {
	border-top:1px dashed #ffc;
	height:10px;
	}
	
.separation_annee span{
	float:right;
	}
	
#contenu table.bataille {
	width:640px;
	}
	
#contenu table.bataille th{
	background-color:#333;
	width:24%;
	text-align:center;
	}
	
#contenu table.v{
	width:100%;
	}	
	
#contenu table.v  td{
	width:50%;
	vertical-align:top;
	}	
	
#contenu table.vainqueur {
	width:100%;
	}	
	
#contenu table.vaincu {
	width:100%;
	}

#contenu table.vaincu td {
	font-size:smaller;
	}
	
#contenu span.score {
	font-size:smaller;
	float:right;
	}
	
#contenu table.tour {
	background-color:#222;
	border:#333 solid 1px;
	}
	
#contenu table.tour th{
	font-weight:bold;
	color:#a34;
	text-align:center;
	}
	
#contenu .death {
	color:#d62;
}

#contenu fieldset.fig{
	padding:0;
	margin:32px 0;
	border:dotted #ed7 1px;
	border-left:0px;
	border-bottom:0px;
	border-right:0px;
}
#contenu fieldset.fig legend{
	color:#ed7;
	margin-left:20px;
	}

.field_magie {
	border:0;
	color:#ba8;
	border-top:1px dotted #ba8 ;
}	
.tab_magie {
	border:0;
	text-align:center;
}
	
/*------------------------------------------- marge droite --------------------------------------------*/	
#marge_droite{
	float:right;
	width: 220px;
	margin:0 auto;
	text-align:left;
	padding:0.5em;
	background-color:#111;
	}
	
#marge_droite .menu {
	border-bottom:1px dotted #ffd;
	padding:0.5em 0;
	}
	
#marge_droite .menu strong {
	font-size:13px;
	color:#ffc;
	letter-spacing:0.2em;
	line-height:1.6em;
	}

#marge_droite .menu a {
	font-size:13px;
	letter-spacing:0.2em;
	line-height:1.6em;
	}

#marge_droite .admin a { color:#abff12; }
#marge_droite .admin a:hover { color:#d2ff80; }
#marge_droite .menu.admin a:active { color:#ffe; }
#marge_droite .menu.armees a { color:#ff8811; }
#marge_droite .menu.armees a:hover { color:#ffbf7f; }
#marge_droite .menu.armees a:active { color:#ffe; }
#marge_droite .menu.baston a { color:#999; }
#marge_droite .menu.baston .a_venir a { color:#ff5846; }
#marge_droite .menu.baston .en_cours a { color:#f32; }
#marge_droite .menu.baston a:hover { color:#ff8b80; }
#marge_droite .menu.baston a:active { color:#ffe; }
#marge_droite .menu.scores a { color:#ffd312; }
#marge_droite .menu.scores a:hover { color:#ffe780; }
#marge_droite .menu.scores a:active { color:#ffe; }
#marge_droite .menu.jeux a { color:#2e9; }
#marge_droite .menu.jeux a:hover { color:#ffe780; }
#marge_droite .menu.jeux a:active { color:#ffe; }
#marge_droite .menu.regles a { color:#ed46ff; }
#marge_droite .menu.regles a:hover { color:#f580ff; }
#marge_droite .menu.regles a:active { color:#ffe; }
/*
*/
#marge_droite .menu a:hover { color:#fd3; }
#marge_droite .menu a:active { color:#ffe; }
	
#marge_droite .menu ul {
	list-style-type:square;
	margin-top:0.2em;
	padding-left:24px;
	}
	

#marge_droite .menu ul li a {
	font-size:12px;
	letter-spacing:0.15em;
	line-height:1.2em;
	}
	
#marge_droite .menu ul ul {
	list-style-type:circle;
	margin-top:0.1em;
	}
	
#marge_droite .menu ul ul li a {
	font-size:12px;
	letter-spacing:0.1em;
	}
	
#bloc_marge {
	padding:0.5em;
	}
	
#bloc_marge  ul{
	margin-top:0.2em;
	}
	
#cadre_defile {
	text-align:center;
	background-color:#222;
	width:220px;
	height:160px;
	overflow:hidden;
	}
	
#cadre_defile img {
	margin:8px;
	}

/*------------------------------------------- pied --------------------------------------------*/
#pied {
	
	background-color:#111;
	opacity:0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
	width:960px;
	min-height:5%;
	clear:both;
	margin:0 auto;
	text-align:right;
	font-size:10px;
	}
	
/* pour Internet Explorer */
* html #pied{
	height:5%;
	}

#pied span {
	margin:0 2em;
	}
	
/*------------------------------------------- wh_figurines --------------------------------------------*/
table#figs {
	width:500px;
	}

#js_vue { cursor:pointer;
	}
	
/*----------------------------------- galeries figurines fancybox -------------------------------------*/

ul.fancy {
	padding:0;
}
li.fancy {
	display : inline;
}

li.fancy img {
	border:0px;
	}

/*----------------------------------- galeries figurines légendes -------------------------------------*/

.boxgrid p{
margin:0px;
padding:0px;
}	

/* Boîte */
.boxgrid{
position:relative;
border:solid 1px #363636;
width:160px;
height:110px;
overflow: hidden;
float:left;
margin:2px;
}

.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}

/* Légende cachée */
.boxcaption {
position:absolute;
top:110px;
left:0px;
height:120px;
width:100%;
background-color: #111;
padding:5px;
opacity:0.8;
}