body
{ 
	padding:0; margin:0;
	/*background:#400;*/
	font-family: helvetica, sans-serif;
	font-size:10pt;
	/*color: #DC0;*/
	color:#333;
}
#conteneur
{
	margin-left:auto;
	margin-right:auto;
	/*max-width:1024px;*:
}

#contenu
{
	margin: 0px;
	/*background: black;*/
	padding: 10px;
	/*border: solid 1px #333;*/
}

#cache
{
	display:none;
	background-color: black;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6; position:fixed; top:0px; left:0px; bottom:0; right:0; z-index:1005;cursor:wait;
}

a:link, a:visited
{  
	text-decoration: none;
	color: #000000;
}

a:hover, a:active 
{  
	color: #FF0000; text-decoration: none
}

#footer a
{
	color: white;
}

.centre{text-align:center;}
.gros_titre, .gros_titre a, .gros_titre a:visited
{
	font-weight: bolder;
	color: #990000;
	font-size:19px;
	margin:5px;
}
.moyen_titre,
.titre
{
	font-weight: bolder;
	color: #990000;
	font-size:15px;
	margin:5px;
}
.label
{
	font-weight: bold;
	/*color: #FFFF00;*/
	font-size:11pt;
}
.label.titre
{
	font-size:15pt;
	
	padding-bottom:7px;
}
.petit_titre
{
	font-weight: bolder;
	color: #990000;
	font-size:12px;
}
.moyen_titre a, .moyen_titre a:visited
{
color: #AA0000 !important;
}

.cadreRelief
{	
	border-top: solid 1px white;
    border-right: solid 2px #333;
    border-bottom: solid 2px #333;
    border-left: solid 1px white;
}

#haut
{
	margin-top:7px;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#996600;
	font-weight:bold;
	background:url(../../images/ban.png);
	font-size:62px;
	white-space: nowrap
}


#Logo
{
	margin:10px 10px;
	height:120px;
	vertical-align:middle;
	display: inline-block; 
}
#menuLangue
{
	position:fixed;
	width:72px;
	bottom:64px;
	right:44px;
	top: auto;
	border-top: solid 1px white;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
	border-left: solid 1px white;
	padding: 5px;
	background:url(../../images/ban.png);			
	z-index:999999;
	text-align:left;font-style:italic;font-size:9pt;
}
#menuLangue.grandEcran
{
	top:10px;right:10px;bottom:auto; text-align:right;
	border:0;
	background-image:none;
}

#menu
{
	text-align:center;
	font-weight: bold;
	font-size:13pt;
	border-bottom: solid 1px #AA0;
}

#menu>ul
{
	width: 100%;
	padding: 0;
	margin: 0 0 0 0px;
	list-style-type: none;
}

#menu>ul>li
{
	display: inline-block;
	text-align: center;
	font-weight: bold;
	color: #996600;
	position: relative;
	padding: 7px 7px 7px 0;
}
#menu>ul>li>a, #menu>ul>li>span
{	
	display: block;
	border-right:solid 1px #996600;
	text-decoration: none;
	padding-right:7px;
}
#menu>ul>li a
{
	color: #996600;
}
#menu>ul>li.dernier>a, 
#menu>ul>li.dernier>span
{ 
	border:0;
}
#menu>ul>li:hover,
#menu>ul>li a:hover
{
	color: #ff5500;
}

#menu>ul>li.lienActif
{
	font-weight: bold;
	text-decoration:underline;
}
#menu>ul>li  ul
{
	margin:0;padding:0;list-style:none;
	position: absolute;	
	left: 0;
	top:32px;
	display: none;
	font-size:10pt;
	min-width:100%;
	text-align:left;
	color: #996600;
	z-index:5000;
}
#menu>ul>li.clicked  ul,
#menu>ul>li:hover  ul
{
	display: block;

}
#menu>ul>li  ul>li
{
	/* margin:1px 0px; */
	display: block;
	padding:7px;
	white-space: nowrap;
	background: url(../../images/ban.png);
}

.divTournoi, .divPhotos
{
	text-align:center; 
	padding:3px; 
	margin: 3px;
	float:left;
}
.divTournoi .imgTournoi
{
	background-position: 50% 50%;width:100%;height:150px;
	background-repeat: no-repeat;
}
	.divATournoi{float:left;}
