/**
 * 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:#4A96F6;
	}
	img {
		padding:0;
		margin:0;
		border:0;
	}
	h1 {
		font-size:16px;
		color:#094CA1;
		font-weight:bold;
		margin:0 0 25px 0;
		padding:0;
	}
	h2 {
		font-size:14px;
		color:#4A96F6;
		font-weight:bold;
		margin:20px 0 10px 0;
		padding:0;
	}
	h3 {
		font-size:12px;
		color:#506DC5;
		font-weight:bold;
		margin:10px 0 5px 0;
		padding:0;
	}
	h4 {
		font-size:12px;
		color:#094CA1;
		font-weight:bold;
		margin:5px 0 5px 0;
		padding:0;
	}
	h5 {
		font-size:12px;
		color:#4A96F6;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
	}
	h6 {
		font-size:12px;
		color:#506DC5;
		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 {
		font-weight:bold;
		color:#4A96F6;
	}
	a, a:link {
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}


/**
 * Conteneurs 
 */

	/* Global */
	#global {
		position:absolute;
		margin:0;
		padding:0;
		width:958px;
		height:100%;
		background:url(../pix/shared/menuSide.jpg) 155px 144px no-repeat;
	}
	
	/* Zone du menu */
	#logo {
		position:absolute;
		width:180px;
		height:144px;
	}
	#top {
		position:absolute;
		top:0;
		left:180px;
		width:780px;
		height:72px;
		border-color:#4A96F6;
		border-style:solid;
		border-width:0 0 2px 0;
		text-align:left;
		margin:0 0 0 0;
		background:url(../pix/shared/topBg.jpg) 0 0 repeat-y;
		background-color:#AEDBF4;
	}
	#menu {
		position:absolute;
		top:144px;
		left:0;
		width:180px;
	}
	#content {
		position:absolute;
		top:74px;
		left:180px;
		width:720px;
		padding:30px;
		background-color:#AEDBF4;
		min-height:100%;
	}
	#bottom, #end {
		height:0;
		clear:both;
	}


/**
 * Styles du top
 */	

	#top img {
		margin:0 0 0 10px;
	}


/**
 * Styles du menu 
 */

	/* Liste des éléments du menu */
	#menuList {
		border:0;
		padding:0;
		margin:20px 0 30px 0;
		width:190px;
	}
	.menuListHide {
		display:none;
	}
	.menuListShow {
		display:inherit;
	}
	#menuList li {
		list-style-type:none;
		padding:0;
		margin:0 10px 20px 20px;
		font-size:1px;
		line-height:0;
	}
	#menuList img {
		cursor:pointer;
		padding:0;
		margin:0;
		border:0;
	}
	
	/* Eléments particuliers */ 
	li#contactLi, li#creditsLi, li#djsLi, li#paramsLi {
		margin:0 10px 5px 20px;
	}
	
	/* Liste des éléments des sous-menu */
	#menuList ul {
		list-style-type:none;
		border:0;
		padding:5px 25px 0 0;
		margin:0;
	}
	#menuList ul li {
		list-style-type:none;
		list-style-position:outside;
		font-size:10px;
		line-height:14px;
		text-align:left;
		margin:0;
	}
	#menuList ul li a {
		font-weight:normal;
		text-decoration:none;
	}
	#menuList ul li a, #menuList ul li a:link {
		color:#FFFFFF;
	}
	#menuList ul li a:hover {
		color:#AEDBF4;
	}


/**
 * 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;
	}