body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	font-size: 10pt ;
	background-image: url(../img/marbre2.jpg);
	/*background: #dea ;*/
}

div#conteneur
{
	width: 770px ;
	min-height: 860px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #11226e ;
	background-image: url(../img/marbre1.gif);
}

div#dialbox
{
	width: 640px ;
	height: 480px ;
	overflow: auto;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}
div#name
{
	margin: 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	font-weight : bold;
	font-size: 14pt;
	color:navy;
	background-color: #d1d8e8 ;
}

div#departarmure
{
	margin: 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	font-weight : bold;
	font-size: 14pt;
	color:Red;
	background-color: #d1d8e8 ;
}

div#departarmure  h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div#departarmure h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}
	
h1#header
{
	height: 100px;
	background: url(../img/banniere.jpg) no-repeat center top;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	padding: 0px 5px ;
	line-height: 25px ;
	font-size: 8pt ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #11226e ;
}

ul#menu li a:hover
{
	background: url(../img/bg_menu.gif) repeat-x 0 0 ;
}

div#contenu
{
	margin: 5px;
	padding: 0px 0 0 160px ;
	/*background: url(../img/bg_page.gif) no-repeat 15px 15px ;*/
}

div#contenu_combat
{
	margin: 5px;
	padding: 0px 0 0 0px ;
	/*background: url(../img/bg_page.gif) no-repeat 15px 15px ;*/
}

div#leftcol
{
	width: 150px ;
	float: left ;
}

div#change {
	width: 150px ;
	margin: 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div#change  h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div#change h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

div#soutien  {
	width: 150px ;
	margin: 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
	font-size: 8pt;
}

div#soutien h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}

div#soutien h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

	
div#logindiv  {
	width: 150px ;
	margin: 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div#logindiv h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}

div#logindiv form
 {
	background-color: inherit;
	text-transform: lowercase;
	font-size: 8pt;
	color: black;
	font-weight : bold;
	text-align: left ;
}

div#div_choix form
 {
	margin: 5px;
	background-color: inherit;
	text-transform: lowercase;
	font-size: 8pt;
	color: black;
	font-weight : bold;
	text-align: center ;
}


div#logindiv h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}
div#classement{
	width: 150px ;
	margin: 5px 5px 10px 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div#classement h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}

div#classement table
 {
	background-color: inherit;
	text-transform: lowercase;
	font-size: 8pt;
	color: black;
	font-weight : bold;
	text-align: left ;
}

div#classement h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

div#portrait{
	width: 150px ;
	margin: 0 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div#portrait h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}

div#portrait h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}
	
div#portrait h3{
		background-color: inherit;
		margin: 5px 5px 0;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div#portrait h3:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

div#portrait p {
		margin: 10px 10px 0;
		text-align: left ;
	}	
	
div#portrait table#port_table {
		height: 130px;		
	}

div#imagepred{
	/*display: none;*/
	width: 150px ;
	margin: 0 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div#imagepred h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}

div#imagepred h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}
	

div#imagepred p {
		margin: 10px 10px 0;
		text-align: left ;
	}	

div#infoleft {
	width: 150px ;
	margin: 0 5px ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}	

div.optimisation{
	position: absolute; 
	top: 1px; 
	left: 0px;
	}
div.optimisation span.temps{
	font-size: 6pt;
	font-weight : bold;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background-color: white ;
	}
div.optimisation span.sql{
	font-size: 6pt;
	font-weight : bold;
	border: 1px solid black;
	background-color: white ;
	}

div.optiajax{
	position: absolute; 
	top: 17px; 
	left: 0px;
	}
div.optiajax span.temps{
	font-size: 6pt;
	font-weight : bold;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background-color: white ;
	}
div.optiajax span.sql{
	font-size: 6pt;
	font-weight : bold;
	border: 1px solid black;
	background-color: white ;
	}

div.duelres{
	margin: 5px 0 ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid red ;
	background-color: #d1d8e8 ;
}

div.duelres h4.nul{
		background-color: inherit;
		margin: 5px 5px 0;
		padding: 0;
		text-align: center ;
		font-size: 14pt;
		font-weight : bold;
		color: black;
	}