.divATournoi .imgTournoi
{
    background-position: 50%;
    width: 100%;
     background-size: cover;
    padding-bottom: 100%;
    background-repeat: no-repeat;
}
.divPhotos img{
width: 100%;
}
#FESA
{
	text-align:center; 
	padding:7px; 
background:white;	/**/
 margin-bottom:7px; /**/
	font-weight: bolder;
	border:solid 1px #333
}
#surAnnonce
{
	float:right;width:334px;
}
#annonce
{
text-align:center; 
 padding:7px; 
background: burlywood;/*url(../images/ban.png);*/
float:right;
 
}
	.petit
	{
		font-size:10px;
		font-style:italic;
	}

.rubrique
{
	margin:0;
	padding-top:7px;padding-bottom: 7px;
	border-bottom:solid 1px #aaa;
	border-top: solid 1px white;
}
.cleardiv
{
	clear: both;
	height: 1em;
} 


.tableDiscrete 
{
    border: solid 1px #333;
    font-size:10px;
}

.tableDiscrete td {
    padding: 3px;
    border: solid 1px #aaa;
	margin:0;
}

.tableDiscrete th 
{
    border: solid 1px #aaa;
    padding: 4px;
	font-weight: bold;
	font-size:11px;
	color: #996600;
	margin:0;
}
.tableDiscrete .points
{
	background: #FFFF99;
}

.table0{border:0; border-spacing:0; width:100%;}
.table0 td{padding:0;}


	#tab
	{
		width:800px;
	}
.erreur
{
	border-color:red;
	font-weight: bold;
}

.erreur2
{
	color:#FF00AA;
}
.menuJeu span
{
	cursor:pointer;
	padding-right:5px;
	margin-right:5px;
	border-right:solid 1px #555;
}
.menuJeu span.final
{
	border-right:0;
}
.menuJeu span.solution
{
	display: none;
}
.explications
{
	color:#666;
	font-style: italic;
}
.ui-dialog table,
form table
{
	font-size:10px;
	border:1px solid #777777;
}
.ui-dialog table td,
form table td
{
	padding:3px;
}
.bouton,
.lien
{
	cursor:pointer;
}
.lien:hover
{
	color:#FF0000;
}

.divHelp,
#divGen
{
	font-size:10pt;
	margin-left:50px;
}
#divIll
{
	margin-top:10px;
}

.divPro
{
	float:left;
	margin:0;
	text-align:center;
	position: relative;
}
.divPro:hover
{
	background:url(../../images/ban.png);
}
.divPro img
{
	position: absolute;
	width: 92%;
	top:8px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	border:0;
}

.divPro div
{
	position: absolute;
	 text-align: center;
	 bottom:2px;
	 left:0;
	 right:0;
	 padding: 1px;
}

span.bt
{
	cursor:pointer;
	display:inline-block;
	width:16px;
	height:16px;
}

span.btAdd
{
	background:url(../../images/ok16.png);
}

span.btEdit
{
	background:url(../../images/edit16.gif);
}

span.btDel
{
	background:url(../../images/cancel16.png);
}

.btbt
{
	position: absolute;
	width:16px;
	height:16px;
	right: 10px;
	top: 10px;
}

span.btPause
{

	background:url(../../images/pause.png);
	display:inline-block;
}

span.btReprise
{

	background:url(../../images/play16.png);
	display:inline-block;
}
span.btTakeBack
{

	background:url(../../images/undo.png);
	display:inline-block;
}
#menuBtn
{
	position: fixed;
	bottom:0;
	right:0;
	width: 32px;
	padding: 10px;
	z-index:999999;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border: 1px solid transparent;
	margin-top:4px;
}
.btn-primary:hover
{
	/*
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #245580 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #245580 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#245580));
    background-image: linear-gradient(to bottom, #337ab7 0%, #245580 100%);
	*/
 background-image: none;
  background-color: #245580;
  /* border-color: #204d74; */
}

.btn-circle
{
    cursor: pointer;
	text-align: center;
    border-radius: 50% !important;
    padding: 0px !important;
    line-height: 0 !important;
	    width: 32px;
    height: 32px;
    font-size: 16px !important;
	
	    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}


