@CHARSET "UTF-8";

body
{
    padding:0px;
    margin:0px;
    background-image:url(Images/fond.png);
    background-color:#363;
    font-family:calibri,arial;
    font-size:18px;
    line-height:auto;
    cursor:default;
    color:#300;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
    
}

h1{
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom:0.5em;
    font-size:40px;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}
h2{
    margin-left:20px;
    margin-bottom:0.5em;
    font-size:30px;
    text-shadow:1px 1px #000;
    color:#300;
    font-style:normal;
}

h1
{
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom:0.5em;
    font-size:40px;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}

h2{
    margin-left:20px;
    margin-bottom:0.5em;
    font-size:30px;
    text-shadow:0px 0px 2px rgba(0,0,0,0.5);
    color:#300;
    font-style:normal;
}

h3{
    margin:0px;
    margin-left:30px;
    margin-bottom:10px;
    font-size:26px;
    text-shadow:0px 0px 1px rgba(0,0,0,0.5);
    color:#600;

}

ul
{
    display:block;
    position:relative;
    /*width:100%;*/
    margin:0px;
    padding:0px;
    list-style-type:none;
}
ul.puce{
    padding-left:25px;
    list-style-type:circle;
}
ul.inline > li{
    display:inline-block;
    position:relative;
    vertical-align:top;
}
a
{
    color:#fff;
    text-decoration:underline;
}
a:hover
{
    text-decoration:none;
}	


input,
select
{
	font-family:georgia,arial;
	font-size:13px;
	color:#000;	
	border:1px solid #fff;
}

input[type=text],
input[type=password]{
    padding:5px;
    border-radius:5px;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    font-size:16px;
    color:#300;
    outline: none;
}

input[type=text].empty,
input[type=password].empty
{
    color:#999;
    font-style:italic;
}

span[type=select]{
    position:relative;
    display:inline-block;
    padding:2px;
    border-radius:5px;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    font-size:16px;
    color:#300;
    background-color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    cursor:pointer;
}
span[type=select] .empty,
span[type=select] .head{
    display:inline-block;
    min-width:10px;
    padding-right:10px;
}
span[type=select] .empty{
    display:none;
}
span[type=select] .arrow{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
span[type=select] ul{
    display:none;
    position:absolute;
    left:10px;
    top:100%;
    z-index:1000;
    background-color:#fff;
    border-radius:5px;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    padding:2px;
}
span[type=select].open ul{
    display:block;
}
span[type=select] li{
    padding:2px;
    border-radius:5px;
    margin-bottom:3px;
    white-space:nowrap;
    border:1px solid #fff;
    padding-right:10px;
    text-align:left;
}
span[type=select] li:hover{
    background-color:#cc9;
    color:#000;
}


p{
    position:relative;
    display:block;
    text-indent:20px;
}

#play .header,
#header,
#header.rules{
    /*min-height:80px;*/
    min-width:1000px;    
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    background-image:url('Images/fond4.png');
    /*background-color:#BFA880;*/
    padding:5px;
    font-size:18px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color:#300;
    margin-bottom:10px;
}
#play .header,
#header.rules{
    background-image:url('Images/fond4.png') !important;
}

#page
{
    /*display:inline-table;*/
}
#page.center
{
    display:block;
    text-align:left;
    min-width:1000px;
}
#left,
#play .left
{
    display:table-cell;
    width:250px;
    min-width:250px;
    vertical-align:top;
    text-shadow:none;
    
}
#play .left
{
    width:300px;
    padding-left:0px;
}

#main,
#play .main
{
    display:table-cell;
    width:100%;
    min-width:500px;
    vertical-align:top;
    /*text-shadow: 1px 1px #000;*/
}
#play .main
{
    padding:0px;
}
.content
{
    padding:5px;
}
#left a{
    color:#300;
    text-decoration:none;
    display:block;
}
#left li
{
    display:block;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    line-height:40px;
    font-size:22px;
    border-radius:5px;
    text-indent:5px;
    margin-bottom:10px;
}
#left li.off
{
    background-color:#696;
    border:1px solid #696;
    width:80%;
    color:#000;
    font-weight:normal;
    font-style:normal;
}
#left li.off:hover{
    border:1px solid #fff;
}
#left li.on
{
    background-color:#fff !important;
    border:1px solid #fff;
    width:90%;
    color:#300 !important;
    font-weight:bold;
    font-style:italic;
}


/* standard */
.block
{
    display:block;
}
.fl
{
    float:left;
}
.fr
{
    float:right;
}
.mt5
{
    margin-top:5px;
}
.mb5
{
    margin-bottom:5px !important;
}
.mb10
{
    margin-bottom:10px !important;
}
.mb20
{
    margin-bottom:20px !important;
}
.mb30
{
    margin-bottom:30px !important;
}
.ml5
{
    margin-left:5px !important;
}
.ml10
{
    margin-left:10px !important;
}
.mr5
{
    margin-right:5px !important;
}
.mr10
{
    margin-right:10px !important;
}
.mr20
{
    margin-right:20px !important;
}
.mr30
{
    margin-right:30px !important;
}

.mt10{
    margin-top:10px;
}




.lst-item h1
{
	font-size:20px;	
}
.lst-item h2
{
	font-size:16px;
	color:#333;	
	font-style:italic;
}

/* fin reset */
.clean
{
    display:block;
    clear:both;	
}

/* COLOR */
.row-w
{
    background-color:#fff;
    border:1px solid #fff;
    color:#333;
}
.row-g
{
    background-color:#ccc;
    border:1px solid #ccc;
    color:#000;
}
.row-selected
{
    -webkit-box-shadow: 0 0 0px 0px #aaa !important;
    -moz-box-shadow: 0 0 0px 0px #aaa !important;
    box-shadow: 0 0 0px 0px #aaa !important;	
    border:1px solid #999;
    cursor:pointer;
    
}

.m-home
{
	color:#000 !important;
	background-color:#696 !important;
}
.m-games
{
	color:#000 !important;
	background-color:#696 !important;	
}

