/**********************************************************************************
	Alandara JDR 
	Version : 2
	Mode plugin pour Metro UI Template v4

	file : plugin.css
	Fichier de style général

	Auteur : Christophe Legrand 
	Destination : www.alandara.net
	Date de dernière mise à jour : 29/10/2015
/**********************************************************************************/
.error{position:fixed;width:100%;text-align:center;background:#ffffff;color:red;z-index:10;padding:15px;bottom:0;}
Form.AJDR label{
display: inline-block;
width: 100px;
margin-right: 20px;
vertical-align: top;
text-align: right;
}

Form.AJDR p{
margin:0 0 0 0;
padding:0 0 0 0;
}

form.AJDR .AJDR_SUBMIT{
width:100%;
margin : 10 10 10 20;
padding : 0 0 0 0;
}

Form.AJDR_50 label{
display: inline-block;
width: 40%;
min-width:100px;
margin-right: 10px;
vertical-align: top;
text-align: right;
}
 
Form.AJDR_50 input {
width: 40%;
min-width:100px;
} 
input:focus, select:focus {
 background-color:EEEEEE;
 text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
select option {
    margin:10px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

/* input[type=submit]:hover {
 background-color:#eeeeee;
 } */

form p {
margin:0;
padding:0;

}
 
/* input[type=submit]:active {
 background-color:#aaaaaa;
 box-shadow:1px 1px 1px #bebebe inset;
}
    
input[type=reset]:hover {
 background-color:#eeeeee;
 }
    
input[type=reset]:active {
 background-color:#aaaaaa;
 box-shadow:1px 1px 1px #bebebe inset;
} */

textarea {
max-width:97%;
}
	.AJDR_menu {
		float:left;
		position:relative;
		margin:2px;
		padding:0px;
		background-color:#99CCCC;
		text-align:right;
		font-size:10px;
		}
	.AJDR_menu:hover {
		margin:0px;
		padding:0px;
		cursor:pointer;
		border:#FFFFFF 2px groove;
	}
	
	.AJDR_menu img{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		z-index:1;
	}
	.AJDR_menu span{
		position:relative;
		margin:0px 0px 0px 0px;
		padding:1px;
		background: rgba(220, 220, 220, 0.7);
		z-index:2;
	}
	
	.AJDR_menu_group {
		float:left;
		}
	.AJDR_menu_group_title {
			width:98%;
		}
@media only screen and (orientation: landscape) {
	.AJDR_menu {
		width:46px;
		height:46px;
	}	
	
	.AJDR_menu:hover {
		width:46px;
		height:46px;
	}

	.AJDR_menu_group {
		width:25%;
		max-width:200px;
		min-width:140px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:5px;
		margin-right:5px;
		margin-top:0px;
	}
	.AJDR_menu_group_title {
		max-width:196px;
		min-width:140px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:2px;
		margin-right:2px;
	} 
.AJDR_menu_innergroup{
		display:inline;
	}
}

@media only screen and (orientation: portrait) {
	.AJDR_menu {
		width:65px;
		height:65px;
	}	
	.AJDR_menu:hover {
		width:65px;
		height:65px;
	}

	.AJDR_menu_group {
		width:100%;
		margin:0px;
	}
	.AJDR_menu_group_title {
			margin:0px;
	} 
	.AJDR_menu_innergroup{
		display:none;
	}
}

#panel .FA_table {
background-color: rgba(90%, 90%, 90%,0.9);
color: #000000;
}

.FA_Act,.FA_CopieMJ,.FA_Date,.FA_Destinataire,.FA_Lieu,.FA_Nom{border:1px solid #6d5b45;background-color:rgba(109,91,69,.1);font-size:1.1em;color:rgb(21, 40, 80);padding:1px 5px;font-weight:600}
.FA_Message{border: 1px solid #6d5b45;font-size:1.2em;background-color:rgba(255,255,255,0.8)}

.FA_Message em{
	font-style:italic;
}
.FA_Message p{
	margin:2px 5px 0px 5px;
	padding:0px;
}
.FA_Message blockquote{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	margin: 2px 0 0 10px;
	border-left:2px solid  #ccc;
}
.FA_space{height:15px}
#AJDR_result{
	position:fixed;
	padding-top:30px;
	top:40%;
	left:20%;
	width:60%;
	min-height:55px;
	max-height:55%;
	text-align:center;
	vertical-align: middle;
	background-color:rgb(90%, 90%, 90%);
	border:#C113BA  4px ridge;
	font-weight:bold;
	display:none;
	overflow-y:auto;
	z-index:1600;
}

#AJDR_result:hover{
	border:#C113BA  4px groove;
}

#AJDR_RP{
	position:fixed;
	bottom:0px;
	left:0px;
	margin-top:90px;
	width:100%;
	max-height:100%;
color:#FFF;
	background-color:#555; 
	display:none;
	overflow-y: auto;
	z-index:55;
}

#AJDR_RP_PARLER{
padding:10px 10px 10px 10px;
}
#AJDR_RP_PROPOSER{
padding:10px 10px 10px 10px;
}
#AJDR_RP_CRIER{
padding:10px 10px 10px 10px;
}
#AJDR_RP h3{
	clear:both;
	margin-top:0px;
	padding-top:0px;
}
.AJDR_ongletWrapper {
	display:block;
	position:relative;
	margin: 0 auto 0 auto;
	text-align:right;
	min-height:40px;

}
.AJDR_onglet {
	height:20px;
	margin: 0px 0px 0px 5px;
	padding:3px 8px;
	display:inline-block;
	text-decoration:none;
	z-index:100;
	vertical-align:top;
	background-color:#13C1BA;
	transition: height 0.2s, box-shadow 0.4s ease-out;
	-moz-transition: height 0.2s, box-shadow 0.4s ease-out;
	-webkit-transition:  height 0.2s, box-shadow 0.4s ease-out;
	-o-transition:  height 0.2s, box-shadow 0.4s ease-out;	
}