.alerte
{
	background: white;
	padding: 20px;
	border: 1px solid black;
	border-radius:20px;
	box-shadow: 5px 5px 3px black;
	position: fixed;
	left:0; right:0; 
	top:40%;
	margin: 0 auto;
	width:420px;
	opacity: 0;
	z-index: 55000;
}
.alerte ul
{
	margin-left: 20px;
}
.alerte .titre
{
	font-size:18px;
	font-weight: boler;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: solid 1px;
}
.alerte button.btn-success,
.alerte.success
{
	color:#fff;
	background:#3e8f3e;
}
.alerte button.btn-warning,
.alerte.warning
{
	color:#fff;
	background:#A51;
}
.alerte button
{
	margin-right:5px;
	margin-top:15px;
}
.alerte button.btn-error,
.alerte.error
{
	color:#fff;
	background:#A00;
}
.alerte.warning .titre,
.alerte.success .titre,
.alerte.error .titre
{
	border-bottom-color:white;
	color:#fff;
}
.alerte button{text-align:center;}
.popupe
{
	position: fixed;
	left:0; right:0; top:0; bottom: 0;
	margin: auto;
	box-shadow: 5px 5px 3px black;
	z-index:1500;
	background:#400;
	padding: 0px;
	width: 400px;
	color: lightgrey;
}
.popupe>div {padding :10px;    box-sizing: border-box;}
.popupe table
{
	width:100%;
   border: 0!important;
}
.popupe table td
{
	padding: 2px;
}
.popupe input{width:100%;}
.popupe input[type='radio']{width:auto;}
.bt
{
	cursor:pointer;
	display: align-block;
	width:16px;
	height:16px;
	margin:5px;
}

.btOk
{
	background:url(../../images/ok16.png);
}

.btCancel
{
	background:url(../../images/cancel16.png);
}

.presence
{
	background:white;border:solid 1px black; padding: 7px; margin:7px; display:inline-block;
	box-shadow: 5px 5px 3px black;
}
.presence i{
	margin-right:5px;
}

.menuAdmin
{
	float:right;
}

.menuAdmin i
{
	cursor: pointer;
	margin-right:3px;
}

.invitation
{
	padding-left:20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	/*border-bottom: solid 1px #AAAA00;*/
	position:relative;
}
.invitation.waiting
{
	background: #CCC;
}
.invitation.finished
{
	background: darkcyan;
	color: white;
}
.invitation .game
{
	float: left;
	margin-right:10px;
	background:url(../../images/ban_clair.png);
}
.invitation .game img
{
	width:100%;
	border:0;
}

.coup
{
	color: white!important;
}
.coup.actuel{color: yellow!important;}
#lastMove{text-align:right; font-style: italic;}
#divCommentaire{border-radius:20px; padding:7px; }
#Yoroshiku
{
	font-size: 6.6vw; color:#333;width:100%; text-align:center;
	font-weight: bold;
}
.bGhost{display: none;}

.aide
{
	font-style:italic;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding:7px;
	border: solid 1px #777;
}

.carre
{
	width:12px;
	height: 12px;
	margin-right:7px;
}

.aide span
{	
	display: inline-block;
	vertical-align: middle;
	position: static;
}

.case.selected
{
	background-color: #FFAA00;
}
.case.protected
{
	background-color: #FF8800;
}
.case.selected.protected
{
	background-color: #FF4400;
}
.case.bloquante
{
	background-color: #999;
}

#amovible {
	position: absolute;
	z-index: 9;
	top: 156px;
	width: 240px;
	overflow: auto;
	font-size: 9pt;
}

#amovibleheader {
  cursor: move;
  z-index: 10;
  padding: 10px;
}

#Kifu
{
	text-align: left;
	    white-space: nowrap;
}
.couille
{
	padding: 0px 3px;
}
.couille.courant
{
	color: red;
}

#btTest
{
	position: fixed;
	width:16px; 
	height: 16px; bottom: 10px; right:10px;
		background: url(../../images/game.png);
		cursor:pointer;
}
.ord .coo
{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10px;
    height: 20px;
    font-weight: bold;
}

.abs .coo
{
    margin: auto;
    position: absolute;

    bottom: 1px;
    left: 0;
    right: 0;
    width: 10px;
    height: 20px;
    font-weight: bold;
}