/* CSS Document */
/** LABRADOR **/

.clearer{clear:both;}
* html img, 
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}

/** END LABRADOR **/
body{
	margin:0;
	background-color:#f5efdf;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color:#000000;
}
#header{
	width:930px;
	height:31px;
	padding:62px 0 0 50px;
	background-image:url(http://www.vivrelejapon.net/maison-cms/images/public/banner.jpg);
	background-repeat:no-repeat;
}
#main{
	width:980px;
    background-image:url(http://www.vivrelejapon.net/maison-cms/images/public/bgmenu.jpg);
	background-repeat:repeat-y;
}
#menu {
	font-family:"Trebuchet MS",Arial,Verdana;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	margin:0;
	padding:0;
	list-style:none;
}
#menu li {
	list-style:none;
	line-height:31px;
	display:inline;
	padding:0 7px;
	border-right:2px solid #ffffff;
}
#menu li.last {
	border-right:none;
}
#menu a {
	color:#ffffff;
	text-decoration:none;
}
#menu a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#mainleft{
	width:199px;
	float:left;
	background-image:url(http://www.vivrelejapon.net/maison-cms/images/public/bgmenu.jpg);
	background-repeat:repeat-y;
	font-weight:bold;
	font-size:14px;
}
#mainleft ul{
	list-style: none;
	padding-left:10px;
	padding-right:5px;
	margin: 10px 0;
}
#mainleft li{
	border-bottom:#FFFFFF solid 1px;
}
#mainleft ul a{
	display: block;
	padding: 3px 0 3px 15px;
	text-decoration:none;
	color:#000;
}
#mainleft ul a{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/bullet-white.gif) left top no-repeat;
}
#mainleft ul a:hover{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/bullet-red.gif) left top no-repeat;
	color:#FFFFFF;
}
#mainleft ul li.selected a{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/bullet-red.gif) left top no-repeat;
}
#displaysubmenu li {
	list-style-image:none;
	list-style-type:none;
	display:block;
	float:left;
	background:#D8C398 url(http://www.vivrelejapon.net/maison-cms/images/public/submenu_bg.gif) no-repeat;
	margin-right:4px;
}
#displaysubmenu a{
	display: block;
	padding: 3px 6px 3px 10px;
	text-decoration:none;
	color:#0F3C65;
}
#displaysubmenu a:hover {
	color:#000;
}
#mainright{
	width:781px;
	float:left;
	background-color:#FFF;
	padding:0;
}
#bottom{
	width:780px;
	padding:45px 0 0 200px;
	background:#D6C287 url(http://www.vivrelejapon.net/maison-cms/images/public/bottom.jpg) no-repeat top;
	text-align:center;
	font-size:10px;
	color:#999999;
}
#bottom p {
	clear:both;
	padding-top:15px;
	margin-bottom:0;
}
#bottom a{
	color:#999999;
}
#mainright2{
	margin: 5px 15px 5px 15px;
}
#mainleft h1 {
	color:#000;
}
h1{
	margin-top: 10px;
	padding:10px 0 0 10px;
	font-size:14px;
	clear:left;
	color:#A78B38;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
#mainright3{
	padding: 10px 10px 10px 10px;
	width:511px;
	float:left;
}
#mainright4{
	width:250px;
	float:left;
}
#alltof{
	
}
img {
	border:none;
}
.content {
	padding:0 0 0 10px;
}
.content a {
	text-decoration:none;
	color:#00688D;
}
.content a:hover {
	color:#BA021C;
}
.content ul {
	margin:auto 0;
	padding:0;
}
.content ul li {
	margin:0;
	padding:0;
	list-style-position:inside;
}
.player {
	margin-left:215px;
}
#displaysubmenu ul {
	margin:0;
	padding:0;
}

/* ADD CSS HOME */

div#mainright h1{
	font-size:20pt;
	font-weight:600;
	padding:0 0 0 20px;
}

div#leftContent{
	float:left;
	width:540px;
	margin:0 0 0 20px; /margin:0 0 0 10px; -margin: 0 15px 0 5px;
}
div#rightContent{
	float:right;
	width:190px;
	margin:0 15px 0 15px; /margin:0 20px 0 10px; -margin:0 0 0 -10px; -padding:0;
	color:#FFFFFF;
}
div#rightContent .contentGreyBox a, div#rightContent .contentRedBox a{
	color:#FFFFFF;
}
div#rightContent a{
	text-decoration: none;
	color:inherit;
}

div#rightContent a:hover{
	text-decoration:underline;
}
div#rightContent .comment a {
	font-size:inherit;
	margin-top:inherit;
	padding-top:inherit;
	text-align:inherit;
}

