@charset "utf-8";
/* CSS Document */

/* Structure générale*/
body{
	margin: 0 auto;
	text-align:left; 
}
.main {
	min-width:954px;
	margin: 0 auto;
	}
.middle { 
	margin:0 auto;
	background:transparent url(/web/images/main.jpg) no-repeat center top;
	height:477px;
	width:950px;
}
.header-top-container {
	background:url(/web/images/header.jpg) no-repeat center center;
	height:147px;
	margin-left:1px;
}
#nav {
	padding:0 20px;
	position:relative;
	float: left;
	clear: both;
	margin:0;
	width:100%;
}
.middle-content {
	height:425px;
	width:860px;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 10px;
}
.footer-container { 
	border:none; 
	background:transparent url(/web/images/footer.jpg) no-repeat center top;
	}
	
/* Header */
.header-top { 
	width:930px; 
	margin:0 auto; 
	position:relative; 
	height:120px; 
	padding:10px!important;
	padding:10px 10px 0;
	}
h1#logo {
	float:left;
	height:96px;
	margin:12px 0 10px 47px!important;
	margin:13px 0 10px 31px;
	width:113px;
    }
.newsletter  {
	float:right;
	height:75px;
	margin:30px 60px 0 0 !important;
	margin:30px 25px 0 0;
	width:210px;
	text-align:center;
    }
.newsletter span {
	font-size:11px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
    }
.jeu-concour {
	display:none;
	top:2px;
	left:556px;
    float:right;
	height:75px;
	position: absolute;
	text-align:center;
	width:210px;
}
.jeu-concour span {
	font-size:11px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
}    
.newsletter .form-line {
	clear:both;
	display:block;
	height:27px;
	width:100%;
}
.newsletter .form-line input {
	background:none transparent;
	border:0 none;
	display:inline-block;
	float:left;
	font-size:11px;
	margin:4px 0 0 35px;
	padding:1px 10px 0;
	text-align:left;
	width:80px;
	color:#FFFFFF;
}
.newsletter .form-line button {
	background:none transparent;
	border:0 none;
	display:inline-block;
	float:left;
	text-align:left;
	width:25px;
	margin:2px 0 0 5px;
	padding:0 5px;
	cursor:pointer;
}
/* navigation*/
#nav li {
	float:left;
	position:relative;
	text-align:left;
	display:inline-block;
	list-style: none;
	margin: 0 10px;
	text-transform: uppercase;
}
#nav li  a{
	color:#424242;
	display:inline-block;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
#nav li  a:hover{
	text-decoration:underline;	
}
#nav li#community {
	background:transparent url(/web/images/pictos.png) no-repeat center top!important;
	background:transparent url(/web/images/pictos.gif) no-repeat center top;
	width:auto;
	height: 20px;
}
#community span {
	display:none;
}
#nav li#community  a {
	width:16px;
	display:inline-block;
	float: left;
	margin: 3px;
	height: 12px;
}
#nav li.lang{
	width:auto!important;
	width:10px;
	margin: 0 5px!important;
	margin: 3px 6px 0;
	float:left;
	position:relative;
	display:inline-block;
}
#nav li.lang  a{
	color:#a27533;
}
/* Middle content */
.collection {
	width:700px;
	position:absolute;
	left: 50%;
	margin-left: -350px;
	z-index: 9;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	top: 550px;
	text-align: center;
}
.collection span{
	display:inline-block;
	margin:0 20px;
}
.content {
	display:block;
	width:460px;
	height:320px;
	padding:0 15px;
	clear:left;
	position:relative;
	float:left;
	}
.middle-content h1 {
	display:inline-block;
	font-size:14px;
	margin: 0 0 0 15px;
	padding: 15px 0;
	float:left;
	position:relative;
	display:inline-block;
	}
h2 {
	display:inline-block;
	font-size:11px;
	margin: 0;
	padding: 0 0 15px;
	}
p , em{
	display:block;
	font-size:11px;
	text-align:justify;
	margin:0;
	padding:5px 0;
	}
.pagination {
	clear:both;
	float:left;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
	width:500px;
	margin:0 0 0 25%;
	}
.pagination a {
	color:#000000;
	text-decoration:none;
	font-size:11px;
	display: inline-block;
	margin: 0 5px;
	}
.pagination li {
	display:inline-block;
	float:left;
	position:relative;
	text-align:left;
	list-style: none;
	/*margin: 0 10px;*/
	text-transform: uppercase;
	}
.pagination a:hover {
	text-decoration:underline;
	}
.category {
	float:left;
	position:relative;
	display:inline-block;
	padding-top: 12px;
}
.category a {
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	padding: 0 10px;
	color: #000000;
}
.category a:hover {
	text-decoration:underline;
	color: #a27533;
}
.category a.selected {
	color: #a27533;
	cursor: default;
}
.category a:hover.selected {
	text-decoration:none;
}
.gallery {
	display:block;
	width:800px;
	height:320px;
	padding:0;
	position:relative;
	clear:both;
	margin: 10px 0 0;
	}	
.ui-tabs-hide{display:none;}	
	
	
/* Footer */
.footer {
	width:930px;
	margin:0 auto!important;
	margin:0 0 0 100px;
	padding:0!important;
	padding:100px 0 0 10px;
	height: 25px;
	/*height: 204px;*/
	}
.player{
	display:block;
	left:764px;
	position:relative;
	top:-29px;
}