.m-news
{
	color:#000 !important;
	background-color:#696 !important;
}
.m-rules
{
	color:#000 !important;
	background-color:#696 !important;	
}
.m-install
{
	color:#000 !important;
	background-color:#696 !important;	
}
.m-subscribe
{
	color:#000 !important;
	background-color:#696 !important;	
}
.m-story
{
	color:#000 !important;
	background-color:#696 !important;	
}
.style-red
{
	color:#fff !important;
	background-color:#600;	
}
.style-yellow
{
	color:#300 !important;
	background-color:#fc0;	
}
.style-green
{
	color:#000 !important;
	background-color:#696;	
}
.style-beige
{
	color:#000 !important;
	background-color:#c96;	
}
.style-brown
{
	color:#fff !important;
	background-color:#630;	
}
.style-turquoise
{
	color:#fff !important;
	background-color:#033;	
}
	

/* FIN PAGE */
.color-fond
{
	color:#fff;
	font-size:14px;	
	font-family:georgia;
}
.popup .container,
.btn,
.rounded-corner,
.frame-w,
.line-w,
.line-g,
.jeu-frame,
ul.menu li a,
li.line
{
    behavior: url(/../Scripts/pie.htc);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
.frame-header
{/*
	behavior: url(/../Scripts/pie.htc);
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    */
    font-size:22px;
    padding:10px;
    font-style:italic;
    behavior: url(/../Scripts/pie.htc);
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;	
}

.box-pion
{
	display:block;
	width:35px;
	height:35px;
	border:1px solid #fff;
	background-color:#fc9;
	margin-bottom:5px;
	margin-right:5px;
	
}
/* SHADOW */
.btn,
ul.menu li a,
.pic-avatar,
#mini-carte img,
#jeu-carte .m-area,
.box-pion,
#jeu-deploy-list .u-deploy-detail,
li.line
{
    /*
    -webkit-box-shadow: 0 0 1px 1px #333;
    -moz-box-shadow: 0 0 1px 1px #333;
    box-shadow: 0 0 1px 1px #333;
    */
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
}

.icon,
.pic
{
    -webkit-box-shadow: 0 0 1px 1px #333;
    -moz-box-shadow: 0 0 1px 1px #333;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.4);
}
.icon.bs2
{
    -webkit-box-shadow: 0 0 0px 0px #999;
    -moz-box-shadow: 0 0 0px 0px #999;
    box-shadow: 0 0 0px 0px #999;
}

.icon.bsc
{
}
.icon img{
    width:30px;
}

a.logo{
    display:inline-block;
    margin-right:10px;
    vertical-align:top;
}

ul.tab,
ul.tab > li{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
ul.tab > li{
    margin-right:5px;
}
ul.tab > li.separator{
    margin-right:100px;
}
ul.tab > li > a
{	
    display:block;
    text-decoration:none;
    font-style:normal;
    padding:10px;
    text-align:center;
    font-size:22px;
    text-shadow:none;
    border:2px;
    border-radius:7px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
}

ul.tab li > a.selected,
ul.tab li > a:hover
{
    /*border:2px solid #fff !important;*/
    border-bottom:5px solid #fff !important;
    /*box-shadow:none;*/
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
}
ul.tab li > a.yellow
{	
    color:#300;
    background-color:#E4D3B2;
}
ul.tab li > a.owned
{	
    color:#300;
    background-color:#BFAA80;
}
ul.tab li > a.red
{	
    color:#fff;
    background-color:#933;
    
}

#logo
{
	width:250px;
}
.banniere_top
{
	/*
	background-image:url(Images/banniere_top.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:fixed;
	*/
	
}
.banniere_bottom
{
	background-image:url(Images/banniere_bottom.png);
	background-repeat:no-repeat;
	height:100px;
}	
#options
{
	height:30px;	
	text-align:right;
}
#options div
{

	padding-top:5px;
}
.ko
{
	background-color:#600;
}	
.tabForm input
{
	border:1px solid #333;	
}
/* MENU */
ul.menu li
{
}
ul.menu li a
{
	display:block;
	color:none;
	text-decoration:none;
	font-size:20px;
	font-style:italic;
	line-height:26px;
	padding:5px;
	text-align:right;
}
ul.menu li a:hover,
ul.menu li a.selected
{
	font-size:26px;
}
ul.menu li a.selected
{
	text-align:left;
}
#menu
{
	position:relative;
	text-align:center;	
}	
#menu ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}
#menu li
{
	margin-right:3px;
}
#menu a
{
	display:block;
	text-align:center;
	font-size:16px;
	text-decoration:none !important;
	color:#666 !important;
	padding-top:5px;
	padding-bottom:10px;
}
#menu a:hover, 
#menu .menu_selected
{
	/*
	background-image:url(Images/menu_selected2.png);	
	background-repeat:repeat-x;
	*/
	color:#000 !important;
	font-weight:bold;
	font-size:22px !important;
	text-decoration:none !important;
	
}
.zone
{
	padding:2px;
	color:#ccc;
	background-color:#333;
	border:1px solid #000;
}

.opacity
{
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}

.fLeft
{
	float:left;
}
.fRight
{
	float:right;
}
.noFloat
{
	float:none !important;
}	
	

/*
.frame
{
	padding:2px;
	color:#000;
	border:1px solid #999;
	background-color:#ccc;
	margin-bottom:10px;
}
*/

/* ICONS */
.to1,
.to2,
.to3,
.tp1,
.tp2,
.s1,
.s2,
.e1,
.n1,
.n2,
.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.z,
.z-ok,
.z-ko,
.sep
{
	display:block;
	width:30px;
	height:30px;
	background-repeat:none;	
}

.z,
.z-ok,
.z-ko
{
	width:40px;
	height:40px;
}

.to1,
.to2,
.to3,
.tp1,
.tp2,
.s1,
.s2,
.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.z,
.z-ok,
.z-ko,
.add,
.star
{
    background-image:url(Images/Common/icons-std.png);
}

.z-mini{
    display:block;
    position:absolute;
    background-color:#696;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    z-index:1;
}
.e1,
.n1,
.n2
{
    background-image:url(Images/Common/icons-epoques.png);
}
/* TYPES_OBJECTIF */
.to1
{
	background-position:0px 0px !important;	
}
.to2
{
	background-position:-30px 0px !important;	
}	
.to3
{
	background-position:-60px 0px !important;	
}

/* TYPES_PARTIE */
.tp1
{
	background-position:0px -30px !important;	
}
.tp2
{
	background-position:-30px -30px !important;	
}

/* ATT_DEF */
.s1
{
	background-position:0px -60px !important;	
}
.s2
{
	background-position:-30px -60px !important;	
}
.star
{
	background-position:-60px -58px !important;	
}
.add
{
	background-position:-0px -160px !important;	
}
.icon.bs1
{
	border:1px solid #fff;
}
.icon.bs2
{
	border:1px solid #036;
}
.icon.bsc,
.icon.selected
{
	border:2px solid #fc0;
        margin:2px;
        margin-right:3px;
        margin-left:3px;
}
.icon.no{
    filter:alpha(opacity=40);
    -moz-opacity:0.40;
    -khtml-opacity: 0.40;
    opacity: 0.40;
}

ul.lst-games li.item,
ul.lst-games li.item.me,
ul.lst-games li.new
{
   /*color:#fc0 !important; */
    color:#300;
    border:1px solid #fff;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;
    background-image:url(Images/fond3.png);
    padding:5px;
    text-shadow:none;
}
ul.lst-games li.item.me{
    background-image:url(Images/fond3.png);
}
ul.lst-games li.item.turn{
    background-image:url(Images/fond2.png);
    color:#fff;
}
.me2
{
    color:#300;
    font-weight:bold;
}

/* EPOQUES */
.e1
{
    background-position:0px 0px !important;	
}


/* PHASES */
.p1
{
    background-position:0px -90px !important;	
}
.p2
{
    background-position:-30px -90px !important;	
}
.p3
{
    background-position:-60px -90px !important;	
}
.p4
{
    background-position:-90px -90px !important;	
}
.p5
{
    background-position:-120px -90px !important;	
}
.p6
{
    background-position:-150px -90px !important;	
}

/* ZONES */
.z,
.z.ok.hover
{
    background-position:0px -120px !important;	
}
.z.ok
{
    cursor:pointer;
    background-position:-40px -120px !important;	
}
.z.ko
{
    cursor:default;
    background-position:-80px -120px !important;	
}




/* STANDARD */

.normal{
    font-style:normal;
}
.italic
{
	font-style:italic;
}
.bold
{
	font-weight:bold;
}
.noMargin
{
	margin:0px !important;	
}	
.alignCenter, .alignC, .ac, .center
{
	text-align:center;
        margin-left:auto;
        margin-right:auto;
}
.alignRight, .alignR , .ar, .right
{
	text-align:right;
}
.alignJustify, .alignJ, .aj, .justify
{
	text-align:justify;
}
.alignLeft, .alignL, .al, .left
{
	text-align:left;
}
.floatLeft, .floatL, .fLeft
{
	float:left;	
}
.floatRight, .floatR, .fRight
{
	float:right;
}
.absolute
{
	position:absolute;
}
.relative
{
	position:relative;
}
.pad1
{
	padding:1px;
}
.pad2
{
	padding:2px;
}
.pad5
{
	padding:5px;
}
.pad10
{
    padding:10px;
}
.mg10{
    margin:10px;
}
.mBottom5
{
	margin-bottom:5px;
}
.mBottom10
{
	margin-bottom:10px;
}
.mBottom20
{
	margin-bottom:20px;
}
mTop10
{
    margin-top:10px;
}
.mLeft5
{
	margin-left:5px;
}
.mRight10
{
    margin-right:1px;
}
.mRight5
{
	margin-right:5px;
}
.mRight10
{
	margin-right:10px;
}
.border
{
	border:1px solid #000;
}
.borderBottom
{
	border-bottom:1px solid #300;
}	
.borderTop
{
	border-top:1px solid #300;
}	
.noResult
{
	text-align:center;
	font-style:italic;
}
#loader
{
    font-style:italic;
    font-size:16px;
    color:#000;
    text-shadow:none;
}
#loader .content
{
    background-color:#fc0;
    border-top:0px;
    padding:5px;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    
}
.important
{
	color:#600;
	font-style:italic;
}
.error,
.success,
.standard
{
	padding:5px;
	font-style:italic;
	text-align:center;	
	margin-bottom:10px;
}
.error 
{
    /*
	background-color:#900;
	border:1px solid #fff;
	border-top:0px;
	color:#fff;
    */
    color:#900;
}
.success
{
	background-color:#060;
	border:1px solid #fff;
	border-top:0px;
	color:#fff;
}
.standard
{
	color:#600;
}	
.cSelect
{
	cursor:pointer;	
}
.wnone{
    width:auto !important;
    max-width:auto !important;
}
.wp75
{
	width:75%;	
}
.w15
{
	width:15px;
}	
.w20
{
	width:20px;
}
.w30
{
	width:30px;
}
.w35
{
	width:35px;
}
.w50
{
	width:50px;
}
.w75{
    width:75px;
}
.w80
{
	width:80px;
}
.w100
{
	width:100px;
}
.w125
{
	width:125px;
}
.w150
{
	width:150px;
}
.w200
{
	width:200px;
}
.w225
{
	width:225px;
}
.w250
{
	width:250px;
}
.w300
{
	width:300px;
}
.w350
{
	width:350px;
}
.w450
{
	width:450px;
}
.w500
{
	width:500px;
}
.w580
{
	width:580px;
}
.w600
{
	width:600px;
}
.w750
{
	width:750px;
}
.h35
{
	height:35px !important;
}
.h50
{
	height:50px;	
}
.h55
{
	height:55px;
}
.h60
{
	height:60px;	
}
.h225
{
	height:225px;
}
.h250
{
	height:250px;
}
.h275
{
	height:275px;
}

.f14
{
    font-size:14px;
}
.f16
{
	font-size:16px;	
	line-height:20px;
}
.f18
{
	font-size:18px;	
        vertical-align:middle;
}
.f20
{
	font-size:20px;	
	line-height:20px;
}
.f22
{
	font-size:22px;	
	line-height:22px;
}
.f26
{
	font-size:26px;	
	line-height:26px;
}
.f30
{
	font-size:30px;	
	line-height:35px;
}
.hl40
{
    line-height:40px;
}
.wh50{
    width:50px;
    height:50px;
}
.wh75{
    width:75px;
    height:75px;
}
.button
{
	background-color:#333;
	cursor:pointer;
	border:1px solid #000;
	padding:5px;
	color:#fff;
	text-align:center;
}

.lh30
{
	line-height:30px;
}
/* AVATAR */
.pic-avatar
{
	display:block;
	margin-right:5px;	
	background-color:#fff;
	border:1px solid #fff;
	width:50px;
	height:50px;
	overflow:hidden;
}	
.pic-avatar.no-avatar
{
    background-image:url(Images/avatar-no.png);
    background-repeat:none;
}	

/* ICON */
.icon,
.pic
{
    border:1px solid #fff;
    background-color:#fff;
    margin:3px;
    vertical-align:middle;
    display:inline-block;

}
.icon,
.star{
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align: middle;
}
.sep
{
    display:block;
    height:1px;
    margin-right:5px;
}
.tabForm
{
	background-color:#333;	
	color:#000 !important;
}
.tabForm td, .tabForm div
{
	background-color:#666;	
}

.b0
{
	background-color:#cfcfcf;
	border:1px solid #300;
}
.b1
{
	background-color:#ccc;
}
.select_ko
{
	background-color:#900;
	color:#fff;
}

 label
 {
     /*vertical-align:middle;*/
 }
 .radio p
 {
     position:relative;
     padding:0px;
     margin:0px;
     float:left;
     background-image:url(Images/radio_empty.png);
     background-repeat:no-repeat;
     margin-right:20px;
 }
 .noFloat p
 {
 	float:none !important;
 }
 .radio_hover
 {
     background-image:url(Images/radio_over.png) !important;
 }
 .radio_selected
 {
     background-image:url(Images/radio_checked.png) !important;
 }
 .radio_disabled
 {
 	background-image:url(Images/radio_disabled.png) !important;
 }
 .radio input
 {
     opacity:0; /* pour !IE */
     filter:alpha(opacity=0); /* pour IE */
     height:20px;
     width:25px;
 }
 .radio input,
 .radio label
 {
     cursor:pointer;   
 }
 
 li.reset
 {
     line-height:initial;
 }
 p.fl
 {
     margin:0px;
     padding:0px;
 }
 /*
 .line .content
 {
 	float:left;
 	height:56px;
 	background-image:url(Images/line.png);
 	background-position:-10px 0px;
 }
 .line i
 {
 	display:block;
 	float:left;
 	width:10px;
 	height:56px;
 	background-image:url(Images/line.png);
 	background-position:0px 0px;
 }
 .line b
 {
 
 	display:block;
 	float:left;
 	width:10px;
 	height:56px;
 	background-image:url(Images/line.png);
 	background-position:-995px 0px;
 }
 .line.lineSelected .content
 {
 	background-position:-10px -56px !important;
 	color:#fff;
 }
 .line.lineSelected i
 {
 	background-position:-0px -56px !important;
 }
 .line.lineSelected b
 {
 	background-position:-995px -56px !important;
 }
 */
 
 .confirm
 {
 	line-height:50px;
 }
 /* FRAMES */
 .sec1 .top,
 .sec1 .content,
 .sec1 .bottom
 {
 	background-image:url(Images/frame_sec.png);
 }
 .sec1 .top
 {
 	background-position:0px 0px;
 	height:10px;
 }
 .sec1 .content
 {
 	background-position:0px -10px;
 	padding:5px;
 }
 .sec1 .bottom
 {
 	background-position:0px -500px;
 	height:10px;
 }

 
 
 .main1 .top,
 .main1 .content,
 .main1 .bottom,
 .line.lineSelected .top,
 .line.lineSelected .content,
 .line.lineSelected .bottom,
 .line .top,
 .line .content,
 .line .bottom,
 .main2 .top,
 .main2 .content,
 .main2 .bottom,
 .main3 .top,
 .main3 .content,
 .main3 .bottom
 {
 	background-image:url(Images/frame_main.png);
 }
 
 .main1 .top,
 .line .top
 {
 	background-position:0px 0px;
 	height:10px;
 }
.main1 .content,
.line .content
{
 	background-position:0px 0px;
}

.main2 .content,
.line.lineSelected .content
{
	background-position:0px -510px;	
}

.main1 .content,
.line .content,
.line.lineSelected .content,
.main2 .content,
.main3 .content
 {
 	padding:10px;
 	padding-bottom:0px;
 }
 .main1 .bottom,
 .line .bottom
 {
 	background-position:0px -500px;
 	height:10px;
 }
 
 .line.lineSelected .top,
 .main2 .top
 {
 	background-position:-790px 0px !important;
 	height:10px;
 }
 .line.lineSelected .content,
 .main2 .content,
 .main2 table
 {
 	color:#fff !important;
 }
 .line.lineSelected .bottom,
 .main2 .bottom
 {
 	background-position:0px -1010px;
 	height:10px;
 }
 
 .line
 {
 	cursor:pointer;
 }
 .form .line
 {
     cursor:default;
 }
 
 
 .main3 .content
 {
 	background-position:0px -1020px;
 }
 .main3 .bottom
 {
 	background-position:0px -1520px;
 	height:10px;
 }
 
 
 #modal
 {
    position:relative;
    background-color:#fff;
    min-width:500px;
    max-width:1000px;
    min-height:100px;
    font-family:georgia;
    color:#000;
    font-size:16px;
    padding:5px;
    width: auto;
    margin: 20px auto;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    text-shadow:none;
    
     
 }
 #modal h1
 {
    font-style:italic;
    color:#300;
    font-size:30px;
 }
 #modal h2
 {
     margin-bottom:10px;
 }
 
 #modal .detail
 {
     display:block;
 }
 #modal .detail h3
 {
     font-size:16px;
     font-style:italic;
 }
 
 /* JEU */
 .jeuPhase
 {
 	font-size:18px;
 	padding:5px;
 	text-align:center;
 	line-height:20px;
 	background-color:#fff;
 }	
 .infoTitre
 {
 	font-size:26px;
 	line-height:30px;
 }
 
ul.organigramme
 {
 	margin:0px;
 	padding:0px;
 	list-style-type:none;
 }
 ul.organigramme li.titre
 {
 	font-size:24px;
 	font-weight:bold;
 	line-height:30px;
 }
 ul.organigramme li.sub
 {
 	font-size:16px;
 	font-weight:bold;
 	line-height:20px;
 }
 ul.organigramme li.unite
 {
 	font-size:14px;
 	margin-left:20px;
 	line-height:40px;
 }
 
 /*
 ul.menu
 {
 	float:left;
 	margin:0px;
 	padding:0px;
 	height:60px;
 }
 ul.menu li
 {
 	display:block;
 	float:left;
 	margin-right:5px;
 	width:50px;
 	height:50px;
 	background-image:url(Images/Common/menu.png);
 }
 ul.menu li.chat
 {
 	background-position:0px -50px;
 }
 ul.menu li.chat.hover,
 ul.menu li.chat.selected
 {
 	background-position:0px 0px;
 }
 */
 /*
.popup
{
	color:#000; 	
}
.popup h1
{
	padding:0px;
	margin:0px;
	font-size:24px;
	font-weight:bold; 
	line-height:30px;
}
.popup h2
{
	padding:0px;
	margin:0px;
	padding-top:5px;
	font-size:24px;
	font-style:italic;
	line-height:36px;
}
*/
ul.tasks
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.tasks li.checked,
ul.tasks li.unchecked,
ul.tasks li.over
{
	background-repeat:no-repeat;
	padding-left:40px;
	line-height:30px;
}
ul.tasks li.checked
{
	background-image:url('Images/radio_checked.png');
}
ul.tasks li.unchecked
{
	background-image:url('Images/radio_empty.png');
}
ul.tasks li.over
{
	background-image:url('Images/radio_over.png');
}


/*
.pion.noaction,
.pion.selected,
.pion.target,
.pion
{
	height:40px;
	width:40px;
	background-image:url(Images/Common/base_pions.png);
}

.pion.selected
{
	background-position:-80px 0px !important;
}
.pion.target
{
	background-position:-120px 0px !important;
}
.pion.noaction
{
	filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}
.pion.joueur.action
{
	cursor:pointer;
}
*/


/* DETAIL */
.partie-detail
{
	background-color:#fff;
	color:#000;	
	font-size:16px;
}

/* FORM */
.partie-form
{
	background-color:#fff;
	padding:5px;
}


.tbl
{
	border-collapse:separate;
	border-spacing:1px;
	background-color:#aaa;	
}
.tbl tr
{
 	font-size:16px;
	background-color:#fff;	
}

/* RADIO BUTTONS */
.rad input,
.radio input
{
    position:absolute;
    z-index:0;
    display:none;
}
.rad label{
    display:inline-block;
    min-height:35px;
    background-image:url(Images/Common/radios.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    position: relative;
    z-index: 1;
    padding-left:30px;
    cursor: pointer;
    line-height:30px;
    
}
.radio
{
    margin-bottom:10px;
}
.radio label
{
    background-image:url(Images/Common/radios.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    display: block;
    position: relative;
    z-index: 1;
    padding-left:30px;
    /*padding: .5em 0 .5em 30px;*/
    cursor: pointer;
}
.rad.hover label,
.radio.hover label
{
    background-position:0px -200px;
    
}
.rad.checked label,
.radio.checked label
{
    background-position:0px -100px;
    
}
.rad.no label,
.radio.no label,
.radio.not label
{
    cursor:default;
    background-position:0px -300px;
    
}

.games-form .radio label
{
    line-height:35px;
    font-size:18px;    
}
 
 tr.error
 {
 	text-align:left;
 	color:#fff;
 	background-color:#900;
 }
 
.u-deploy
 {
 	cursor:pointer;
	
 }
 .u-deploy.put
 {
 	cursor:default;
 }
 
 .u-pv
 {
    position:absolute;
    top:5px;
    left:2px;
 }
 
 .c-dark-red
 {
 	color:#fff;
 }
 
 
 .c-light-brown,
 .c-soft-red
 {
 	color:#300;	
 }
 .c-light-brown
 {
 	background-color:#ca9;
 }
 .c-soft-red
 {
 	background-color:#c33;
 }
.c-red{
    background-color:#900;
}
.c-purple{
    background-color:#636;
}
.c-brown{
    background-color:#963;
}
.c-yellow{
    background-color:#fc0;
}
.c-cyan{
    background-color:#399;
}
.c-green{
    background-color:#363;
}
.c-blue{
    background-color:#06f;
}
.c-pink{
    background-color:#c6c;
}
.c-soft-purple{
    background-color:#969;
}
.c-white{
    background-color:#fff;
}
.c-grey{
    background-color:#aaa;
}
.c-orange{
    background-color:#f60;
}
.c-soft-green{
    background-color:#9c9;
}
.c-light-blue{
    background-color:#39f;
}
.c-green2{
    background-color:#690;
}
.c-soft-red{
    background-color:#c66;
}
.c-poo{
    background-color:#cc0;
}
 
 .c-deploy.ok
 {
 	cursor:pointer;
 	background-image:url(Images/Common/zone_ok.png);
 }
 /*
 .c-deploy
 {
 	display:block;
 	width:40px;
 	height:40px;
 	background-image:url(Images/Common/zone.png);
 }
 .c-deploy.ok
 {
 	cursor:pointer;
 	background-image:url(Images/Common/zone_ok.png);
 }
 .c-deploy.ko
 {
 	background-image:url(Images/Common/zone_ko.png);
 }
 */

 /*
.pion
{
	display:block;
	width:40px;
	height:40px; 
}
.pion
{
 	background-image:url(Images/Common/base_pions.png);
}
.pion.selected
{
    background-position:-80px 0px !important;   
}
.pion.target
{
	cursor:pointer;
	background-position:-120px 0px !important;
}
.pion.noaction
{
	background-position:-160px 0px;
}
.l-units .pion.action,
.l-deploy .pion.action{
    cursor:pointer;
}
.l-units .pion.action{
    background-position:-40px 0px;	
}
.pion span.routed,
.pion span.blocked
{
    position:absolute;
    display:none;
    width:40px;
    height:40px;	
}

.pion span.routed
{	
	background-image:url(Images/Common/Status/routed.png);
}
.pion span.blocked
{
	background-image:url(Images/Common/Status/is_blocked.png);
}

.pion span.routed.yes,
.pion span.blocked.yes
{
	display:block;
}
*/
/*
span.u-color
{
	display:block;
	width:35px;
	height:10px;
	position:absolute;
	top:26px;
	left:1px;
}

*/
/*
#mini-carte .mc-area
{
	background-color:#fff;
	
	filter:alpha(opacity=30);
    -moz-opacity:0.30;
    -khtml-opacity: 0.30;
    opacity: 0.30;
}
#mini-carte span.mc-pion
{	
	display:block;
	width:5px;
	height:5px;
	background-image:url(Images/Common/mc-pions.png);
}
#mini-carte span.mc-pion.att
{
	background-position:0px 0px !important;	
}
#mini-carte span.mc-pion.def
{
	background-position:-5px 0px !important;	
}
#mini-carte span.mc-pion.warning
{
	background-position:-10px 0px !important;	
}

#jeu-deploy-list .u-deploy-detail
{
	border:1px solid #fff;
	min-height:35px;
}
#jeu-deploy-list .u-deploy .u-color
{
	left:0px;
	top:25px;
}
#jeu-deploy-list .u-deploy.put
{
	filter:alpha(opacity=30);
    -moz-opacity:0.30;
    -khtml-opacity: 0.30;
    opacity: 0.30;
}
#jeu-deploy-list .u-deploy.unselected,
.form .icon .no-select
{
	
	filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}
#jeu-deploy-list .u-deploy.selected
{
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#jeu-deploy-list .u-deploy.hover
{
	filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity:0.80;
    opacity:0.80;
}
#jeu-deploy-list .u-deploy.put
{
	cursor:default;
}


#jeu-deploy-list .detail
{
	font-size:18px;
	line-height:30px;
	height:35px;
}
*/
.d-color
{
	display:block;
	width:10px;
	height:30px;
}

.div-center
{
	margin-left:auto;
	margin-right:auto;
}

/*---- JEU ----*/
#jeu p
{
	padding:5px;
	margin:0px;
	margin-bottom:5px;
}
/*
ul.inline 
{
    clear:none;	
    margin-right:5px;
}
*/


/*---- FORM ----*/
.line
{
    clear:both;
    min-height:35px; 
    margin-bottom:5px;
    margin-top:5px;
}
.line .col
{
    display:block;
    font-size:20px;
    float:left;
    line-height:35px;
    margin-right:5px;
}
.line.separator
{
    min-height:0px;
    border-top:1px solid #aaa;
}
.line .col.detail
{
    font-style:italic;
    line-height:25px;
    color:#333;
    font-size:16px;
}

ul.lst-page li
{
    margin-right:50px;
    margin-bottom:50px;
}

.partie-page ul.lst-page li
{
    
}
#pPartieForm .container
{
    width:600px;
    margin-left:auto;
    margin-right:auto;
    background-color:#000;
}

ul.lst-games li.item{
    background-image:url(Images/fond4.png);
    color:#300;
    
}

/* PLAY */
#play .header
{
    position:relative;
    padding:0px;
    padding-top:5px;
    padding-left:5px;
}
#play .header .detail
{
    font-size:30px;
    line-height:40px;
    text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
#frame
{
    position:absolute;
    z-index:10;
    top:0px;
    width:10px;
    height:10px;
    background-color:#fff;
    filter:alpha(opacity=30);
    -moz-opacity:0.30;
    -khtml-opacity: 0.30;
    opacity: 0.30;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 1);
}
#play ul.orgs li.o
{
    padding:5px;
    padding-left:10px;
}
#play .orgs
{
}
#play .orgs li,
#play .orgs li.current
{
    text-shadow:1px 1px #000;
    
    
}
#play .orgs li.current,
#army .left .orgs li
{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
    color:#300;
    text-shadow:none;
    background-color:#FC0;
    background-image:url('Images/fond4.png');
    border:1px solid #fff;
    border-left:none;
}
#play .orgs li.current span.icon
{
}

#play ul.units li
{
    display:block;
    width:40px;
    height:40px;
    cursor:pointer;
    border-radius:5px;
    border-radius:5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
    background-image:url('Images/fond3.png');
}
#play ul.units li.selected
{
    background-image:url('Images/fond3.png');
    border-radius:5px;
    
}

span[type=unit] > span.color,
#play ul.units li span.u-color
{
    position:absolute;
    display:block;
    width:40px;
    height:15px;
    top:26px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
#play .pion span.u-color
{
    position:absolute;
    display:block;
    width:35px;
    height:10px;
    top:26px;
    left:1px;
}
#play .pion span.owned{
    position:absolute;
    display:block;
    width:35px;
    height:10px;
    top:0px;
    left:0px;
    background-color:#c96;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
#play .pion img
{
    position:absolute;
}


#play .units li img
{
    position:absolute;
}
/*
#play .main .detail
{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow:none;
    color:#300;
    background-image:url('Images/fond3.png');
}
*/
#play .minimap span.u
{
    display:block;
    width:3px;
    height:3px;
    position:absolute;
    background-color:#fff;
    -webkit-border-radius:5px;
    /*border:1px solid #000;*/
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 1);
    background-image:none;
    z-index:2;
}
#play .minimap span.u.allied
{
    background-color:#fff !important;
}
#play .minimap span.u.enemy
{
    background-color:#c00 !important;
}
#play .minimap span.u.owned
{
    background-color:#fc0 !important;
}
#play .minimap span.u.free
{
    background-color:#393 !important;
}
#play .map .container .l-units,
#play .map .container .l-moves
{
}

#play .map .l-moves span.c
{
}

/* END */
#end
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    color:#300;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    border-radius:5px;
    background-image:url(Images/fond10.png);
    padding:10px;
    margin-top:10px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
}

#end table{
    color:#300;
}
#end td{
    border:1px solid #300;
    background-color:#696;
    background-image:url(Images/fond12.png);
}
.table{
    display:inline-table;
    width:100%;
}
.cell{
    display:table-cell;
}

.p50{
    width:50%;
}

#play .msg{
    color:#fc0;
    font-size:22px;
    font-style:italic;
    line-height:auto;
    text-shadow:1px 1px #300;
}



