/* ---- CSS Document ---- */
body {
	background-color:#333333;
	font-family:Arial;
	color:#FFFFCC;
	font-size:14px;
	text-align:center;
	}
/* ---- CSS LINK ---- */
a {font:Arial;size:12px;color:#FFFFCC;text-decoration:underline}
a:hover{font:Arial;size:12px;color:#FFCC00;text-decoration:none}
.link1{font:Arial;size:12px;color:#FFFFCC;text-decoration:underline}
.link1:hover{font:Arial;size:12px;color:#FFCC00;text-decoration:none}
.link2{font:Arial;size:12px;color:#FFFFCC;text-decoration:underline;}
.link2:hover{font:Arial;size:12px;color:#FFCC00;text-decoration:none; background-color: #333333}
.link3{font:Arial;size:12px;color:#333333;text-decoration:none; background:#FFFFCC; border: solid 1px #333333;}
.link3:hover{font:Arial;size:12px;color:#FFFFCC;text-decoration:none; background-color:#333333; border: solid 1px #990000;}
/* ---- CSS BLOC ---- */
#cadre {
	width:900px;
	border: solid 1px #FFCC00;
	padding:10px;
	margin: 0px auto;
	text-align:left;
	}
/* ---- CSS HEADER ---- */
#header {
	padding:1px;
	margin:0;
	border: solid 1px #FF9900;
	background:url(images/banniere.gif) no-repeat center;
	display:block;
	height:112px;
	}
#title {
	padding:10px;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	text-align:center;
	}
/* ---- CSS RECHERCHE ---- */
#recherche {
	padding:5px;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	text-align:center;
	background:url(images/recherche.gif) center;
	display:block;
	}
#recherche table {
	width:600px;
	height:100px;
	font-size:12px;
	font-weight:bold;
	}
#recherche input {
	background-color:#FFFFCC;
	border: solid 1px #FFFFCC;
	margin:5px;
	}
#recherche input:focus {
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	}
#recherche select {
	background-color:#FFFFCC;
	border:none;
	margin:5px;
	}
#recherche select:focus {
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	border:none;
	}
/* ---- CSS LISTE ---- */
#liste {
	position: relative;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	text-align:center;
	display:block;
	background:url(images/liste.gif) no-repeat center;
	height:185px;
	font-size:16px;
	}
#liste-recherche {
	position: relative;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	text-align:center;
	display:block;
	background:url(images/listerecherche.gif) no-repeat center;
	height:185px;
	font-size:16px;
	}
/* ---- CSS LISTE POSITION ---- */
#id {
	background-color:#333333;
	position:absolute;
	text-align:center;
	font-weight:bold;
	top:22px;
	left: 823px;
	z-index: 2;
	width: 50px;
	height: 20px;
}
#nom {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:24px;
	left: 214px;
	z-index: 2;
	width: 285px;
	height: 20px;
}
#classe {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:54px;
	left: 214px;
	z-index: 2;
	width: 285px;
	height: 20px;
}
#archetype {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:84px;
	left: 214px;
	z-index: 2;
	width: 285px;
	height: 20px;
}
#artisana {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:114px;
	left: 214px;
	z-index: 2;
	width: 285px;
	height: 20px;
}
#grade {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:22px;
	left: 697px;
	z-index: 2;
	width: 123px;
	height: 20px;
}
#fonction {
	background-color:#333333;
	text-align:center;
	position:absolute;
	top:144px;
	left: 214px;
	z-index: 2;
	width: 285px;
	height: 20px;
}
/* ---- CSS LISTE POSITION BG ---- */
#bg {
	position:absolute;
	text-align:center;
	top:63px;
	left: 524px;
	z-index: 2;
	width: 352px;
	height: 99px;
}
#bg textarea {
	font-family:Arial;
	font-size:12px;
	background-color:transparent;
	color: #FFFFCC;
	scrollbar-face-color:#333333  ;
    scrollbar-shadow-color:#333333;
    scrollbar-highlight-color:#333333;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-track-color:#FFFFCC;
    scrollbar-arrow-color:#FFFFCC;
	height:98px;
	width:348px;
	border:none;
}
#bg textarea:focus, #bg textarea:hover {
	background-color:#333333;
}
/* ---- CSS LISTE SUITE---- */
#actif {
	background-color:#333333;
	position:absolute;
	text-align:center;
	top:22px;
	left: 528px;
	z-index: 2;
	width: 165px;
	height: 20px;
}
#avatar {
	position:absolute;
	text-align:center;
	vertical-align:middle;
	top:17px;
	left: 28px;
	z-index: 2;
	width: 150px;
	height: 150px;
}
/* ---- CSS FOOTER---- */
#footer {
	padding:1px;
	text-align:center;
	vertical-align:middle;
	margin-top:10px;
	border: solid 1px #FF9900;
	background-image:url(images/footer.gif);
	}
/* ---- CSS LOGIN---- */
#login {
	text-align:center;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	display:block;
	background:url(images/login.gif) no-repeat center;
	}
#login table {
	text-align:center;
	width:300px;
	font-size:12px;
	font-weight:bold;
	}
