@import "Common.css";

/* -- Position du cadre principal */

#PAGE {
top: 131px;
left: 131px;
}
#CONTENT {
background-position: 131px 141px;
}

/* -- Page et bas de page -- */
/* ------------------------- */
a {
color: #FFFFFF;
}
a:hover {
color: #FFCC00;
}
.pm .warning, .tiny .warning {
	color: #FF3333;
	font-weight: bold;
}
.warning a {
	color:#666633;
}
.pm .note, .tiny .note {
color: #FFFFFF;
}

/* -- Plaque Marbre/Métal -- */
/* ------------------------- */
.pm .cc, .tiny .cc {
	background-image:   url("Crypt/Mmc.jpg");
}
.pm .lt, .tiny .lt {
background: transparent url("Crypt/Mtl.gif") no-repeat 0 0;
}
.pm .rt, .tiny .rt {
background: transparent url("Crypt/Mtr.gif") no-repeat 100% 0;
}
.pm .lb, .tiny .lb {
background: transparent url("Crypt/Mbl.gif") no-repeat 0 100%;
}
.pm .rb, .tiny .rb {
background: transparent url("Crypt/Mbr.gif") no-repeat 100% 100%;
}
.pm .tt, .tiny .tt {
background-image:   url("Crypt/Mtc.jpg");
}
.pm .bb, .tiny .bb {
background-image:   url("Crypt/Mbc.jpg");
}
.pm .ll, .tiny .ll {
background-image:   url("Crypt/Mml.jpg");
}
.pm .rr, .tiny .rr {
background-image:   url("Crypt/Mmr.jpg");
}
.clt, .crt, .clb, .crb {
background: transparent url("Crypt/Screw.gif") no-repeat;
}
.pm td, .tiny td {
color: #CCCCCC;
}

.pm h1, .tiny h1 {
color: #CC9900;
}
.pm h2, .tiny h2 {
	color: #999999;
}
.pm h3, .tiny h3 {
color:#999999;
}
.pm a, .tiny a {
 color: #CC9900;
}
.pm a:hover, .tiny a:hover {
color: #FFFFFF;
}
.pm .self {
background: transparent url("Crypt/Link.gif") no-repeat 0 50%;
}

/* -- Listes (sur plaque) -- */
/* ------------------------- */
.pm table table td, .pm table table th, .stat .sc, .stat .tc {
	border-top: 2px solid #333300;
	border-bottom: 2px solid #000000;
}
.pm table table .new td.info, .pm table table .highnew td.info {
	background-image:    url("Crypt/New.gif");
	background-repeat: no-repeat;
	background-position: 50% 3px;
}
.pm tr.highlight td.info, .pm tr.highnew td.info {
	border: solid 2px #FF8800;
}
/*-- Spécificités liste movie --*/
/*------------------------------*/
.stat td, .name .date {
color: #999933;
}

/* -- Petite plaque -- */
/* ------------------- */

.tiny table {
margin:2px;
border-top:2px solid #000000;
border-left:2px solid #000000;
border-bottom:2px solid #333300;
border-right:2px solid #333300;
}
.tiny table td[colspan="2"] {
border-top:2px solid #333300;
border-left:2px solid #333300;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
}

/* -- Rouleau parchemin et tables de lien -- */
/* ------------------------------------------*/
.rp a:hover, .lkt a:hover  {
color: #CC9900;
}

/* ------------------------------ */
/* --         F O R U M        -- */
/* --           Forum          -- */
/* ------------------------------ */
.unread .info {
	background: transparent url("Crypt/New.gif") no-repeat 100% 100%;
}
.private .info {
	background: transparent url("Crypt/Reserved.gif") no-repeat 100% 100%;
}
.header .info, .topic .info {
	height: 36px;
}

/* -- Subscription -- */
/* ------------------ */
.issub, .notsub {
background: transparent url(Crypt/ClocheParch.gif) no-repeat;
}
.pm .issub, .pm .notsub {
background: transparent url(Crypt/Cloche.gif) no-repeat;
}

/* -- Menu -- */
/* ---------- */
.pm .menu .img a:hover img {
border: 1px solid white;
}