/*CHAT */
/*
#chat{
    position:relative;
    z-index:10;
    color:#300;
    border:1px solid #fff;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;
    background-image:url(Images/fond4.png);
    padding:5px;
    text-shadow:none;
    width:225px;
}
#chat .h{
    cursor:pointer;
}
#chat input{
    margin-left:auto;
    margin-right:auto;
}
#chat.expanded input{
}

#chat .win{
    height:300px;
    margin-bottom:5px;
    overflow-y:scroll;
}
#chat.expanded .win{
}

#chat li{
    margin:0px;
    text-shadow:none;
    box-shadow:none;
    font-size:14px;
    line-height:16px;
}
#chat span.u{
    font-weight:bold;
    font-style:italic;
}
#chat span.d{
    font-size:10px;
}
*/

#chat{
    text-shadow:none;
    padding:10px;
}
#chat .win{
    position:relative;
    display:inline-block;
    color:#300;
    border:1px solid #fff;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;
    background-image:url(Images/fond4.png);
    padding:5px;
    text-shadow:none;
    height:100%;
    overflow-y:scroll;
    margin-bottom:10px;
    width:80%;
    vertical-align:bottom;
}
#chat .win ul{
    z-index:5;
    bottom:0;
    top:100%;
}
#chat .users{
    position:relative;
    display:inline-block;
    width:14%;
    height:100%;
    vertical-align:top;
    overflow-y:hidden;
    border-radius:5px;
}
#chat .win li{
    margin-bottom:5px;
    font-style:italic;
}
#txtChat{
    width:74%;
}
#chat .u{
    font-style:normal;
    font-weight:bold;
}
#chat .no-avatar,
#chat .pic-avatar{
    background-size:20px 20px;
    display:inline-block;
    margin-left:5px;
    width:20px;
    height:20px;
    vertical-align:middle;
}
#chat .small{
    font-size:10px;
}
#chat .users li{
    color:#fff;
    text-shadow:1px 1px rgba(0,0,0,1);
    margin-bottom:5px;
}