div.duelres h4.att{
		background-color: inherit;
		margin: 5px 5px 0;
		padding: 0;
		text-align: center ;
		font-size: 14pt;
		font-weight : bold;
		color: Green;
	}

div.duelres h4.def{
		background-color: inherit;
		margin: 5px 5px 0;
		padding: 0;
		text-align: center ;
		font-size: 14pt;
		font-weight : bold;
		color: Red;
	}

div.resumeduel{
	margin: 0 auto ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div.resumeduel h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div.resumeduel h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

div.resumeduel td{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.resumeduel td.gauche{
	vertical-align: top;
	text-align: left ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.resumeduel td.info{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	border: 1px solid black;
}

div.resumeduel td.barre{
	text-align: left ;
	background-color: white;
	font-weight : bold;
	font-size: 8pt;
}

div.resumeduel td.celbarre{
	text-align: center ;
	background-color: white;
}
div.resumeduel td.celtitre {
	text-align: left;
	background-color:white;
	border-bottom: 1px solid black;
	}
	
div.resumeduel td.valeur{
	text-align: left ;
	background-color:teal;
	border-bottom: 1px solid black;
	color:navy;
	}
	
div.resumeduel td.nom {
	text-align: center;
	text-transform: uppercase;
	font-weight : bold;
	font-size: 10pt;
	color: #00f;
	background-color:gray;
	}

div.vainqueur{
	margin: 0 auto ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	color:navy;
	background-color: #d1d8e8 ;
	font-weight : bold;
	font-size: 14pt;
	}

	
	
div.centre{
	margin: 0 auto ;
	text-align: center ;
	/*-moz-border-radius: 10px;*/
	border: 2px solid #11226e ;
	background-color: #d1d8e8 ;
}

div.centre ul{
	text-align: left ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.centre li.hot{
	font-weight : bold;
	color: red;
}

div.centre li.info{
	font-weight : bold;
	color: green;
}

div.centre div#defecole{

	width: 580px;
	overflow: auto;
	}

div.centre table#armure{
	border: 2px solid white;
}

div.centre td{
	text-align: right ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.gauche{
	text-align: left ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.centre{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.info{
	font-family: sans-serif ;
	text-align: center ;
	font-size: 6pt;
}

div.centre td.reqok{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	color: #0b0;
}

div.centre td.reqfalse{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	color: #f00;
}

div.centre h2{
		background-color: inherit;
		margin: 5px 5px 0;
		border-left: 3px solid black;
		border-bottom: 1px solid black;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div.centre h2:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}
	
div.centre h3{
		background-color: inherit;
		margin: 5px 5px 0;
		padding: 1px 4px;
		white-space: nowrap;
		text-transform: lowercase;
		font-size: 8pt;
		color: black;
	}
	
div.centre h3:first-letter {
		background-color: inherit;
		text-transform: uppercase;
		color: #11226e;
	}

div.centre p.messageok{
		background-color: inherit;
		text-align: center ;
		font-size: 10pt;
		font-weight : bold;
		color: black;
	}	
	
div.centre p.credit{
		background-color: inherit;
		text-align: center ;
		font-size: 8pt;
		font-weight : bold;
		color: black;
	}	
	
div.centre p.messagepasok{
		background-color: inherit;
		text-align: center ;
		font-size: 10pt;
		font-weight : bold;
		color: red;
	}
	
div.centre p.affhof{
	margin: 0;
	padding: 0;
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	}
div.centre p.affduel{
	margin: 0;
	padding: 0;
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	}
	
div.centre p.hopital{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	}
div.centre p.conseil{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
	}
	
div.centre p.accueil{
	text-align: center ;
	margin: 0;
	padding: 0;
	background-color: inherit;
	font-weight : bold;
	font-size: 10pt;
	}
	
div.centre p.duel{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 10pt;
	}
	
div.centre p.connecte{
	text-align: center ;
	margin: 0;
	padding: 0;
	background-color: inherit;
	font-weight : bold;
	font-size: 7pt;
	}

div.centre td.primaire {
		color: green;
	}

div.centre td.secondaire {
		color: #FFA500;
	}
	
div.centre td.tertiaire {
		color: red;
	}
	
div.centre td.haut {
	text-align: center;
	vertical-align: top;
	}

div.centre td.evo {
		text-align: center;
		vertical-align: top;
		border: 1px solid black;
		margin: 0px;
		padding: 0px;
	}

div.centre td.titre_evo {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: #00f;
		background-color:gray;
	}	
	
div.centre td.titre {
		border-bottom: 1px solid black;
		border-right: 1px solid black;
	}	

div.centre td.result{
		text-align: center ;
		background-color:olive;
		border-bottom: 1px solid black;
	}

div.centre td.classementOr {
		text-align: center ;
		color: white;
		background-color:#e4a700;
		border-bottom: 1px solid black;
	}	

div.centre td.classementArgent {
		text-align: center ;
		color: white;
		background-color:silver;
		border-bottom: 1px solid black;
	}	

div.centre td.classementBronze {
		text-align: center ;
		color: white;
		background-color:maroon;
		border-bottom: 1px solid black;
	}	
div.centre td.classementOrB {
		text-align: center ;
		color: #FFD700;
		background-color:black;
		border-bottom: 1px solid black;
	}	

div.centre td.classementArgentB {
		text-align: center ;
		color:silver;
		background-color:black;
		border-bottom: 1px solid black;
	}	

div.centre td.classementBronzeB {
		text-align: center ;
		color:maroon;
		background-color:black;
		border-bottom: 1px solid black;
	}
	
div.centre td.ligneb {
		text-align: center ;
		background-color:white;
		border-bottom: 1px solid black;
	}
	
div.centre td.ligneg {
		text-align: center ;
		background-color:gray;
		border-bottom: 1px solid black;
	}

div.centre td.lignea{
		text-align: center ;
		background-color:teal;
		border-bottom: 1px solid black;
		color:navy;
	}
	
div.centre td.dechu{
		text-align: center ;
		background-color:white;
		border-bottom: 1px solid black;
		color:red;
	}
	
div.centre td#nomecole{
		text-align: left ;
	}
	
div.centre td#nomattaquant{
		text-align: right ;
	}
	
div.centre td.Or {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: #FFD700;
		background-color:white;
	}

div.centre td.Argent {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: silver;	
		background-color:white;
	}

div.centre td.Bronze {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: maroon;
		background-color:white;
	}

div.centre td.OrB {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: black;
		background-color:#FFD700;
	}

div.centre td.ArgentB {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: black;	
		background-color:silver;
	}

div.centre td.BronzeB {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: black;
		background-color:maroon;
	}

div.centre td#prerequis {
		vertical-align: top;
	}

div.centre td#centre {
		text-align: center;
		background-color:white;
	}


div.centre td.titrearmure {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		background-color:gray;
	}
	
div.centre td.attaque {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: #00f;
		background-color:gray;
	}

div.centre td.titrefiche {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: #00f;
		background-color:gray;
		border-bottom: 1px solid black;
	}

div.centre td.fichenom {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color:navy;
		background-color: #d1d8e8 ;
		border-bottom: 1px solid black;
		
	}

div.centre td.ficheecole {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		background-color:teal;
		border-bottom: 1px solid black;
		color:navy;
		
	}
div.centre td.nom 
{
	text-align: center;
	font-weight : bold;
	font-size: 14pt;
	color:navy;
	background-color: #d1d8e8 ;
}
div.centre td.ficheOr {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: #FFD700;
		background-color:white;
	}

div.centre td.ficheArgent {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: silver;	
		background-color:white;
	}

div.centre td.ficheBronze {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: maroon;
		background-color:white;
	}	

div.centre td.ficheOrB {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: black;
		background-color:#FFD700;
	}

div.centre td.ficheArgentB {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: black;	
		background-color:silver;
	}

div.centre td.ficheBronzeB {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: black;
		background-color:maroon;
	}

div.centre td.fichearmure {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: black;
		background-color:white;
	}

div.centre p.top {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: Black;
		background-color:gray;
	}

div.centre td.tactitre {
		text-align: center;
		font-weight : bold;
		font-size: 10pt;
		color: Black;
		background-color:gray;
	}
	
div.centre td.titretab {
		text-align: center;
		font-weight : bold;
		font-size: 12pt;
		color: navy;
		background-color:white;
	}

div.centre td.caracb {
		text-align: center;
		background-color:white;
		border-bottom: 1px solid black;
	}	

div.centre td.caracg {
		background-color:gray;
		border-bottom: 1px solid black;
	}	
	
div.centre td.caraca{
		text-align: center;
		background-color:teal;
		border-bottom: 1px solid black;
		color:navy;
	}

div.centre table#rapport{
	text-align: center ;
	background-color: #e8e8e8;
	font-weight : bold;
	font-size: 8pt;
	border: 3px double black;
	border-collapse:collapse;
	}
	