#login input {
	background-color:#FFFFCC;
	border: solid 1px #FFFFCC;
	margin:5px;
	}
#login input:focus{
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	}
#login-ok {
	padding:5px;
	color:#00FF00;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	}
#login-failed {
	padding:5px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	}
/* ---- CSS LOGIN---- */
#login-membre {
	text-align:center;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	display:block;
	background:url(images/login-membre.gif) no-repeat center;
	}
#login-membre table {
	text-align:center;
	width:300px;
	font-size:12px;
	font-weight:bold;
	}
#login-membre input {
	background-color:#FFFFCC;
	border: solid 1px #FFFFCC;
	margin:5px;
	}
#login-membre input:focus{
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	}
/* ---- CSS BUTTON---- */
#button{
	background-color: #FFFFCC;
	border: solid 1px #333333;
	color: #333333;
	}
#button:hover{
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFFCC;
	}
/* ---- CSS LISTE ADMINISTRATION ---- */
#title-administration {
	padding:10px;
	margin-bottom:20px;
	border: solid 1px #FF9900;
	text-align:center;
	}
/* CSS LISTE ADMINISTRATION RECHERCHE */
#recherche-administration {
	padding:5px;
	border: solid 1px #FF9900;
	text-align:center;
	background:url(images/recherche.gif) center;
	display:block;
	}
#recherche-administration table {
	width:600px;
	height:100px;
	font-size:12px;
	font-weight:bold;
	}
#recherche-administration input {
	background-color:#FFFFCC;
	border: solid 1px #FFFFCC;
	margin:5px;
	}
#recherche-administration input:focus {
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	}
#recherche-administration select {
	background-color:#FFFFCC;
	border:none;
	margin:5px;
	}
#recherche-administration select:focus {
	background-color:#333333;
	border: solid 1px #990000;
	color:#FFFF99;
	border:none;
	}
/* CSS LISTE ADMINISTRATION BODY */
#administration-left {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	border: solid 1px #FF9900;
	background:url(images/administration-left.gif) no-repeat center;
	height:157px;
	width:167px;
	}
#administration-left-search {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	border: solid 1px #FF9900;
	background:url(images/administration-left-search.gif) no-repeat center;
	height:193px;
	width:167px;
	}
#administration-right {
	float:right;
	width:710px;
	padding:15px 5px 15px 5px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	border: solid 1px #FF9900;
	}
/* CSS LISTE ADMINISTRATION FOOTER */
#footer-administration {
	clear:both;
	padding:1px;
	text-align:center;
	border: solid 1px #FF9900;
	background-image:url(images/footer.gif);
	}
/* ---- CSS BLOC 1---- */
.bloc-right-1 {
	font-size:10px;
	display:block;
	width:665px;
	text-align:left;
	border: solid 1px #FFCC00;
	padding:12px 5px;
	margin:auto auto;
	}
.bloc-right-1 table {
	width:675px;
	}
.bloc-right-1 td {
	border: solid 1px #FFCC00;
	}
/* ---- CSS ADMIN BG---- */
#modifier-bloc-admin-bg {
	font-size:12px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#modifier-bloc-admin-bg table {
	width:675px;
	margin:5px auto;
	}
#modifier-bloc-admin-bg td {
	border: solid 1px #FF9900;
	padding:5px;
	}
#modifier-bloc-admin-bg textarea {
	font-family:Arial;
	font-size:12px;
	color: #FFFFCC;
	scrollbar-face-color:#333333  ;
    scrollbar-shadow-color:#333333;
    scrollbar-highlight-color:#333333;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-track-color:#FFFFCC;
    scrollbar-arrow-color:#FFFFCC;
	border:none;
	background:url(images/admin-bg-bloc.gif) no-repeat center;
	height:98px;
	width:348px;
	text-align:left;
}
#modifier-bloc-admin-bg textarea:hover {
	background-color: #333333;
}
/* ---- CSS ADMIN BG END---- */
.bloc-right-3 {
	display:block;
	width:665px;
	text-align:left;
	border: solid 1px #FFCC00;
	padding:12px 5px;
	margin:auto auto;
	}
.bloc-right-3 table {
	width:650px;
	}
.bloc-right-3 td {
	border: solid 1px #FFCC00;
	}
.bloc-right-4 {
	font-size:10px;
	display:block;
	width:665px;
	text-align:left;
	border: solid 1px #FFCC00;
	padding:12px 5px;
	margin:auto auto;
	}
.bloc-right-4 table {
	width:650px;
	}
.bloc-right-4 td {
	border: solid 1px #FFCC00;
	}
#nouvelle-bloc-1 {
	font-size:12px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 181px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#nouvelle-bloc-1 table {
	width:720px;
	margin:5px auto;
	}
#nouvelle-bloc-1 td {
	padding-bottom:5px;
	}
#nouvelle-bloc-1 input{
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#nouvelle-bloc-1 input:focus{
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#nouvelle-bloc-1 textarea {
	border: solid 1px #FF0000;
	font-family:Arial;
	font-size:12px;
	background-color:#333333;
	color: #FFFFCC;
	scrollbar-face-color:#333333  ;
    scrollbar-shadow-color:#333333;
    scrollbar-highlight-color:#333333;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-track-color:#FF0000;
    scrollbar-arrow-color:#FF0000;
	height:98px;
	width:348px;
	}
