/*http://www.color-hex.com/color-palette/8476

FROM LIGHTER
 	#c3fbd2 	(195,251,210)
	#b1fdc6 	(177,253,198)
	#9cf9b5 	(156,249,181)
	#81ea9d 	(129,234,157)
	#2f2f2f 	(47,47,47)
TO DARKER

Quests
fond: #FFFFD2

*/

	/*FONT FACE*/
	@font-face{
	font-family:LOTRLCG; 
	src:url(font/Vafthrudnir.ttf)}
	@font-face{
	font-family:Aniron;
	src:url(font/anirb___.ttf)}
	@font-face{
	font-family:Bilbo; 
	src:url(font/bilboregular.ttf)}
	@font-face{
	font-family:Ringbearer; 
	src:url(font/RINGM___.ttf)}

html{
background-image:url('hobbiton.jpg');
background-position:center bottom;
background-repeat:no;
background-attachment:fixed;
}
body{
font-family:Georgia;
margin: 0 auto;
max-width:750px;
}

img{
z-index:0;
}

form{
float:left;
}

ol {
float:left;
}

/* CLASSE GENERIQUES */
/*===================*/
a {
text-decoration:none;
color:#2f2f2f;
}

a:hover{
cursor:pointer;
}

p{
padding-left:2%;
margin-top:5px;
margin-bottom:5px;
width:98%;
float:left;
}

.main{
background-color:#F7F7F7;
opacity:0.95;
padding:2%;
border-radius:8px;
float:left;
width:96%;
margin-bottom:20px;
margin-top:20px;
}

.button{
width:30px;
}
.picto{
width:30px !important;
padding:0 !important;
margin:0 !important;
}
.picto20{
width:20px !important;
padding:0 !important;
margin:0 !important;
}

.logout{
float:right;
}

.clear{
clear:both;
}

.continue{
font-size:18px;
text-align:right;
margin-top:10px;
margin-bottom:10px;
display:block;
font-family:Aniron;
width:100%;
}
.continue a{
color:#2f2f2f;
}
.continue a:hover{
color:#81ea9d;
}
.back{
width:100%;
display:block;
margin-top:3px;
margin-bottom:3px;
color:#2f2f2f;
}
.back:hover{
color:#81ea9d;
}

.inline{
display:inline;
}
.lorienleaf, .eyesauron{
bottom: 185px;
    display: block;
    left: 100px;
position:relative;
z-index:5;
height:auto !important;
}

.synops{
font-family:Georgia;
font-style:italic;
}

.red{
color:#81ea9d;
}

.textcenter{
text-align:center;
}

.threatpenalty{
border-radius:5px;
background-color:red;
padding-top:5px;
padding-bottom:5px;
color:#F7F7F7;
font-weight:bold;
text-align:center;
}

/*TITRE*/
/*=====*/
h1{
font-family:Ringbearer;
width:100%;
border-bottom:1px solid #9cf9b5;
text-align:center;
float:left;
}

h2
{
margin-top:50px;
float:left;
width:100%;
text-align:center;
font-variant:small-caps;
border:1px dashed white;
font-size:1.3em;
}

h3{
margin-top:10px;
width:98%;
padding:1%;
float:left;
}

h4{ /*utilisation uniquement pour les titres de carte*/
font-family:Aniron;
text-align:center;
width:100%;
font-size:10px;
min-height:30px; /*pour faire tenir les picto de sphère*/
}

#boxcovers{
float:left;
width:100%;
text-align:center;
margin:0;
padding:0;
}
#boxcovers img{
display:inline;
width:14%;
margin:2%;
padding:0;
}

/*TABLEAUX*/
/*========*/

.rounded-corner
{
	font-size: 14px;
	margin: 5px;
	text-align: center;
	border-collapse: collapse;
	color: #2f2f2f;	
	width:100%;
	max-width:600px;
	float:left;
}

.rounded-corner th
{
	padding: 5px;
	font-weight: normal;
	font-size: 16px;
	background: #9cf9b5;
	font-variant:small-caps;
}
.rounded-corner td
{
	padding: 5px;
	background: #c3fbd2;
	border-top: 1px solid #fff;
	max-width:30%;
}
.rounded-corner tbody tr:hover td
{
	background: #b1fdc6;
}

