@charset "utf-8";
/* CSS Document */
html, body{
	height: 100%;
	margin:0;
	background: url(../images/fondBack.png);
}
/*en tete*/

div#tete{
	background:url(../images/site/mise_en_page/tete.png) no-repeat;
	height: 100px;
	top:0;
}
	div#tete img{
		float:right;
		padding-top:1px;
	}	
	div#tete a {
		padding-top:1px;
		float:left;
	}
	div#tete h1{
		margin-left:auto;
		margin-right:auto;
		padding-top:32px;
		text-align:center;
		background: url(../images/titre_affiche.png) no-repeat;
		width:460px;
		height:80px;
		color:#362F07;
		letter-spacing: 1px;
		font-variant: small-caps;
	}
a#retour{
	background:url(../images/bouton_tete.png) top left no-repeat;
	width:200px;
	height:94px;
	text-align:center;
	text-decoration: none;
}
	a#retour b{
		display:block;
    	font-variant: small-caps;
    	font-size: 0.85em;
		margin-top:40px;
    	letter-spacing: 1px;
		color: #FFCC66;
	}
	a#retour:hover{
		background:url(../images/bouton_tete.png) top right no-repeat;
	}
	a#retour:active{
		background:url(../images/bouton_tete.png) bottom left no-repeat;
	}
	
/* corps page */
div#tout{
	min-height: 100%;
	margin:auto;
	width:900px;
}

/**/
h3{
	margin:5px 0 5px 0;
	padding:0;
	text-align:center;
}

h2{
	margin:10px 0 5px 0;
	padding:0;
	text-align:center;
	color:#FFFFFF;
}
/*en cas de nom trop long*/
.petit{
	font-size:17px;
	margin-bottom:12px;
}
/*bouton*/
input{
	width:175px;
	height:75px;
	cursor:pointer;
	border:none;
}

input#attaque{
	background:url(../images/attaque.png) top left no-repeat;
}
input#attaque:hover{
	background:url(../images/attaque.png) top right no-repeat;
}
input#attaque:disabled{
	background:url(../images/attaque.png) bottom left no-repeat;
}

input#charge{
	background:url(../images/charge.png) top left no-repeat;
}
input#charge:hover{
	background:url(../images/charge.png) top right no-repeat;
}
input#charge:disabled{
	background:url(../images/charge.png) bottom left no-repeat;
}


input#defense{
	background:url(../images/defense.png) top left no-repeat;
}
input#defense:hover{
	background:url(../images/defense.png) top right no-repeat;
}
input#defense:disabled{
	background:url(../images/defense.png) bottom left no-repeat;
}

input#special{
	background:url(../images/special.png) top left no-repeat;
}
input#special:hover{
	background:url(../images/special.png) top right no-repeat;
}
input#special:disabled{
	background:url(../images/special.png) bottom left no-repeat;
}
/*adversaire*/
input#attaque_a{
	background:url(../images/attaque.png) bottom left;
}
input#defense_a{
	background:url(../images/defense.png) bottom left;
}
input#charge_a{
	background:url(../images/charge.png) bottom left;
}
input#special_a{
	background:url(../images/special.png) bottom left;
}


div#information{
	width:380px;
	height:150px;
}
	div#information b{
		display:block;
		width:55px;
		float:left;
		margin-left: 10px;
	}
/**/

	div#sante_joueur{
		float:left;
		width:139px;
		height:139px;
		border:3px solid black;
		background-color:#FFFFFF;
		margin-left:40px;
	
	}	
	div#sante_adversaire{
		float:left;
		width:139px;
		height:139px;
		border:3px solid black;
		background-color:#FFFFFF;
		margin-left:40px;
	}
		div#sante_joueur img,div#sante_adversaire img{
			margin: 5px 5px 5px 5px;
			border: 2px solid black;
		}
			.pv{
				color:#FFFFFF;
				margin-left:62px;	
			}