div.centre td.rapportright{
	text-align: right ;
	}
	
div.centre td.limite{
	text-align: left ;
	font-weight : bold;
	font-size: 8pt;
	border-right: 1px solid black;
	}

div.centre td.rapport{
	text-align: center ;
	font-weight : bold;
	font-size: 9pt;
	border: 1px solid black;
	}

div.centre td.rapportgauche{
	vertical-align: top;
	text-align: left ;
	font-weight : bold;
	font-size: 9pt;
	border: 1px solid black;
	}
	
div.centre select.cible{
		text-align: center ;
		font-weight : bold;
		color:black;
		font-size: 8pt;
	}

div.centre select.contre{
		text-align: center ;
		font-weight : bold;
		color:black;
		font-size: 8pt;
	}
	
div.centre option.ratio5{
		text-align: center ;
		font-weight : bold;
		color:red;
		font-size: 8pt;
	}

div.centre option.ratio4{
		text-align: center ;
		font-weight : bold;
		color:#FF8C00;
		font-size: 8pt;
	}

div.centre option.ratio3{
		text-align: center ;
		font-weight : bold;
		color:black;
		font-size: 8pt;
	}

	
div.centre option.ratio2{
		text-align: center ;
		font-weight : bold;
		color:#32CD32;
		font-size: 8pt;
	}
	