#chat .input{
    width:80%;
}
#chat input{
    width:100%;
}





/* MODAL */
#modal h1, #modal h2
{
    margin:0px;
    padding:0px;
    font-weight:normal;	
}

#modal h1{
    font-size:30px;
    color:#300;
    font-style:italic;
    text-shadow: -1px 0 #300, 0 1px #300, 1px 0 #300, 0 -1px #300;
    margin-bottom:10px;
    clear:both;
}
#modal h2{
    font-size:20px;
    font-style:italic;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    margin-bottom:20px;
    clear:both;
}


/* FIN MODAL */

.wp20{
    width:20% !important;
}
.wp25{
    width:25% !important;
}
.wp70{
    width:70% !important;
}
.wp75{
    width:75% !important;
}
/* HOME */

#home{
    max-width:75%;
    min-width:1000px;
    margin-left:auto;
    margin-right:auto;
    color:#fff;
    text-shadow:1px 1px rgba(0,0,0,0.5);
    font-size:22px;
    padding-left:10px;
}
#home .left{
    width:30%;
    max-width:250px;
}
#home .main{
    width:65%;
}
#home .col{
    display:inline-block;
    vertical-align:top;
    margin-right:10px;
}
.frame.c4{
    /*background-image:url(Images/fond4.png) !important;*/
    background-color:#696 !important;
    color:#300 !important;
}
.frame.c5{
    background-image:url(Images/fond5.png) !important;
}
.frame.c3{
    /*background-image:url(Images/fond3.png) !important;*/
    background-color:#c96 !important;
    color:#300 !important;
}
.frame.c2{
    /*background-image:url(Images/fond2.png) !important;*/
    background-color:#fff !important;
    color:#fff !important;
}
.frame.c6{
    background-image:url(Images/fond6.png) !important;
}