div#imgInt{
	width:541px;
	overflow:hidden;
	height:275px; 
	position:relative;
	z-index:100;
}
div#imgInt div#listHomeBanner{
	margin-left:0;
	width:2705px; 
	overflow:hidden;
}
div#imgInt div.listHomeBannerElement{
	height:275px; width:541px;
	float:left;
}
div#home_bg_1{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/p1.jpg) no-repeat;
}
div#home_bg_2{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/p2.jpg) no-repeat;
}
div#home_bg_3{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/p3.jpg) no-repeat;
}
div#home_bg_4{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/p4.jpg) no-repeat;
}
div#home_bg_5{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/p5.jpg) no-repeat;
}

p#bulle{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/bulle.png) no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:58px;
	left:435px;
	padding:3px 0 0 10px;
	position:relative;
	top:10px;
	width:96px;
}
div#textBottom{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/transparent-brown.png) repeat-x;
	/background:none;
	/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.vivrelejapon.net/maison-cms/images/public/home/transparent-brown.png');
	position:relative;
	top:174px; height:40px;
}
div#textBottom p{
	color:#FFFFFF;
	float:left; 
	width: 425px;
	padding:3px 5px 0;
font-weight:bold; 
font-size:14px;
}
.button{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/buton.jpg) repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:14px;
	font-weight:bolder;
	height:30px;
	padding:10px 0 0;
	text-align:center;
	text-decoration:none;
	width:106px;
}
div#leftContent h2{
	color:#57554c;
	margin: 10px 0;
	border-bottom:1px solid #b91520;
}
div.contentGreyBox{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/grey-box-bottom.jpg) no-repeat bottom center;
	padding:10px; margin: 0 0 70px
}
div.greyBox{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/grey-box-top.jpg) top center no-repeat;
}
div.contentRedBox{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/red-box-bottom.jpg) no-repeat bottom center;
	padding:10px; margin: 0 0 30px
}
div.contentRedBox.link{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/red-box-bottom-link.jpg) no-repeat bottom center;
}
div.redBox{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/red-box-top.jpg) top center no-repeat;
}
div.greyBox h3, div.redBox h3{
	border-bottom:1px solid #FFFFFF;
	padding: 0 0 5px; margin: 0 0 5px;
}
div#rightContent ul{
	list-style-position:inside;
}
p.comment{
	padding: 5px 0;
	border-bottom:1px solid #ffffff;
	font-size:11px;
}
p.comment.last{
	border-bottom:none;
}
div.contentRedBox.link a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px; font-weight:bolder;
	margin:0 0 -5px; padding:10px 0 0;
	text-align:center;
}
div.listImage{
	margin:0 0 20px;

}
div.listImageContent{
	float:left;
	margin:0 6px 0 0;
	width:176px;
}
div.listImageContent p a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
div.listImageContent.last{
	margin:0;
}
div.listImageContent p{
	background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/bckg-title-image.jpg) no-repeat;
	padding:5px;
	color:#FFFFFF;
	height:43px;
}

	/** SLIDER **/
	
	#SlideItMoo_outer {  
		display:block; 
		position:relative; 
		width: 525px; height:240px;
		overflow:hidden
	}
	/* create custom forward-backward buttons for this container */
	#SlideItMoo_outer .SlideItMoo_forward,
	#SlideItMoo_outer .SlideItMoo_back{ 
		display:block; 
		position:absolute; 
		cursor:pointer; 
		width:25px; 
		height:200px; 
		bottom:0px; 
		right:5px; 
		background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/arrow-right.jpg) no-repeat center;  
	}
	#SlideItMoo_outer .SlideItMoo_back { 
		left:5px; 
		background:url(http://www.vivrelejapon.net/maison-cms/images/public/home/arrow-left.jpg) no-repeat center;  
	}
	
	/* the width is set to show the number of thumbnails that will be visible */
	#SlideItMoo_inner{ 
		position:relative ; 
		overflow:hidden ; 
		width: 3000px ; /* set a display width to make the slider look good in case js is disabled */
		margin:0px auto 0px;
		padding:10px 0px 10px;
	}
	/* the thumbnails container; set a width on it so everything will be fine */
	#SlideItMoo_items { 
		display:block; 
		float:left;
	}
	/* single element design */
	#SlideItMoo_items div.SlideItMoo_element { 
		display:block; 
		position:relative; 
		float:left; 
		margin:0px 15px 0px; -margin:0px 5px 0px; 
		font-size:11px; 
		width:128px; 
		text-align:center; 
		color:#FFFFFF;
		float:left;
	}
	#SlideItMoo_items a { clear:both; display:block; padding:2px; margin:0; float:left;}
	#SlideItMoo_items a img{ border:none; display:block; float:left; width:150px; padding:0; margin:0;}
		
	/** END SLIDER**/