/*	
	* Vadkin 2009          
	*           
	*           

*/


body{
	background:#000 url(images/body-bg.gif) repeat-x scroll 0 0;
	padding:0;
	margin:0;
	font: normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#666;}

.top-margin-medium{margin-top:10px;}

#global {
	width: 980px;
	margin: 0 auto;
}
#conteneur{
	width:920px;
	float:left;
	padding: 0 30px 0 30px;
	background:transparent url(images/center-bg.png) repeat-y scroll 0px 0px;
}
	#entete{
		width:100%;
		background:transparent url(images/header-bg.gif) repeat-y scroll top left;
		height:105px;
		float:left;
		+float: none; /*Hack CSS affichage SWF Marquee IE7*/
	}
		#logo{
			width:229px;
			height:47px;
			position:relative;
			top:20px;
			left:20px;
		}
		#frontProduct{
			width:289px;
			height:96px;
			position:relative;
			top:-40px;
			left:300px;
		}
		#player{
			width:236px;
			height:51px;
			position:relative;
			top:-120px;
			left:650px;
			background:transparent url(images/bg_player.png) no-repeat scroll top left;
		}
		#player div.play{padding: 0 0 0 20px;}
		#player div.legend{float:right;margin: 3px 20px 0 0;color:#DDD;}
	#navigation{
		width:100%;
		float:left;
		+float: none; /*Hack CSS affichage SWF Marquee IE7*/
		background:transparent url(images/menu-bg.gif) repeat-x scroll top left;
		height:30px;
		overflow:hidden;
	}
		#navigation ul{margin:0;padding:5px 0 0 0;list-style:none;}
		#navigation ul li{margin:0;padding:0;float:left;margin-left:20px;}
		#navigation ul li a.lien-menu{display:block;height:20px;padding-left:20px;background:transparent url(images/menu-links-bg.gif) no-repeat top left; font-weight:bold; font-size:16px;}
		#navigation ul li a.lien-menu:hover{background:transparent url(images/menu-links-bg.gif) no-repeat 0px -20px;color:#d97a2a}
		
		#navigation #search{float:right;width:250px;}
			#go-search{
				width:110px;
				text-align:left;
				margin:0;
				cursor:pointer;
				border:0;
				padding-left:15px;
				background:transparent url(images/search-btn.gif) no-repeat scroll 90px;
				float: left;
				+float: none; /*Hack CSS affichage SWF Marquee IE7*/
			}
			
	#accroche{
		width:100%;
		background-color:#999;
		height:30px;
		float: left;
		+float: none; /*Hack CSS affichage SWF Marquee IE7*/
	}
	#centre{
		width:100%;
		float:left;
		background:#FFFFFF;
		padding: 10px 0 10px 0;
	}
		#principal{
			width:610px;
			float:left;
			background-color:transparent;
			margin:0 20px 0 20px;
		}
			#contenu {
				margin-top:5px;
				width:610px;;
			}
		#secondaire{
			width:230px;
			float:left;
			background:#FFFFFF url(images/liseret-centre.gif) repeat-y 0px 0px;
			min-height:600px;
			padding: 0 20px 0 20px;
		}
				#login{
					height: 30px;
					text-align:right;
				}
					#menu-login{
						list-style:none;
						font-size:11px;
					}
						.regular{
												
						}
						.regular img {
							vertical-align:middle;
						}
	#separator{width:100%;height:4px;float:left;background:transparent url(images/footer-bg.gif) repeat-y scroll 0px 0px;}
	#pied{
		color:#999;
		width:900px;
		padding:0 10px;
		float:left;
		background:#333333;
		overflow:hidden;
		padding-bottom:10px;
	}
	#pied .module-footer{padding:10px 0px;float:left; width: 169px;text-align: center;font-size:9px;min-height:102px;}
	#pied .module-footer a{color:#FFF; text-decoration: none;}
	#pied .module-footer a:hover, #pied .module-footer a:focus, #pied .module-footer a:active {text-decoration: underline;}
	#pied .description-footer{padding:10px 0px 0px 5px;float:left; width: 220px;font-size: 9px;color:#FFF;text-align:justify;}
	#pied .title-module-footer{margin-bottom:5px;text-align:center;}
	#pied #mentions{text-align:center;font-style:italic;font-size:10px;padding-top: 153px;padding-bottom:20px;}
	#pied #logobas{width:144px;height:52px;margin-left:20px;float:left;}
	#sous-pied{background:url(images/strip_footer.png) repeat-x 0px 0px;float: left;padding:5px 10px;}
	#sous-pied #water-mark{color:#fff;font-weight:bold;font-family:Arial, "Trebuchet MS", Verdana, sans-serif;}