.BodyPage {
 border: 0px;
 background-color: #000000;
 color: #000000;
 font-size: 9pt;
 font-family: Arial;
 width: 100%;
}

/** Separateur **/
.Separator {
 padding-left: 20px;
 width:700px;
 border-collapse:collapse;
 border-spacing:0px; 
}

.SeparatorLeft {
 background: url('../graphics/SeparatorLeft.gif');
 padding: 0px;
 width: 5px;
 height: 20px;
 border-style: none;
}
.SeparatorCenter {
 color: #660000;
 font-size: 9pt;
 font-family: "Arial Black";
 font-weight: normal;
 text-align: left;
 white-space: nowrap;
 height: 20px;
 vertical-align: top;
 border-style: none;
 background: url('../graphics/SeparatorMiddle.gif');
}
.SeparatorRight {
 background: url('../graphics/SeparatorRight.gif');
 padding: 0px;
 width: 5px;
 height: 20px;
 border-style: none;
}

/** Boutons de type image **/
.ButtonInputImage {
 padding : 0px;
 vertical-align : middle;
 width: 21px;
 height: 21px;
}

/** Boutons de type lien **/
.ButtonInputLink {
 font-family : Arial;
 font-size : 9pt;
 font-weight : bold;
 text-decoration : none;
 color : #000000;
}
.ButtonInputLink:hover {
 font-family : Arial;
 font-size : 9pt;
 font-weight : bold;
 text-decoration : none;
 color : #CF9F39;
}

/** Boutons standards **/
.ButtonInputButtonLeft {
 background: url('../graphics/bgauche.gif');
 padding: 0px;
 width: 14px;
 height: 21px;
 border-style: none;
}
.ButtonInputButtonLeftOver {
 background: url('../graphics/bgaucheover.gif');
 padding: 0px;
 width: 14px;
 height: 21px;
 border-style: none;
}
.ButtonInputButtonRight {
 background: url('../graphics/bdroite.gif');
 padding: 0px;
 width: 14px;
 height: 21px;
 border-style: none;
}
.ButtonInputButtonRightOver {
 background: url('../graphics/bdroiteover.gif');
 padding: 0px;
 width: 14px;
 height: 21px;
 border-style: none;
}
.ButtonInputButton {
 color: #000000;
 font-size: 9pt;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
 background: url('../graphics/bcentre.gif');
 white-space: nowrap;
 padding-bottom: 2px;
 height: 21px;
 border-style: none;
}
.ButtonInputButtonOver {
 color: #000000;
 font-size: 9pt;
 font-family: Arial;
 font-weight: bold;
 text-decoration: none;
 background: url('../graphics/bcentreover.gif');
 white-space: nowrap;
 padding-bottom: 2px;
 height: 21px;
 border-style: none;
}

/** - Bouton de type icone texte **/
.ButtonInputButtonImg {
 background: url('../graphics/bcentre.gif');
 border-style: none;
 height : 21px;
 white-space : nowrap;
 vertical-align : middle;
}
.ButtonInputButtonImgOver {
 background: url('../graphics/bcentreover.gif');
 border-style: none;
 height : 21px;
 white-space : nowrap;
 vertical-align : middle;
}

.Vignette {
 border: #000000 solid 1px;
 background-color: #FFFFFF;
 text-align: center;
 width: 100px;
 height: 120px;
 vertical-align: top;
}

.VignetteImg {
 text-align: center;
 vertical-align: top;
 height: 100px;
 width: 100px;
}

.VignetteTitle {
 text-align: center;
 font-family: 'Arial';
 font-size: 7pt;
 font-weight: normal;
 height: 20px;
 width: 100px;
}

.ImageChooser {
 height: 80px;
 width: 217px;
 overflow-x: hidden;
 overflow-y: scroll;
 border: #666666 solid 1px;
 background-color: #FFFFFF;
}

.ImageChooser a {
 text-align: center;
 vertical-align: top;
 border: #FFFFFF solid 1px;
}

.ImageChooser img {
 border: none;
}

.ColorChooser {
 height: 100px;
 width: 217px;
 border: #666666 solid 1px;
 background-color: #FFFFFF;
}

.ColorElt {
 cursor: pointer;
}

/** Tables **/
.Table {
 border-collapse:collapse;
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
}

.LigneTitre {
 border-bottom:#BB9999 solid 1px;
 background-color: #DDDDDD;
}

.Ligne {
 border-bottom:#DDBBBB solid 1px;
 background-color: #FFFFFF;
}

