/*					[ Area 11 ]
			http://geass.thegreatspirit.net
			
			
			
			
					CSS Style Sheet
					
					
					
					
					
What do you search here ? There is nothing interresting for you !
			
			
			
			
			*/
			




body {
	background-image: url(/images/01/fnd.gif);
	background-repeat: repeat-y;
	padding: 0px;
	background-position: 216px;
	background-color: #363A4C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container {}

#header {background-image: url(/images/01/header.gif);height: 444px;width: 244px;position: fixed;left: 0px;top: 0px;background-repeat: no-repeat;}

#contents {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #373A4C;margin-left: 228px;position: absolute;width: 465px;top: 103px;left: 2px;}



/* ----------------------------------------------------------------- #MENU
--------------------------------------	 LET'S START WITH THIS MENU -----*/

#menu {background-color: #b5b6c0;position: absolute;width: 476px;left: 224px;top: 0px;border-width: 8px;border-style: none none solid none;border-color: #B0B1B8;}
#menu h6 {margin: 4px 0 7px 0;}
#menu a:link, #menu a:visited {color: #363A4C;text-decoration: none;}
#menu a:hover {color: #FFFFFF;font-weight: bold;line-height: 11px;font-size: 11px;cursor: crosshair;}

#menu li {list-style-type: none;margin: 0px;padding: 0px;font-size: 11px;line-height: 12px;font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;color: #363A4C;display: block;}
#menu ul {margin: 0px 0 5px 3px;padding: 0px;list-style-type: none;}

#geass h6 {background-image: url(/images/01/menu/codegeass.gif);height: 18px;width: 84px;}
#geass {float: left;width: 20%; padding-left: 6px;}
#geass .title_hidden {display: none;}

#multimedia .title_hidden {display: none;}
#multimedia {float: left;width: 20%;}
#multimedia h6 {background-image: url(/images/01/menu/multimedia.gif);height: 18px;width: 84px;}

#anime .title_hidden {display: none;}
#anime h6 {background-image: url(/images/01/menu/anime.gif);height: 18px;width: 84px;}
#anime {float: left;width: 20%;}

#autre {float: left;width: 15%;}
#autre .title_hidden {display: none;}
#autre h6 {background-image: url(/images/01/menu/autre.gif);height: 18px;width: 84px;}

#galerie .title_hidden {display: none;}
#galerie h6 {background-image: url(/images/01/menu/galerie.gif);height: 18px;width: 84px;}
#galerie {clear: right;float: left;width: 20%;}
#styleswitcher {
	position: absolute;
	left: 600px;
	top: 0px;
}





/* ----------------------------------------------------------------- #CONTENTS
------------------------------------------	 MISE EN PAGE GENERALE ----------*/





/* ----------------------------------------------------------------- #FOOTER
------------------------------------------	  ----------*/

#haut {
	position: fixed;
	bottom: 15px;
	left: 707px;
	width: 26px;
	height: 26px;
}
#haut a {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url(/images/01/haut.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
}
* html #haut {position: absolute;}
@media screen {
  body > #haut {
	position: fixed;
  }
}


/* ----------------------------------------------------------------- #SOUS MENU
------------------------------------------	  ----------*/

#sousmenu {position: fixed;left: 0px;top: 450px;}

#sousmenu .m_contact a {background-image: url(/images/01/menu2/contact.gif);}
#sousmenu .m_accueil a {background-image: url(/images/01/menu2/accueil.gif);}
#sousmenu .m_forum a {background-image: url(/images/01/menu2/forum.gif);}
#sousmenu .m_staff a {background-image: url(/images/01/menu2/staff.gif);}
#sousmenu a {display: block;float: left;margin-left: 3px;background-repeat: no-repeat;height: 50px;width: 50px;}
#sousmenu a:hover {margin-top: 2px;}

#sousmenu .title_hidden {display: none;text-decoration: none;}

h1 {background-repeat: no-repeat;margin: 0px;padding: 0px;height: 26px;width: 465px;}

h1.mechas {background-image: url(/images/01/h1/mechas.gif);}
h1.persos {	background-image: url(/images/01/h1/personnages.gif);}
h1.op-ed {background-image: url(/images/01/h1/op-ed.gif);}
h1.staff {background-image: url(/images/01/h1/staff.gif);}
h1.seiyuus {background-image: url(/images/01/h1/seiyuus.gif);}
h1.figurines {background-image: url(/images/01/h1/figurines.gif);}
h1.magazines {background-image: url(/images/01/h1/magazines.gif);}
h1.manga {background-image: url(/images/01/h1/manga.gif);}
h1.radio {background-image: url(/images/01/h1/radio.gif);}
h1.trailers {background-image: url(/images/01/h1/trailers.gif);}

.title_hidden {display:none;}
h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #252933;
	border-right-color: #252933;
	border-bottom-color: #252933;
	border-left-color: #252933;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0;
}
#op-ed hr.sep {
	margin-top: 40px;
}


h2 .right {
	float: right;
	position: relative;
	top: -16px;
	color: #B8BAC5;
	font-size: 14px;
}
.titre {
	font-weight: bold;
	color: #1D2936;
}
.align_left {
	float: left;
}

#op-ed .align_left {
	float: left;
	margin-right: 10px;
}
#op-ed .tracklist li {
	list-style-type: none;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #252933;
	border-right-color: #252933;
	border-bottom-color: #252933;
	border-left-color: #252933;
	height: 15px;
}
#op-ed ul.tracklist  {
	clear: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#op-ed hr {
	clear: both;
	visibility: hidden;
	margin-bottom: 10px;
}

#op-ed .tracklist .titre {
	font-variant: small-caps;
	background-color: #C2C4C9;
	padding-left: 5px;
}
#op-ed .tracklist .numero {
	color: #696D81;
	font-size: 13px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 12px;
}