select,input{
border:1px solid #ddd;
border-radius:3px;
background-color:#f7f7f7;
margin:1%;
height:35px;
padding:1%;
width:96%;
text-align:center;
}
input[type=submit]{
width:100%;
max-width:150px;
background-color:#FFF;
font-family:Aniron;
}

/*Score*/
/*=====*/
#comments{
width:100%;
height:300px;
}

.score{
font-size:200%;
}

#recordquest{
width:100%;
}

/*Quêtes*/
/*========*/
.iconcenter{
width:100%;
text-align:center;
}
.iconcenter img{
width:50px;
}
/*PRESENTATION DU CAMPAIGN POOL*/
/*========*/
.campaignpool{
width:100%;
float:left;
background-color:#FFF;
border-radius:5px;
}
.card p{
float:none !important;
}
.card{
float:left;
min-width:120px;
margin:5px;
padding:5px;
height:170px;
}
.card > img, #echo img:not(.picto20){
	border-radius:5px;
	box-shadow:0 0 5px black;
}

.cardheight300{
height:200px;
}

.cardheightsmall{
height:200px;
}

.playercard{
border-radius:8px;
opacity:0.5;
}
.card h4{
    margin-top: 0;
    width: 120px;
    margin-bottom: 0;
    color: red;
	height:30px;
}
.card h4 img{
display:inline;
width:20px;
}
.campaignpool img{
width:120px;
height:167px;
position:relative;

}
.permanentboon{
width:80px !important;
height:auto !important;
display:inline;
}

.sphere{ /*utilisation uniquement pour les titres de carte*/
text-align:center;
width:120px;
padding:0;
margin:0;
height:30px;
}

.tinyselect{
width:120px !important;
height:30px;
padding:0 !important;
margin:0 !important;
font-size:10px;
text-align:left;
}

/*CHOOSE RING BEARER*/
/*========*/
#choose-ringbearer{
width:100%;
float:left;
}

/*Fallen heroes*/
/*=============*/

.fallen{
text-decoration:line-through;
color:#850606;
}
.fallen .picto{ /*pour faire disparaitre le bouton*/
display:none;
}
.fallen img{
opacity:0.5;
}
.selectanotherhero{
max-width:120px;
text-align:center;
}
.selectanotherhero span{
color:red;
}

/* Gestion du campaign pool*/
/* ========================*/
.added{
	margin:2px !important; /*réduction de margin de .card, de la largeur de la bordure en dessous*/
}
.added img{
border:3px solid #ffd700;
border-radius:8px;
}
.added a{ /*pour faire disparaitre le bouton*/
display:none;
}

/* rule reminder */
/*===============*/

.rulereminder{
display:inline;
float:right;
}

/* Instructions */
.instruction{
width:98%;
padding:1%;
margin-left:0;
margin-right:0;
float:left;
background-color:#b1fdc6;
border-radius:5px;
}
	.instruction ul,	.instruction ol{
	float:left;
	}


/* QUESTS*/
/*===============*/

.quest{
background-color:#FFFFD2;
opacity:0.95;
padding:2%;
border-radius:8px;
float:left;
width:96%;
margin-bottom:20px;
margin-top:20px;
}

.captive{
background-image:url('img/prisonbar.png');
opacity:0.5;
background-size:100%;
}


/* Congratulations */
/*===============*/
.congratulation{
font-size:1.2em;
text-align:center;
}
.rivendell{
float:left;
width:100%;
margin-top:5px;
margin-bottom:5px;
}

#showcomments{
width:52%;
padding:3%;
background-image:url('img/papyrus-texture.jpg');
background-size:100%;
background-position:center top;
background-color:#FAE4B7;
border:2px solid #81ea9d;
position:absolute;
display:none;
z-index:100;
min-height:500px;
}
	#showcomments ul{
	float:left;
	min-width:95%;
	}

#hovercard{
width:50%;
position:fixed;
top:3%;
left:2%;
display:none;
z-index:10;
}

#hovercard img{
width:inherit;
z-index:10;
border-radius:10px;
box-shadow:0 0 5px white;
}