.AJDR_onglet:hover{
	height: 28px;
}
/* couleurs */


.c0 {	/*defaut pj*/
	font-weight: bold;
	color: #690d0d;}	/* 241, 192, 109 jaunebrillant    153, 121, 102*/
#AJDR_RP .c0 {	/*defaut pj*/
	font-weight: bold;
	color: rgb(203, 171, 152);}	/* 241, 192, 109 jaunebrillant*/
	
button .c0 {	/*defaut pj*/
	font-weight: bold;
	color: rgb(233, 201, 182);}	/* 241, 192, 109 jaunebrillant*/
	}
	
.c23 { /*mj*/
	font-weight: bold;
	color: rgb(103, 109, 152);}	/* 150, 220, 200 bleubrillant*/
.c6 {	/*race*/
	font-weight: bold;
	color: rgb(80, 146, 163);}	/*bleugris*/
.c3 {	/*lieu*/
	font-weight: bold;
	color: rgb(86, 152, 142);}	/*vertgris*/


.c1 {	/*pa*/
	font-weight: bold;
	color: rgb(252, 129, 18);}
.c5 {	/*pv*/
	font-weight: bold;
	color: rgb(244,104,27);}
.c4 {	/*xp*/
	font-weight: bold;
	color: rgb(184,158,98);}
.c2 {	/*gold*/
	font-weight: bold;
	color: rgb(254, 154, 47);}


.c7 {	/*specialite*/
	font-weight: bold;
	color: rgb(154,122,224);}	/*mauve*/

.c8 {	/*comp*/
	font-weight: 900;
	color: rgb(154,122,224);}	/*mauve*/
.c9 {	/*bonus*/
	font-weight: bold;
	color: rgb(154,122,224);}	/*mauve*/
.c10 {	/*malus*/
	font-weight: bold;
	color: rgb(122, 54, 198);}	/*violet*/


.c11 {	/*etattemp*/
	font-weight: bold;
	color: rgb(196, 110, 103);}
.c12 {	/*date*/
	font-weight: bold;
	color: #C113BA;}


.c13 {	/*objet*/
	font-weight: bold;
	color: rgb(97,148,151);}/* rgb(147,198,201)*/
.c14 { /*spell*/
	font-weight: bold;
	color: rgb(157,145,215);}

.c15 { /*durabilite*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c16 { /*ammo*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c17 { /*degats*/
	font-weight: bold;
	color: rgb(221,108,56);}
.c18 { /*poids chap, place*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c20 {	/*equiped*/
	font-weight: bold;
	color: rgb(53, 122, 139);}
.c19 {  font-weight: bold; color: rgb(196,198,169);} /*date color*/


.c21 { font-weight: bold; color: rgb(255,255,255);}

.c24 {	/*pi*/
	font-weight: bold;
	color: rgb(53, 122, 139);}


.c25 {
   color: rgb(153, 0, 0);
}


dl.border-around2
{
float:left;
margin-left: -5px;
padding: 5px;
width:100%;
min-width: 20em;
}

.border-around2 dt
{
background-color: rgba(255, 255, 255, 0.2);
color: #C1BA13;
padding: .5em .5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border: 1px solid #9D6D3C;
}

.border-around2 dd
{
margin: 0 0 1em 0;
background: #DBD8D8;
text-align: left;
padding: 1em .5em;
font-style: italic;
border-left: 1px solid #9D6D3C;
border-right: 1px solid #9D6D3C;
border-bottom: 1px solid #9D6D3C;
}


.BTN_carte{
width:100%;
height:40px;
text-align:left;
}

div#barreWrapper {
	margin:0 0 0 0;
	padding:90px 0 1px 0;
	position:absolute;
	top:0;
	z-index:0;

}
div#barre {
	max-width:100%;
	background-color: rgba(255, 255, 255, 0.8);
}
div#barre table {
	display:inline !important;
	text-align:center;
	border-collapse:collapse;
}

div#barre td, th {
	float:left !important;

	padding-left:5px;
	min-width:75px;
	}
div#barre tr tbody{background:none;display:inline !important;}
div#barre tr:nth-child(even) {background:none;background: none;}
div#barre tr:nth-child(odd) {background:none;background: none;}