.CelluleTitre {
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 border-right:#BB9999 solid 1px;
}

.Cellule {
 padding-left: 5px;
 padding-right: 5px;
 border-right:#DDBBBB solid 1px;
}

/** Composants de saisie **/
.Label {
 color: #444466;
 font-family: 'Arial';
 font-size: 12pt;
 font-weight: normal;
 text-decoration: none;
 white-space : nowrap;
 padding-right: 5px;
 padding-top: 3px;
 height: 16px;
 float:left; 
}

.LabelFixe {
 color: #444466;
 font-family: 'Arial';
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
 white-space : nowrap;
 padding-top: 3px;
 height: 16px;
 width:150px;
 float:left;
}

.ReferenceFieldSelectInput {
 color : #222222;
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
 vertical-align : top;
}

.TextFieldInput {
 color: #222222;
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
 vertical-align : top;
}

/** Formattage pour l'affichage des articles **/
.tbl {
 border-collapse:collapse;
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
}

.tbl_cellheader {
 background-color: #CCCCCC;
 border:#888888 solid 1px;
 font-weight: bold;
 text-align: center;
}

.tbl_cell {
 background-color: #FFFFFF;
 border:#888888 solid 1px;
}

.article {
 color: #000000;
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
 float:none;
 border:#DDBBBB solid 1px;
 padding:5px;
}

.titre1 {
 color: #222222;
 font-size: 12pt;
 font-weight: bold;
 height: 40px;
 padding-top:10px;
}

.Bloodlust .titre1 {
 color: #222222;
 font-size: 14pt;
 font-weight: bold;
 padding-left:50px;
 padding-bottom:10px;
 height: 30px;
 background-image: url("../graphics/bl_titre1.png");
}

.titre2 {
 color: #222222;
 font-size: 12pt;
 font-weight: bold;
 height: 48px;
 padding-bottom:10px;
}

.Bloodlust .titre2 {
 color: #222222;
 font-size: 12pt;
 font-weight: bold;
 padding-left:24px;
 padding-bottom:10px;
 height: 30px;
 padding-top:7px;
 background-image: url("../graphics/bl_titre2.png");
}

.titre3 {
 color: #222222;
 font-size: 10pt;
 font-weight: bold;
 padding-left:10px;
 height: 20px;
 padding-top:4px;
}

.titre4 {
 color: #222222;
 font-size: 9pt;
 font-weight: bold;
 padding-left:15px;
}

.barre {
 text-decoration: line-through;
}

.souligne {
 text-decoration: underline;
}

.gras {
 font-weight: bold;
}

.italique {
 font-style: italic;
}

.puce1 {
 background: url('../graphics/puce1.gif');
 padding-left:15px;
 background-repeat:no-repeat;
}

.puce2 {
 background: url('../graphics/puce2.gif');
 padding-left:25px;
 background-repeat:no-repeat;
}

.puce3 {
 background: url('../graphics/puce3.gif');
 padding-left:35px;
 background-repeat:no-repeat;
}

.lienArticle {
 font-weight: bold;
 color: #662222;
 cursor: pointer;
}

.syntaxe {
 font-family: 'Arial';
 font-size: 9pt;
 font-weight: normal;
}

.syntaxe_sep {
 font-style: italic;
 font-weight: bold;
 color: #440000
}

/** Mise en page principale **/

.identTable {
 width: 100%;
 border-collapse:collapse;
 border-spacing:0px;
 border: 1px solid #000000
}

div {
	text-align:left;
}
div#fond {
	background-color:#333333;
}
div#main {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height:600px;
	background-color:#DDDDDD;
}
div#bandeau {
	width:1000px;
	height:33px;
	background-image: url("../graphics/fondheader.gif");
}
div#menu {
	width:1000px;
	height:36px;
	background-image: url("../graphics/fondmenu.gif");
}
div#contenu {
	float:right;
	width:990px;
	min-height:600px;
	background-color:#FFFFFF;
	padding:5px;
}
div#pied_page {
	text-align:right;
	clear:both;
	width:1000px;
	height:30px;
	background-image: url("../graphics/fondfooter.gif");
	text-align:right; 
}
	
div#bandeau .Label {
 color: #FFFFFF;
 font-family: 'Arial';
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
 white-space : nowrap;
 padding-right: 5px;
 padding-top: 8px;
 height: 30px;
}

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	width: 1000px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 35px;
	left: auto;
	font-family: 'Arial';
	font-size: 8pt;
 	font-weight: bold;
 	cursor: pointer;
    text-align:left;
}
#menuDeroulant li
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0;
    height: 18px;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
    height: 18px;
	color: #FFFFFF;
	margin: 0;
	padding-top: 5px;
	text-decoration: none;
	text-align: center;
}

