/**
 * Styles communs
 *
 * @author		Julie Tétard <julie@2jstudio.com>
 * @version		2.0
 * @package		Mediaweb
 * @subpackage 	css
 * @category 	shared
 */


/**
 * Redéfinitions 
 */

	body,html {
		width:100%;
		height:100%;
	}
	body {
		margin:0;
		padding:0;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:12px;
		background:url(../pix/shared/menuBg.gif) 0 0 repeat-y;
		background-color:#FFFFCB;
	}
	img {
		padding:0;
		margin:0;
		border:0;
	}
	h1 {
		font-size:16px;
		color:#663300;
		font-weight:bold;
		margin:0 0 25px 0;
		padding:0;
	}
	h2 {
		font-size:14px;
		color:#FF6600;
		font-weight:bold;
		margin:20px 0 10px 0;
		padding:0;
	}
	h3 {
		font-size:12px;
		color:#666666;
		font-weight:bold;
		margin:10px 0 5px 0;
		padding:0;
	}
	h4 {
		font-size:12px;
		color:#663300;
		font-weight:bold;
		margin:5px 0 5px 0;
		padding:0;
	}
	h5 {
		font-size:12px;
		color:#FF6600;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
	}
	h6 {
		font-size:12px;
		color:#666666;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
	}
	pre {
		border:1px solid #CCCCCC;
		padding:5px;
		background-color:#EEEEEE;
		white-space:pre;
	}
	q { 
		display:block;
		quotes: "\00AB  " " \00BB";
		margin:10px 15px 5px 15px;
		font-style:italic;
	}
	hr {
		color:#CCCCCC;
		height:1px;
		border-style:outset;
	}
	p {
		padding:0;
		margin:0;
	}
	a, a:link {
		text-decoration:none;
		font-weight:bold;
		color:#FF6600;
	}
	a:hover {
		text-decoration:underline;
	}


/**
 * Conteneurs 
 */

	/* Global */
	#global {
		position:absolute;
		margin:0;
		padding:0;
		width:85%;
		height:100%;
		background:url(../pix/shared/menuPartBg.gif) 0 0 no-repeat;
	}
	
	/* Zone du menu */
	#logo {
		position:absolute;
		width:191px;
		height:182px;
	}
	#top {
		position:absolute;
		top:0;
		left:191px;
		width:100%;
		height:182px;
		border:0;
		text-align:left;
		margin:0 0 0 0;
		background:url(../pix/shared/topBg.gif) 0 0 repeat-x;
	}
	#menu {
		position:absolute;
		top:182px;
		left:0;
		width:291px;
	}
	#content {
		position:absolute;
		top:71px;
		left:191px;
		width:724px;
		padding:30px;
		min-height:100%;
	}
	#bottom, #end {
		height:0;
		clear:both;
	}



/**
 * Styles du menu 
 */

	/* Liste des éléments du menu */
	#menuList {
		border:0;
		padding:0;
		margin:0;
		width:191px;
	}
	.menuListHide {
		display:none;
	}
	.menuListShow {
		display:inherit;
	}
	#menuList li {
		list-style-type:none;
		padding:0;
		margin:0;
		font-size:1px;
		line-height:0;
	}
	#menuList img {
		cursor:pointer;
		padding:0;
		margin:0;
		border:0;
	}
	
	/* Eléments particuliers */ 
	li#menuLi22 {
		margin:15px 0 10px 0;
		height:15px;
	}
	li#contactLi, li#creditsLi, li#djsLi, li#paramsLi {
		text-align:right;
		margin:0 5px 10px 0;
		height:11px;
	}
	
	/* Liste des éléments des sous-menu */
	#menuList ul {
		list-style-type:none;
		border:0;
		padding:5px 25px 0 0;
		margin:0 0 5px 0;
	}
	#menuList ul li {
		list-style-type:none;
		list-style-position:outside;
		font-size:10px;
		line-height:14px;
		text-align:left;
		margin:0 10px;
	}
	#menuList ul li a {
		color:#663300;
		text-decoration:none;
	}
	#menuList ul li a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
/**
 * Styles du contenu
 */	
	
	/* Communs */
	.clear {
		clear:both;
	}
	.visible {
		display:inherit;
	}
	.hidden {
		display:none;
	}
	.warn {
		font-weight:bold;
		color:#FF0000;
		margin:0 0 20px 0;
		padding:0;
	}
	.warn p {
		margin:0;
		padding:0;
	}
	.warn ul {
		margin:5px 0 0 0;
		padding:0 0 0 30px;
		list-style-type:circle;
	}