div.centre option.ratio1{
		text-align: center ;
		font-weight : bold;
		color:#008000;
		font-size: 8pt;
	}
	
div.centre select.select_armure{
		text-align: center ;
		font-weight : bold;
		font-size: 8pt;
	}
	
div.centre option.select_armure{
		text-align: center ;
		font-weight : bold;
		font-size: 8pt;
	}	
div.centre input.nomattaque{
		text-align: left ;
		background-color:white;
		font-weight : bold;
		color:navy;
		font-size: 8pt;
	}

div.centre input.attpnj{
		text-align: center ;
		font-weight : bold;
		color:black;
		font-size: 8pt;
	}

div.centre select.attpnj{
		text-align: center ;
		font-weight : bold;
		color:black;
		font-size: 8pt;
	}
	
div.centre input.nb_comp{
		text-align: center ;
	}

div.centre input.centre{
		text-align: center ;
	}

div.centre input.decatt{
		text-align: left ;
		background-color:teal;
		font-weight : bold;
		color:navy;
		font-size: 8pt;
	}

div.centre select.competence{
	text-align: center ;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.etat0{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.etat1{
	text-align: center ;
	background-color: inherit;
	color:#00BB00;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.etat2{
	text-align: center ;
	background-color: inherit;
	color:red;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.etathof1{
	text-align: right ;
	background-color: inherit;
	color:#00BB00;
	font-weight : bold;
	font-size: 8pt;
}

div.centre td.etathof2{
	text-align: right ;
	background-color: inherit;
	color:red;
	font-weight : bold;
	font-size: 8pt;
}	

div.centre td.select_armure	{
	text-align: center ;
	font-weight : bold;
	font-size: 8pt;
	color: black;
}
	
div#leftcol table#hp{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div#leftcol td.hp{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
	
div#leftcol td{
	text-align: center ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div#leftcol td.gauche{
	text-align: left ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div#leftcol td.droite{
	text-align: right ;
	background-color: inherit;
	font-weight : bold;
	font-size: 8pt;
}

div#leftcol td.caracb {
		background-color:white;
		border-bottom: 1px solid black;
	}	

div#leftcol td.caracg {
		background-color:gray;
		border-bottom: 1px solid black;
	}	
	