#menuDeroulant li a.menuarticle
{
	background-image: url("../graphics/page.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	height: 18px;
}

#menuDeroulant .sousMenu li.menudossier
{
	background-image: url("../graphics/folder.gif"); 
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
    color: #FFFFFF;
	height: 18px;
}

#menuDeroulant li a.menuarticlecons
{
	background-image: url("../graphics/pagecons.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	height: 18px;
}

#menuDeroulant li a.menuarticlepers
{
	background-image: url("../graphics/page.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-weight: normal;
	text-align: left;
    color: #FF8888;
	height: 18px;
}

#menuDeroulant .sousMenu li.menudossiercons
{
	background-image: url("../graphics/foldercons.gif"); 
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
    color: #FFFFFF;
	height: 18px;
}

#menuDeroulant .sousMenu li.menudossiersansicone
{
	background-image: url("../graphics/icovide.gif"); 
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
    color: #FFFFFF;
	height: 18px;
}

#menuDeroulant li a.menuadd
{
	background-image: url("../graphics/icoAjouter.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menuexp
{
	background-image: url("../graphics/icoExporter.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menuimp
{
	background-image: url("../graphics/icoImporter.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menugestiondossier
{
	background-image: url("../graphics/gestfolder.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menuseparator
{
	background-image: url("../graphics/menuseparator.gif"); 
	height: 11px;
}

#menuDeroulant li a.menublank
{
	background-image: url("../graphics/icovide.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menujeuA
{
	background-image: url("../graphics/jeuAdmin.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li a.menujeuU
{
	background-image: url("../graphics/jeuUser.gif"); 
	background-repeat: no-repeat;
	padding: 2px 20px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	height: 18px;
}

#menuDeroulant li:hover {
	background-image: url("../graphics/menuover.gif");
}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant li li ul{
  position:relative;
  left:100px;
  top:-12px;
}

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 199px;
	text-align: left;
}

#menuDeroulant .sousMenu
{
 	background: #363B3D;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	margin: 0;
	border: 0;
	text-decoration: none;
	height: 18px;
}

#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
}

#menuDeroulant .sousMenu li a.menuarticle:hover {
	background-color: transparent;
	background-image: url("../graphics/pageOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li.menudossier:hover {
	background-color: transparent;
	background-image: url("../graphics/folderopen.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuarticlecons:hover {
	background-color: transparent;
	background-image: url("../graphics/pageconsOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuarticlepers:hover {
	background-color: transparent;
	background-image: url("../graphics/pageOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li.menudossiercons:hover {
	background-color: transparent;
	background-image: url("../graphics/folderopencons.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li.menudossiersansicone:hover {
	background-color: transparent;
	background-image: url("../graphics/icovideOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menublank:hover {
	background-color: transparent;
	background-image: url("../graphics/icovideOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuadd:hover {
	background-color: transparent;
	background-image: url("../graphics/icoAjouterOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuexp:hover {
	background-color: transparent;
	background-image: url("../graphics/icoExporterOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuimp:hover {
	background-color: transparent;
	background-image: url("../graphics/icoImporterOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menujeuU:hover {
    background-color: transparent;
	background-image: url("../graphics/jeuUserOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menujeuA:hover {
    background-color: transparent;
	background-image: url("../graphics/jeuAdminOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menugestiondossier:hover {
	background-color: transparent;
	background-image: url("../graphics/gestfolderOver.gif"); 
	background-repeat: no-repeat;
}

#menuDeroulant .sousMenu li a.menuseparator:hover
{
	background-image: url("../graphics/menuseparator.gif"); 
}

#menuDeroulant li:hover > .sousMenu { display: block; }

.Torg {
  background-image: url("../graphics/fondtorg.jpg");
  background-repeat: repeat-y;
}

.Scion {
  background-image: url("../graphics/fondscion.jpg");
  background-repeat: repeat-y;
}

.L5A {
  background-image: url("../graphics/fondl5a.jpg");
  background-repeat: repeat-y;
}

.Cthulhu{
  background-image: url("../graphics/fondma.jpg");
  background-repeat: repeat-y;
}

.Lankhmar {
  background-image: url("../graphics/fondlankhmar.jpg");
  background-repeat: repeat-y;
}

.Bloodlust {
  background-image: url("../graphics/fondbloodlust.jpg");
  background-repeat: repeat-y;
}