.AJDR_myavatar {width:90%;margin-left:5%;margin-bottom:5px;padding-top:5px;}

dl.border-around
{
float:left;
margin: 5px;
padding: 5px;
width: 20em;
  vertical-align:top;
}

.border-around dt
{
background-color: #455880 !important;
color: #FFFFFF !important;
padding: .5em .5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-top: 1px solid #131210;
}
.border-around a {
text-decoration:none;
}
.border-around dd
{
margin: 0 0 1em 0;
background: #DBD8D8;
color: #000000;
text-align: left;
padding: 1em .5em;
font-style: italic;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-bottom: 1px solid #131210;
}

.border-around img
{
max-width:50%;
}
.border-around input{
	margin:0px;
	padding:0px;
	width:100%;
	max-width:100%;
}

.border-around p{
	margin:0px;
	padding:0px;
	width:100%;
}

.border-around dt a:link {color: #EEEEEE;}
.border-around dt a:visited {color: #EEEEEE;}
.border-around dt a:hover {color: #C113BA;}
.border-around dt a:active {color:#C113BA;}


.border-around dd a:link {color: #3300CC !important;}
.border-around dd a:visited {color: #3300CC !important;}
.border-around dd a:hover {color: #C113BA !important;}
.border-around dd a:active {color:#C113BA !important;}
dl.border-around-double
{
float:left;
margin: 5px;
padding: 5px;
width: 42em;
max-width:100%;
min-width:20em;
}

.border-around-double dt
{
background-color: #455880 !important;
color: #FFFFFF !important;
padding: .5em .5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-top: 1px solid #131210;
}



.border-around-double dd
{
margin: 0 0 1em 0;
background: #DBD8D8;
color:#000000;
text-align: left;
padding: 1em 1em 1em 1em;
/* font-style: italic; */
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-bottom: 1px solid #131210;
}

.border-around-double dd editor
{
padding: 1em -1em -1em 1em;
}
.border-around-double img
{
max-width:80%;
}


#backPanelArrow{
	position:absolute;
	left:50px;
	top:10px;
	opacity:0.5;
	filter: alpha(opacity=50);
	cursor:pointer;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	display:inline-block;
	z-index:50;
}
#backPanelArrow:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

ul {
	list-style-type: circle ;
}

#AJDR_Game table.detailscenter ,
#AJDR_Game table.detailscenter th,
#AJDR_Game table.detailscenter td, 
#AJDR_Game table.detailscenter tr
 	{
	 float: none !important;
	 min-width:10px  !important;
	border:1px solid #131210;
	margin-left: auto; margin-right: auto
	}
table.jquerydatatablefilter 	{
	margin-left: auto; margin-right: auto;
	width:100%;
	}
table.jquerydatatablefilter input{
	margin:0px;
	padding:0px;
}
table.jquerydatatablefilter thead, table.jquerydatatablefilter tfoot {
display: table-header-group !important;
background-color: #455880 !important;
width:100%;
}
table.jquerydatatablefilter thead {
	border:1px solid #131210;
	border-bottom:0;
}
table.jquerydatatablefilter tfoot {
 	border:1px solid #131210;
	border-top:0;
 }
able.jquerydatatablefilter,
table.jquerydatatablefilter th,
table.jquerydatatablefilter td,
table.jquerydatatablefilter tr{
 float: none  !important; 
 min-width:10px  !important;
}

table.jquerydatatablefilter tbody.grid {
	clear:both;
	float: none !important;
	padding-top:90px;
	display: table-row;
} 
table.jquerydatatablefilter tbody.grid tr.grid-item {
	float:left ;
	border:1px solid #131210;
	width: 18em;
	margin: 5px; 
}
table .grid-item  td{
	float:left  !important;
	width:100%;
}
table.jquerydatatablefilter tbody.grid tr{
	float:left  !important;
	width:100%;
}
table.jquerydatatablefilter tbody.grid tr.grid-item  td.headergridtable{
	background-color: #455880 !important;
	color: #FFFFFF !important;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.detailgridtable p{
	margin:0px;
	padding:0px;
}
table.jquerydatatablefilter tbody.grid tr.grid-item  td.detailgridtable{
	background-color: #DBD8D8 !important;
	color:#000000;
}

select {
max-width:100%;
}

dl.border-around-cl
{
float:left;
margin: 5px;
padding: 5px;
width:19em;
min-height:20em;
border-radius:5px;
}

.border-around-cl dt
{
background-color: #455880 !important;
color: #FFFFFF !important;
padding: .5em .5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-top: 1px solid #131210;
border-radius:10px 10px 0 0;
}

.border-around-cl dd
{
margin: 0 0 1em 0;
background: #DBD8D8;
text-align: left;
padding: 1em .5em;
font-style: italic;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-bottom: 1px solid #131210;
border-radius:0 0 10px 10px;
min-height:22em;
}

.border-around-cl img
{
max-width:50%;
}

iframe {
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    overflow:hidden;
}

tr.border_bottom td {
  border-bottom:1px solid black;
}