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


/**
 * Redéfinitions 
 */

	body {
		margin:0;
		padding:0;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:12px;
		background-color:#3399CC;
	}
	img {
		padding:0;
		margin:0;
		border:0;
	}
	h1 {
		font-size:16px;
		color:#3399CC;
		font-weight:bold;
		margin:0 0 25px 0;
		padding:0;
	}
	h2 {
		font-size:14px;
		color:#990099;
		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:#3399CC;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
	}
	h5 {
		font-size:12px;
		color:#990099;
		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:#3399CC;
	}
	a, a:link {
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}


/**
 * Conteneurs 
 */

	/* Global */
	#border {
		margin:0 auto 10px auto;
		padding:0;
		border-color:#C4D1FB;
		border-style:solid;
		border-width:0 2px 2px 2px;
		width:971px;
		background:url(../pix/shared/menuBg.gif) 0 0 repeat-y;
		background-color:#FFFFFF;
	}
	#global {
		margin:0;
		padding:0;
		width:971px;
	}
	
	/* Zone du menu */
	#logo {
		float:left;
		width:191px;
		height:141px;
		background:url(../pix/shared/menuBefore.gif) 0 111px no-repeat;
	}
	#top {
		float:left;
		width:780px;
		height:42px;
		background-color:#FFFFFF;
		border-color:#C4D1FB;
		border-style:solid;
		border-width:0 0 1px 0;
		text-align:center;
		margin:0 0 99px 0;
	}
	#menu {
		float:left;
		width:191px;
	}
	#content {
		float:left;
		margin:-69px 30px 20px 30px;
		width:720px;
	}
	#bottom {
		height:0;
		clear:both;
	}
	
/**
 * Styles du top
 */	

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


/**
 * 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 0 10px 0;
		font-size: 1px;
		line-height: 0;
	}
	#menuList img {
		cursor:pointer;
		padding:0;
		margin:0;
		border:0;
	}
	
	/* Liste des éléments des sous-menu */
	#menuList ul {
		list-style-type:none;
		border:0;
		padding:10px 5px 5px 10px;
		margin:0;
		background-color:#E8EDFD;
	}
	#menuList ul li {
		list-style-type:none;
		list-style-position:outside;
		font-size:10px;
		line-height:8px;
		text-align:right;
	}
	#menuList ul li a {
		font-weight:normal;
		text-decoration:none;
	}
	#menuList ul li a, #menuList ul li a:link {
		color:#506DC5;
	}
	#menuList ul li a:hover {
		color:#990099;
	}
	
	/* Eléments particuliers */ 
	#menuLi16 {
		padding-bottom:30px;
		border-color:#C4D1FB;
		border-style:solid;
		border-width:0 0 1px 0;
	}
	#contactLi {
		text-align:right;
	}
	#contactLi img {
		margin:0 10px 0 0;
	}
	#creditsLi {
		text-align:right;
	}
	#creditsLi img {
		margin:0 10px 0 0;
	}
	#paramsLi {
		text-align:right;
	}
	#paramsLi img {
		margin:0 10px 0 0;
	}
	#djsLi {
		text-align:right;
	}
	#djsLi img {
		margin:0 10px 0 0;
	}


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