.frame{
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    padding:10px;
    text-shadow:0px 0px 1px rgba(0,0,0,0.5);
    font-size:18px;
    font-style:normal;
}
.frame a{
    color:#300;
    text-decoration:underline;
}
.frame a:hover{
    text-decoration:none;
}

.frame{
    background-color:#696;
    color:#300;
    background-image:url(Images/fond4.png) !important;
}
.news .frame{
    background-image:url(Images/fond10.png) !important;
}
.users .frame{
    background-image:url(Images/fond8.png) !important;
}
.games .frame{
    background-image:url(Images/fond6.png) !important;
}
.devs.frame{
    background-image:url(Images/fond11.png) !important;
}
.frame .header{
    font-size:24px;
    margin-bottom:5px;
    text-indent:10px;
    font-weight:bold;
    text-shadow:1px 1px rgba(0,0,0,0.3);
}
.edito .frame .signature{
    font-size:14px;
    margin-top:5px;
    font-weight:bold;
    text-shadow:1px 1px rgba(0,0,0,0.3);
    text-align:right;
}
.news ul.lst li .title{
    font-size:20px !important;
    font-style:italic !important;
    text-shadow:1px 1px rgba(0,0,0,0.5);
    margin-bottom:10px;
}
.news ul.lst li .content{
    padding:10px;
    padding-top:0px;
    margin-bottom:20px;
    text-indent:10px;
}
.news .frame ul{
    margin-left:50px;
    list-style-type: circle;
}
.news .frame ul li{
    margin-bottom:10px;
}
    