#nouvelle-bloc-1 select {
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#nouvelle-bloc-1 select:focus {
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
/* ---- CSS ADMIN ADMINISTRATION et MODIFIER---- */
#modifier-bloc-1 {
	font-size:10px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#modifier-bloc-1 table {
	width:675px;
	margin:5px auto;
	}
#modifier-bloc-1 td {
	border: solid 1px #FF9900;
	padding-bottom:5px;
	padding-top:5px;
	}
/* ---- CSS SIMPLIFIE---- */
#simplifier-bloc-body {
	font-size:12px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px auto;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#simplifier-bloc-body table {
	width:850px;
	margin:5px auto;
	}
#simplifier-bloc-body td {
	border: solid 1px #FF9900;
	padding-bottom:5px;
	padding-top:5px;
	}
/* ---- CSS MEMBRE---- */
#membre-bloc-middle {
	font-size:10px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px auto;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#membre-bloc-middle table {
	width:700px;
	margin:5px auto;
	}
#membre-bloc-middle td {
	padding-bottom:5px;
	padding-top:5px;
	}
#membre-bloc-middle input{
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#membre-bloc-middle input:focus{
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#membre-bloc-middle textarea {
	border: solid 1px #FF0000;
	font-family:Arial;
	font-size:12px;
	background-color:#333333;
	color: #FFFFCC;
	scrollbar-face-color:#333333  ;
    scrollbar-shadow-color:#333333;
    scrollbar-highlight-color:#333333;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-track-color:#FF0000;
    scrollbar-arrow-color:#FF0000;
	height:98px;
	width:348px;
	}
#membre-bloc-middle select {
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#membre-bloc-middle select:focus {
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#membre-bloc-bottom {
	font-size:12px;
	position: relative;
	display:block;
	text-align:center;
	margin:20px auto 20px auto;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
/* ---- CSS ADMIN BLOC SUPPRIMER---- */
#bloc-supprimer-body {
	font-size:10px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#bloc-supprimer-body table {
	width:675px;
	margin:5px auto;
	}
#bloc-supprimer-body td {
	border: solid 1px #FF9900;
	padding-bottom:5px;
	padding-top:5px;
	}
#bloc-supprimer-body input{
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-supprimer-body input:focus{
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-supprimer-body select {
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-supprimer-body select:focus {
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-supprimer-choice {
	text-align:center;
	}
#bloc-supprimer-view {
	font-size:10px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#bloc-sup-mod-top {
	font-size:12px;
	position: relative;
	display:block;
	text-align:center;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#bloc-sup-mod-bottom {
	font-size:12px;
	position: relative;
	display:block;
	text-align:center;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#bloc-sup-mod-bottom input{
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-sup-mod-bottom input:focus{
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-sup-mod-bottom select {
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#bloc-sup-mod-bottom select:focus {
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
/* ---- CSS ADMIN STATISTIQUES---- */
#modifier-bloc-statistiques {
	font-size:12px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#modifier-bloc-statistiques table {
	width:675px;
	margin:5px auto;
	}
#modifier-bloc-statistiques td {
	border: solid 1px #FF9900;
	padding-bottom:5px;
	padding-top:5px;
	}
/* ---- CSS ADMIN AVATAR---- */
#modifier-bloc-avatar {
	font-size:12px;
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#modifier-bloc-avatar table {
	width:675px;
	margin:5px auto;
	}
#modifier-bloc-avatar td {
	border: solid 1px #FF9900;
	padding:5px;
	}
/* ---- CSS ADMIN AVATAR END---- */
#modifier-bloc-2 {
	position: relative;
	display:block;
	text-align:left;
	margin:20px auto 20px 180px;
	padding-bottom:14px;
	padding-top:14px;
	border: solid 1px #FF9900;
	}
#modifier-bloc-2 table {
	width:700px;
	margin:5px auto;
	}
#modifier-bloc-2 td {
	padding-bottom:5px;
	}
#modifier-bloc-2 input{
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#modifier-bloc-2 input:focus{
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#modifier-bloc-2 textarea {
	border: solid 1px #FF0000;
	font-family:Arial;
	font-size:12px;
	background-color:#333333;
	color: #FFFFCC;
	scrollbar-face-color:#333333  ;
    scrollbar-shadow-color:#333333;
    scrollbar-highlight-color:#333333;
    scrollbar-3dlight-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-track-color:#FF0000;
    scrollbar-arrow-color:#FF0000;
	height:98px;
	width:348px;
	}
#modifier-bloc-2 select {
	background:#333333;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
#modifier-bloc-2 select:focus {
	background:#000000;
	border: solid 1px #FF0000;
	color:#FFFFCC;
	}
/* ---- CSS SPECIALES---- */
#selected, .selected {
	font-weight:bold;
	color:#FF0000;
	}
#selected-ok, .selected-ok {
	font-weight:bold;
	color: #00FF00;
	}