#wraper {
	width:955px;
	height: 600px;
	margin:0 auto;
	background-color:#000000;
	
	/* pour aligner verticalement */
	
	margin-left: -477px; /* moitié de width */
	margin-top: -300px; /* moitié de height */
	top:50%;
	left:50%;
	position:absolute;

}

#header{
	width:955px;
	height:147px;
	background-color:#000000;
	position: relative;
}

#main{
}

#footer{
  padding: 5px 0 0 0;
  clear:both;
	height:58px;
	background-color:#000000;
}

#top_links{
display:block;
top :25px;
right: 0px;
position:absolute;
}

#top_nav{
display:block;
top :100px;
left: 0px;
position:absolute;
background:url('/images/interface/top-nav-bg.jpg') no-repeat;
width:955px;
height:28px;

}




#top_nav ul, #top_links ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
 

#top_nav ul {
 margin-left:120px;

 }
#top_links li {
line-height:28px;
float:left;
margin-left:10px;

 }
 #top_links ul li a {
 display:block;
 float:left;   
 color:#666666;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 font-size:0.73em;
 }
  #top_links ul li a:hover {
  
 color:#FFFFFF;

 }

#top_nav li {
line-height:28px;
float:left; 
width:140px;
text-indent: 18px;

 }
#top_nav ul li a {
 display:block;
 float:left;   
 color:#bcb397;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 font-size:0.75em;
 }

 #top_nav ul li a.detente{
 background:url('/images/interface/puce-menu-detente-off.gif') 0% 50% no-repeat  ;
 
 }
  #top_nav ul li a.detente:hover, #top_nav ul li a.detente.actived{
 background:url('/images/interface/puce-menu-detente-on.gif') 0% 50% no-repeat  ;
color:#FFFFFF;
 }
  #top_nav ul li a.affaires{
 background:url('/images/interface/puce-menu-affaires-off.gif') 0% 50% no-repeat  ;

 }
  #top_nav ul li a.affaires:hover, #top_nav ul li a.affaires.actived {
 background:url('/images/interface/puce-menu-affaires-on.gif') 0% 50% no-repeat  ;
color:#FFFFFF;
 }
   #top_nav ul li a.ceremonie{
 background:url('/images/interface/puce-menu-ceremonie-off.gif') 0% 50% no-repeat  ;

 }
  #top_nav ul li a.ceremonie:hover,#top_nav ul li a.ceremonie.actived {
 background:url('/images/interface/puce-menu-ceremonie-on.gif') 0% 50% no-repeat  ;
color:#FFFFFF;
 }
    #top_nav ul li a.accessoires{
 background:url('/images/interface/puce-menu-accessoires-off.gif') 0% 50% no-repeat  ;

 }
  #top_nav ul li a.accessoires:hover, #top_nav ul li a.accessoires.actived {
     background:url('/images/interface/puce-menu-accessoires-on.gif') 0% 50% no-repeat  ;
color:#FFFFFF;
 }
     #top_nav ul li a.club{
 background:url('/images/interface/puce-menu-club-off.gif') 0% 50% no-repeat  ;
 text-indent: 25px;
 color:#866e2d;

 }
  #top_nav ul li a.club:hover, #top_nav ul li a.club.actived {
     background:url('/images/interface/puce-menu-club-on.gif') 0% 50% no-repeat  ;
     color:#FFFFFF;
     

 }



#footer {
     text-align:center;
     font-size:0.74em;
     font-weight:bold;
 }
 #footer p{

     margin:1em 0em;

 }

 #footer a{
     text-decoration:none;
     color:#bcb397;

 }
  #footer a:hover{
     color:#FFFFFF;

 }
 #footer a.secondary {
     color:#413d30;
	 font-size:0.73em;

 }
  #footer a.secondary:hover {
     color:#FFFFFF;

 }
 #footer .separateur{

     padding: 0 2.5em;

 }
  #footer .primary
{

     color: #bcb397;

 }
   #footer .secondary
{

     color:#413d30;

 }


 



body {
background-color:#000000;
font: 90% Arial, Helvetica, sans-serif;
color : #FFFFFF;
 padding:0px;
 margin:0px;
}

table{width:100%;}
label{display:block;font-weight:bold;}

#mrjames_logo a{

	display: block;
	height:100px;
	width:222px;
	background:url('/images/interface/mr-james-logo.gif') no-repeat; 
	border:none;
	outline:none;
	text-decoration:none;
}
#mrjames_title {
visibility:hidden;
}
.ads {
  float:left;
  width:560px;
  height:395px
}
#new_shop{cursor:pointer;}
#legals {
  color:#646464;
  font-size: 12px;
  height:395px;
  overflow:auto;
}
#admin_pictures ul {list-style-type:none;}
#admin_pictures li {position:relative;float:left;margin:10px 5px;height:130px;width:110px;text-align:center;}
#admin_pictures li form {position:absolute;bottom:0px;left:20px;}
.collection_img{float:left;padding-right:10px;}
.description{width:280px;text-align:right;color:#646464;font-size:11px;}
.toggle{cursor:pointer;}
#club{
  width:442px;
  height:250px;
  margin:auto;
  text-align:center;
  background:url('/images/club.gif') no-repeat;
  padding-top:150px;
}
#club input{color:#646464;margin-top:20px;}
#contact{background:url('/images/contact.jpg') no-repeat;height:395px;width:955px;}
#contact form{width:300px;margin:auto;padding-top:40px;}
#contact form input{width:100%;}
#contact form textarea{width:100%;height:100px;}
#contact form label{font-weight:normal;font-size:10px;}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url(/images/mediabox/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(/images/mediabox/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(/images/mediabox/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(/images/mediabox/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

#slideshow{min-height:395px;}
#pictures{
	position:absolute;
	width:800px;
}
#pictures-home{
  position:absolute;
  width:395px;
  height:395px;
}
#pictures-collection{
  position:absolute;
  width:355px;
  height:395px;
}
#logos{
  position:absolute;
  width:440px;
  height:375px;
  top:0;
}
#carrousel{
  right:0;
  position:absolute;
  height:395px;
}
#logos span, #pictures span, #pictures-home span{
	display:block;
}
#pictures span {width:800px;text-align:center;}
#pictures-collection span{display:inline;padding-right:15px;}
#pictures-collection span img{display:inline;}

.mask{
	position:absolute;
	width:800px;
	height:440px;
	margin: 80px 0 0;
	overflow:hidden;
}
.mask-home{
  right:0;
  position:absolute;
	width:395px;
	height:395px;
	overflow:hidden;
}
.mask-collection{
  right:0;
  position:absolute;
	width:640px;
	height:395px;
	top:180px;
	right:38px;
	overflow:hidden;
}
.mask-logos{
  position:absolute;
  margin-left:250px;
	width:440px;
	height:395px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
	margin:auto;
}
#prev{position:absolute;bottom:30px;left:280px;cursor:pointer;z-index:10;}
#next{position:absolute;bottom:30px;right:40px;cursor:pointer;z-index:10;}