/* FIN HOME */

a.btn,
button{
    display:inline-block;
    vertical-align:middle;
    text-decoration:none;
    font-style:italic;
    cursor:pointer;
    padding:10px;
    text-align:center;
    font-size:22px;
    text-shadow:none;
    border-radius:7px;
    padding:5px;
    color:#fff;
    font-family:georgia;
}
a.btn.shadow,
button.shadow{
    box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}
a.btn:hover,
button:hover{
    border:2px solid #fff !important;
}
a.btn.invalid,
button.invalid{
    background-color:#999 !important;
    border:2px solid #666 !important;
    cursor:default !important;
    color:#fff !important;
}
a.btn.green,
button.green{
    border:2px solid #030;
    background-color:#363;
}
a.btn.red,
button.red{
    border:2px solid #600;
    background-color:#933;
}
a.btn.yellow,
button.yellow{
    border:2px solid #960;
    background-color:#fc0;
    color:#300;
}
button.del,
button.add,
button.edit,
button.logout{
    padding:0px;
    width:40px;
    height:40px;
    background-image:url(Images/Common/icons-std.png);
}
button.del{
    border:2px solid #600;
    background-color:#933;
    background-position:-122px -122px !important;
}
button.add{
    border:2px solid #030;
    background-color:#363;
    background-position:-82px -122px !important;
}
button.edit{
    border:2px solid #300;
    background-color:#fc0;
    background-position:-162px -122px !important;
}
button.logout{
    border:2px solid #600;
    background-color:#900;
    background-position:-282px -122px !important;
}