div#leftcol td.caraca{
		background-color:teal;
		border-bottom: 1px solid black;
		color:navy;
	}
	
div#leftcol td#competence {
		font-weight : bold;
		font-size: 10pt;
		color: #00f;
		background-color:gray;
	}

div#leftcol td.ligneb {
		text-align: center ;
		background-color:white;
		border-bottom: 1px solid black;
	}
	
div#leftcol td.ligneg {
		text-align: center ;
		background-color:gray;
		border-bottom: 1px solid black;
	}

input.little_bt {
		font-weight : bold;
		font-size: 8pt;
	}

input.envoyer {
		font-weight : bold;
	}

p#footer
{
	text-align: right ;
	margin-right: 5px;
	color: gray;	
}

.petitinfol1{
	border: 1px solid Black;
	color: black;
	background-color:white;
	}
	
.petitinfol2{
	color:navy;
	background-color:teal;
	}
	
.aide{
	color:black;
	background-color:yellow;
	}

.infobulle{
	font-size: 7pt;
	border: 1px solid Black;
	border-collapse:collapse;
	position: absolute;	
	visibility : hidden;
	font-weight : bold;
	z-index : 3;
}

div.centre table#messagerie{
	text-align: center ;
	background-color: #e8e8e8;
	font-weight : bold;
	font-size: 8pt;
	border: 3px double black;
	border-collapse:collapse;
	}
	
div.centre table#groupmess{
	border-collapse:collapse;
	}
div.centre table#messagerie td.corps{
	border-top: 1px solid black;
	vertical-align: top;
	}

div.centre table#messagerie td.sujet{
	text-align: left;
	font-weight : normal;
	font-size: 8pt;
	}

div.centre table#messagerie td.date{
	text-align: left;
	font-weight : normal;
	font-size: 8pt;
	}

div.centre table#messagerie td.dest{
	text-align: left;
	font-weight : normal;
	font-size: 8pt;
	}

div.centre table#messagerie tr.titre{
	border-bottom: 3px double black;
	}	

div.centre table#messagerie tr.bas{
	border-top: 3px double black;
	}

div.centre table#messagerie tr.lu{
	color:black;
	}

div.centre table#messagerie tr.paslu{
	color:red;
	}
	
div.centre table#messagerie textarea.dest{
	vertical-align: top;
	text-align: left;
	font-weight : normal;
	font-size: 8pt;
	}
	
div.centre td.actif{
	background-color: #e8e8e8;
	text-align: left;
	border-top: 3px double black;
	border-left: 3px double black;
	border-right: 3px double black;
	}

div.centre td.pasactif{
	background-color: #5c6164;
	text-align: left;
	border-top: 3px double black;
	border-left: 3px double black;
	border-right: 3px double black;
	}

div.centre td.ecole{
	text-align: center ;
	background-color:white;
	}
	
span.lieu{
	font-weight : bold;
	font-size: 10pt;
	}

span.continent{
	font-weight : bold;
	}

span.style{ 
	font-style: italic ;
	}	


div.centre option.choixpnj0{
	font-weight : bold;
	font-size: 8pt;
	
	}
	
div.centre option.choixpnj1{
	font-weight : bold;
	font-size: 8pt;
	color: red;
	}

	
caption.maj{
	text-align: center ;
	font-weight : bold;
	font-size: 10pt;
	color: red;
	}

span.petit{
	font-size: 6pt;
}

	
a.messagerie:link { color: black ; text-decoration: none ; }

a.messagerie:visited {color :black ; text-decoration: none ;}

a.messagerie:hover { color: white ; font-weight : bold; text-decoration: none ; }	

a.lu:link { color: black ; font-weight : normal; text-decoration: none ; }

a.lu:visited {color :black ; font-weight : normal; text-decoration: none ;}

a.lu:hover { color: green ; font-weight : bold; text-decoration: none ; }	

a.paslu:link { color: red ; font-weight : normal; text-decoration: none ; }

a.paslu:visited {color :red ; font-weight : normal; text-decoration: none ;}

a.paslu:hover { color: green ; font-weight : bold; text-decoration: none ; }