/**
 * 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%;
		overflow: auto;
	}
	body {
		margin:0;
		padding:0;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#1C3599;
		font-size:12px;
		background-color:#7E95D4;
	}
	img {
		padding:0;
		margin:0;
		border:0;
	}
	h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:26px;
		color:#FFFFFF;
		font-weight:normal;
		margin:0 0 25px 0;
		padding:0;
		text-align:left;
	}
	h2 {
		font-size:16px;
		color:#CCCCCC;
		font-weight:bold;
		margin:20px 0 10px 0;
		padding:0;
	}
	h3 {
		font-size:16px;
		color:#1C3599;
		font-weight:bold;
		margin:10px 0 5px 0;
		padding:0;
	}
	h4 {
		font-size:14px;
		color:#FF9900;
		font-weight:bold;
		margin:5px 0 5px 0;
		padding:0;
	}
	h5 {
		font-size:14px;
		color:#1C3599;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
	}
	h6 {
		font-size:12px;
		color:#FFCC00;
		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:#001058;
	}
	a, a:link {
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}


/**
 * Conteneurs 
 */

	#border {
		background:url(../pix/shared/ctt_bg.jpg) 0 0 repeat-x;
		width:100%;
		height:100%;
		overflow:visible;
	}
	
	/* Global */
	#global {
		position:absolute;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		
		overflow:visible;
	}
	
	/* Zone du menu */
	#logo {
		position:absolute;
		z-index:10;
	}
	#top {
		position:absolute;
		overflow:visible;
		top:0;
		left:0;
		height:117px;
		width:100%;
		background:url(../pix/shared/top_bg.png) 0 0 repeat-x;
		z-index:2;
	}
	#top img {
		position:absolute;
		top:20px;
		left:190px;
	}
	#menu {
		position:absolute;
		margin:0;
		top:75px;
		left:0;
		width:100%;
		z-index:30;
	}
	#content {
		position:absolute;
		top:160px;
		left:210px;
		width:730px;
		text-align:left;
	}
	#bottom, #end {
		height:0;
		clear:both;
	}


/**
 * Styles du top
 */	



/**
 * Styles du menu 
 */

	/* Liste des éléments du menu */
	#menuList {
		border:0;
		padding:0 0 0 190px;
		margin:0;
		width:100%;
	}
	#menuList li {
		list-style-type:none;
		padding:0 14px 0 18px;
		margin:0;
		font-size:1px;
		line-height:0;
		overflow:visible;
		position:absolute;
		width:732px;
		left:0;
	}
	#menuList li img {
		position:absolute;
		z-index:3000;
		background:url(../pix/shared/menu_flea.gif) 0 5px no-repeat;
		padding:0 0 0 20px;
		display:block;
	}
	#menuList #menuLi2 img {
		background:none;
		padding:0;
	}
	#menuLi2 img, #menuLi2 ul {
		left:210px;
	}
	#menuLi18 img, #menuLi18 ul {
		left:310px;
	}
	#menuLi9 img {
		left:442px;
	}
	#menuLi8 img {
		left:598px;
	}
	#menuLi10 img {
		left:682px;
	}
	#menuList img {
		cursor:pointer;
		padding:0;
		margin:0;
		border:0;
	}
	.menuListHide {
		display:none;
	}
	.menuListShow {
		display:inherit;
	}
	
	/* Eléments particuliers */ 
	#menuList li#djsLi, #menuList li#paramsLi, #menuList li#creditsLi, #menuList li#contactLi {
		padding:0;
		margin:0;
		left:0;
		width:100%;
	}
	li#contactLi {
		top:-2px;
	}
	li#creditsLi, li#paramsLi {
		top:35px;
	}
	li#djsLi {
		top:55px;
	}
	#menuList li#djsLi img, #menuList li#paramsLi img, #menuList li#creditsLi img, #menuList li#contactLi img {
		position:absolute;
		right:10px;
		background:none;
		padding:0;
	}
	
	/* Liste des éléments des sous-menu */
	#menuList ul {
		padding:23px 6px 0 0;
		margin:0 0 0 0;
		overflow:visible;
		list-style-type:none;
		width:auto;
		height:34px;
		background:url(../pix/shared/subMenu_post.png) right 23px no-repeat;
		float:left;
		clear:both;
		position:relative;
		font-family:Trebuchet Ms, Verdana;
	}
	#menuList #menuLi10 ul {
		float:right;
	}
	#menuList ul li.first {
		background:url(../pix/shared/subMenu_pre.png) 0 0 no-repeat;
		margin:0 0 0 -6px;
		-moz-opacity:1;
		opacity: 1;
		filter:alpha(opacity=100);
	}
	#menuList ul li {
		position:relative;
		background:url(../pix/shared/subMenu_bg.png) 0 0 repeat-x;
		list-style-type:none;
		list-style-position:outside;
		font-size:10px;
		height:14px;
		text-align:left;
		margin:0 0 0 0;
		padding:18px 9px 10px 15px;
		float:left;
		clear:none;
		font-size:13px;
		width:auto;
		left:0;
	}
	#menuList ul li a {
		font-weight:normal;
		text-decoration:none;
	}
	#menuList ul li.f2 a {
		font-weight:normal;
		text-decoration:none;
		font-weight:bold;
		font-style:italic;
	}
	#menuList ul li a, #menuList ul li a:link, #menuList ul li a:visited, #menuList ul li a:active {
		color:#FFCC00;
	}
	#menuList ul li a:hover {
		color:#FFCC00;
	}


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