/* MYUNITS */
#myunits{    
    text-shadow:0px 0px 1px rgba(0,0,0,0.5) !important;
}
#myunits ul.lst li.u{
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    background-image:url('Images/fond10.png');
    /*background-color:#c99;*/
    width:200px;
    padding:5px;
    text-shadow:none;
    font-size:16px;
    font-style:italic;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color:#300;
    height:80px;
}
#myunits ul.lst li.u .small{
    font-size:12px;
}

#games > .free,
#myunits .free{ 
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    width:100px;
    padding:5px;
    background-image:url(Images/fond4.png);
}
#myunits .free{
    width:auto;
}
#games > .free{
    width:50px;
}
#games ul.list li ul.orgs > li span.icon {
    margin-left:auto;
    margin-right:auto;
    box-shadow:none !important;
    border-radius:2px;
}

#games ul.list li ul.orgs > li .att{
    border:2px solid #fff;
}
#games ul.list li ul.orgs li .def{
    border:2px solid #036;
}
#games ul.list li ul.orgs li .current{
    border:2px solid #fc0;
}

/* ---- SHOP ---- */
#play-form-deploy,
#games-form-detail,
#games-form-join,
#games-form-new,
#myarmies .form-add,
#myarmies .pool,
#myunits .shop{
    position:absolute;
    z-index:10;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    background-image:url('Images/fond10.png');
    padding:5px;
    font-size:18px;
    font-style:italic;
    color:#300;
    width:300px;
}