/* ------------------------------------- */
/* --         Styles biographie       -- */
/* ------------------------------------- */

.bio .date div {
	border:1px solid #666600;
	color: #996600;
}
.bio .info .pub {
	color: #00FF66;
}

/* -- Style mode -- */
/* ---------------- */
.mode .french, .mode .english {
color:#CCCCCC;
}
/* -- Captures -- */
.impure .pm .img img, .beyond .pm .img img {
margin:1px;
}

/* -- Style fanfic -- */
/* ---------------- */
.mariage blockquote .dialog{
color: #999999;
}

/* -- Styles pour le menu du cadre de gauche -- */
/* -------------------------------------------- */
#COLONNE {
	background: #666633 url("Crypt/Stone.gif") repeat-y 0px 79px;
	width: 160px;
	top: 131px;
}
/* -- Socle -- */

#SOCLE {
	background: #666633 url("Crypt/AboveStone.gif") no-repeat;
	width:131px;
	height:79px;
}
/*-------- Stone styles ----------*/
#COLONNE ul li{
	height: 31px;
	line-height: 30px;
}
#COLONNE .stone1:hover {
	background: transparent url("Crypt/Light.gif") no-repeat;
}
#COLONNE .stone2:hover {
	background: transparent url("Crypt/Light.gif") no-repeat 0 -31px;
}

/*-------- Menu Forum / Jeu --------- */
#COLONNE #PSEUDO{
	margin-left:0px;
	margin-right:55px;
	height:62px;
	text-align:center;
	color:#CC9900;
}
#COLONNE #PSEUDO .name{
	font-weight:bold;
	line-height:30px;
	background: transparent url("Crypt/Username.gif") no-repeat 0px 2px;
}
#COLONNE ul li div{
	color: #333333;
}

/* -- Top -- */
#FRONTON {
	background: #666633 url("Crypt/LeftTop.jpg") no-repeat;
	height:131px;
}
#FRONT{
	left:384px;
	width: 412px;
	height:131px;
	background: #666633 url("Crypt/CentreCrypt.jpg") no-repeat;
}
#RIGHT {
	left:796px;
	width:100%;
	height:131px;
	background-image:  url("Crypt/MotifCrypt.jpg");
}
#TEMPLE {
	left:442px;
	top:45px;
}
#TEMPLE a {
	width:302px;
	height:28px;
}
#FRONTON #CRYPTE {
	left:492px;
	top:73px;
	z-index:6;
	position:absolute;
	overflow: hidden;
}
#CRYPTE a {
	display:block;
	text-indent:-400px;
	width:185px;
	height:34px;
}
#ALT {
	left:55px;
	top:85px;
	width:395px;
	height:46px;
}
#ALT table {
color: #663300;
}
#ALT td {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #663300;
}
#TEMPLE a:hover, #CRYPTE a:hover {
	border:1px solid #999900;
	margin:0;
}

#SEARCH_FORM input{
background-color:#806633;
border-color:#666600;
}
#SEARCH_FORM a{
color:#CCCCCC;
}
#SEARCH_FORM a:hover{
color:#FFFFFF;
}

/*-------- Browser styles ----------- */
.off#IMAGE_BROWSER, #IMAGE_BROWSER a.off {
	visibility:hidden;
}
#IMAGE_BROWSER {
	margin-left:0;
	margin-top:3px;
}
#IMAGE_BROWSER a {
	background: transparent url("Crypt/MagicArrows.gif") no-repeat;
	height:25px;
}
#IMAGE_BROWSER a span{
	display: none;
}
a#BROWSE_LEFT {
	width: 39px;
	background-position: 1px 0px;
}
#BROWSE_LEFT:hover, .step2 #BROWSE_LEFT {
	background-position: 1px -28px;
}
a#BROWSE_RIGHT {
	width: 40px;
	background-position: -65px 0px;
}
a#BROWSE_RIGHT:hover, .step2 #BROWSE_RIGHT {
	background-position: -65px -28px;
}
a#BROWSE_RETURN {
	width: 26px;
	background-position: -38px 0px
}
a#BROWSE_RETURN:hover, .step2 a#BROWSE_RETURN {
	background-position: -38px -28px;
}