/**/
div#joueur {
	float: left;
	height: 398px;
	width: 392px;
	background:url(../images/fond.png) no-repeat;
	margin-top:110px;
}
.info_carte{
	padding-left:18px;
	padding-top:0;
	font-size:14px;
}

div#adversaire {
	float:right;
	height: 398px;
	width: 392px;
	background:url(../images/fond_a.png) no-repeat;
	margin-top:110px;
}
/**/
div#commande ,div#commande_a {
	margin-top:10px;
	margin-left: 20px;
}
/*action*/
div#action{
	width:400px;
	height:168px;
	position:absolute;
}
div#action_a{
	width:400px;
	height:168px;
	position:absolute;
	margin-left:500px;
}
	div#action_a span,div#action span{
		position:absolute;
		margin-top:55px;
		text-align:center;
		width:400px;
	}
/*bulles*/
.bulle_def{
	background:url(../images/bulle.png) top right;
}
.bulle_char{
	background:url(../images/bulle.png) top left;
}
.bulle_atk{
	background:url(../images/bulle.png) bottom left;
}
.bulle_spe{
	background:url(../images/bulle.png) bottom right;
}

/*info num*/
table#info_num {
	margin-top:20px;
	margin-left:85px;
}
table#info_num td{
	text-align:right;
	width:60px;
	font-weight:bold;
}
/**/
.objet_long{
	font-size:12px;
}

/***************************/
div#end{
	width: 600px;
	height: 350px;
	position:absolute;
	background:url(../images/fond_fin.png);
	margin-left:150px;
	margin-top:55px;
	position:absolute;
	z-index:1;
}
div h1{
	text-align:center;
	margin:15px auto 10px auto;
	padding:0;
	color:#362501;
}
div#image_vainqueur{
	float:left;
	margin-left:20px;
	width: 120px;
	
}
img#vainqueur_fond{
	position:absolute;
	z-index:2;
}
img#vainqueur{
	margin-left:9px;
	margin-top:43px;
	position:absolute;
	z-index:1;
	border:4px solid #FF6600;
}


div#end a{
	display:block;
	margin-left:150px;
	text-decoration:none;
	width:300px;
	height:29px;
	cursor:pointer;
	margin-top:5px;
	background:url(../images/bouton_interface.png) top left no-repeat;
	text-align:center;
	padding-top:10px;
	color:#362501;
}
div#end a:hover{
	background:url(../images/bouton_interface.png) top right no-repeat;
}
div#end a:active{
	background:url(../images/bouton_interface.png) bottom left no-repeat;
}
hr{
	width:95%;
	margin:auto;
}


div#end table
{
    border: #794D09 2px solid;
    border-collapse: separate;
    border-spacing: 2px;
    empty-cells: hide;
	margin-bottom:20px;
	margin-left: 150px;
	margin-top:0;
	height: 150px;
}

div#end caption
{
	margin-top: 20px;
    background-color: #794D09 ;
    font-variant: small-caps;
    font-size: 1em;
    letter-spacing: 1px;
	color:#EEC08E;
}

div#end th
{
    color: #794D09;
    background-color: #FFCC66;
    border: #FFCC66 1px solid;
    letter-spacing: 1px;
	text-align:left;
}


div#end td
{
	color: #534013;
	background-color: #F1E7C0;
	text-align: center;
    border: #DDEEFF 1px solid;
	list-style-type:none;
}
div#end h2{
	margin:15px auto 0 auto;
	color:#794D09;
}
/*JAUGE*/
table#jauge_joueur , table#jauge_adversaire{
	margin:0;
	padding:0;
	border:1px solid white;
}
table#jauge_joueur td, table#jauge_adversaire td{
	margin:0;
	padding:0;
	width:25px;
	height:10px;
	background-color:#009900;
}

/*CLASSES COULEUR*/

.rouge{
	color:#FF0000;
}
.bleu{
	color:#0066FF; 
}
#test{
text-align:center;
background-color: #FFFF00;
border:4px solid #0066CC;
color:#0066CC;
position:absolute;
width: 600px;
height: 45px;
font-weight:bold;
margin-left:150px;
z-index:1;
}