#myarmies .pool,
#myarmies .form-add{
    left:50px;
}
#myunits .form-add{
    margin-top:10px;
    
}

#play-form-deploy,
#games-form-detail,
#games-form-join,
#games-form-new{
    top:0px;
    left:0px;
    width:auto;
    min-width:200px;
    padding:10px;
}
#games-form-detail{
    min-width:auto;
}
#games-form-new span[type="select"] span{
    vertical-align:middle;
}
#games-form-new span[type="select"] span.head{
    height:40px;
    min-width:150px;
}

/* ---- END SHOP ---- */
/* END MYUNITS */

.col{
    display:inline-block;
    vertical-align:top;
}

/* MYARMIES */
#myarmies{
    min-width:1000px;
}
#myarmies .left{
    width:225px;
}

#play .left ul.roots > li,
#myarmies .left > ul > li{
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    border-bottom-left-radius: 0px;
    border-top-left-radius:0px;
    background-image:url('Images/fond4.png');
    padding:5px;
    font-size:18px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color:#300;
    width:200px;
    cursor:pointer;
    opacity:1;
}

#play .left ul.roots > li{
    opacity:1;
}

#play .left ul.roots > li.selected,
/*#myarmies .left > ul > li:hover,*/
#myarmies .left > ul > li.selected{
    font-style:italic;
    opacity:1;
    background-image:url('Images/fond10.png');
    border-right:10px solid #fff;
}
#play .left ul.roots > li.selected{
    background-image:url('Images/fond4.png');
    left:0px;
}
#myarmies .left > ul > li.add{
    width:100px;
    background-image:url('Images/fond4.png');
    cursor:default;
    font-style:normal;
}
#myarmies .main ul.units,
#myarmies .main ul.org > li > span{
    /*display:inline-block;*/
    display:block;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    background-color:#c96;
    background-image:url('Images/fond10.png');
    padding:10px;
    font-size:18px;
    font-style:italic;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color:#300;
    width:250px;
    margin-bottom:25px;
}
#myarmies .main ul.org > li > span.invalid{
    border:1px solid #900;
}

#myarmies .main ul.units,
#myarmies .main ul.org > li{
    margin-left:200px;
}
#myarmies .main > ul.org > li{
    margin-left:0px;
}

#myarmies .main ul.org{
    /*display:inline-block;*/
    position:relative;
    vertical-align:top;
}

#myarmies .main ul.units
/* END MYARMIES */

/* GAMES */
#games ul.list > li{
}
#games ul.list > li.new{
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
}
#games ul.list > li.item{
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:25px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
    border-radius:5px;  
    background-color:#696;
    background-image:url('Images/fond4.png');
    padding:5px;
    font-size:18px;
    font-style:italic;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    color:#300;
    cursor:pointer;
}
#games ul.list > li.item ul.orgs > li{
    border-radius:2px;
    margin-bottom:5px;
}
#games ul.list > li.item ul.orgs li.free{
    width:30px;
    height:30px
}
#games ul.list > li.item ul.orgs li.free.att{
    border:2px dashed #fff;
}
#games ul.list > li.item ul.orgs > li.free.def{
   border:2px dashed #036;
}
#games ul.list > li.item ul.orgs > li.user.att{
    border:2px solid #fff;
}
#games ul.list > li.item ul.orgs > li.user.def{
    border:2px solid #036;
}
#games ul.list > li.item.owned{
    background-image:url(Images/fond10.png);
}
#games ul.list > li.item.turn{
    background-image:url(Images/fond2.png);
    color:#fff;
}

/* END GAMES */

.in,
.in > *{
    display:inline-block;
    vertical-align:middle;
}
.in.top > *{
    vertical-align:top;
}
.col.middle{
    vertical-align:middle;
}

/* PLAY */
#play .left{
    width:225px;
}

#play .left ul.roots li{
    margin-bottom:10px;
}
#play .left .minimap img,
#play .main .container img{
}

#play .minimap
{
    position:relative;
    display:block;      
    background-color:#363;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
    border:1px solid #fff;
    margin-left:auto;
    margin-right:auto;
}
#play .minimap
{
    min-width:200px;
    min-height:200px;
}

#play .map .container
{
    position:relative;
}
#map
{
    position:relative;
}

#play .map
{
    display:block;
    min-width:500px;
    min-height:300px;
    background-color:#363;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
    border:1px solid #fff;
    overflow:hidden;
    margin-top:10px;
}
#play .main .l-units span[type=unit]{
    position:absolute !important;
    width:35px;
    height:35px;
}
#play .pion > span.color,
#play .left span[type=unit] > span.color{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    height:10px;
    top:30px;
}
#play .pion > span.color{
    height:10px;
    width:35px;
    top:25px;
}

#play .pion > span.routed,
#play .pion > span.blocked
{
    position:absolute;
    display:none;
    width:40px;
    height:40px;    
}

#play .pion > span.routed
{   
    background-image:url(Images/Common/Status/routed.png);
}
#play .pion > span.blocked
{
    background-image:url(Images/Common/Status/is_blocked.png);
}
#play .pion > span.routed.yes,
#play .pion > span.blocked.yes{
    display:block;
}
#play .pion.action,
#play .pion.action.selected,
#play .pion.target{
    background-image:url(Images/Common/icons-std.png);
}
#play .pion.action{
    background-position:0px -120px !important;  
    cursor:pointer;
}
#play .pion.action.selected{
    background-position:-40px -120px !important;    
}
#play .pion.target{
    cursor:pointer;
    background-position:-240px -120px !important;
}

#play .left ul.roots > li.owned{
    border-left:10px solid #fc0;
}

#play .header{
    padding:10px;
    font-size:20px;
}

#play-form-deploy{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    width:250px;
    font-size:12px;
}
/* END OF PLAY */

/* PROFIL */
#profil{
    max-width:1000px;
    min-width:500px;
    margin-left:auto;
    margin-right:auto;
}
/* END OF PROFIL */