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

	body{
		background:url('/resources/images/body_background.gif') #2c2020 top left repeat-x;
		margin:0;
		padding:0;
		margin-bottom:10px;
	}	
	*{
		font-family:arial;	
	}
	.main{
		background:url('/resources/images/main_background.gif') top left repeat-x;
		margin-left:auto;
		margin-right:auto;
		width:950px;
		min-height:650px;
		position:relative;
		overflow:hidden;
		padding-bottom:35px;
		margin-top:-40px;
	}
	.logo{
		position:absolute;
		top:135px;
		left:58px;
	}
	.offer{
		position:absolute;
		top:245px;
		left:45px;
		z-index:500;
	}
	.offer span{
		font-size:11px;
		color:#746a63;
		text-transform:uppercase;
	}
	.offer img{
		float:left;
	}
	.offer .info{
		float:left;
		font-size:13px;
		margin-top:22px;
		margin-left:10px;
		font-size:11px;
		color:#c7c1bd;
	}
	.offer a{
		font-size:11px;
		color:#c7c1bd;
	}
	.banner{
		position:absolute;
		top:30px;
		left:305px;
		height:275px;
		width:625px;
		overflow:hidden;
		background:url('/resources/images/banner_002.jpg') bottom left #423636 no-repeat;
	}
	.content{
		margin-top:305px;
		margin-left:75px;
		min-height:320px;
		width:855px;
		background:url('/resources/images/content_background.gif') bottom left #fff repeat-x;
		overflow:hidden;
		margin-bottom:5px;
		padding-bottom:20px;
	}
	.content .body{
		width:auto;
		margin-left:250px;
		padding:20px;
	}
	.brown{
		position:absolute;
		top:261px;
		left:20px;
		width:285px;
		height:45px;
		background:#2c1f1f;
		z-index:200px;
	}
	.left{
		position:absolute;
		top:305px;
		left:20px;
		width:285px;
		z-index:300px;
	}
	.attachments{
		float:right;
		margin-top:20px;
		position:relative;
	}
	.menu{
		width:300px;
		background:url('/resources/images/navigation_background.gif') bottom right;
		overflow:hidden;
	}
	.menu_body{
		width:300px;
		background:url('/resources/images/menu_body_background.gif') top right repeat-y;
		position:relative;
		padding-top:30px;
		padding-bottom:30px;
		overflow:hidden;
	}
	.menu_body a:link,
	.menu_body a:active,
	.menu_body a:visited{
		float:right;
		width:200px;
		padding:5px;
		font-size:11px;
		text-transform:uppercase;
		color:#e0d4ca;
		margin-top:1px;
		background:url('/resources/images/menu_active.png') no-repeat top right;
		background-position:0px -30px;
		text-decoration:none;
		letter-spacing:0px;
		text-shadow: #333 -1px 1px 2px;

	}
	.menu_body a.active{
		background-position:top right;
		color:#fff;
		font-weight:bold;
	}
	.menu_body a:hover{
		backgroundX:url('/resources/images/menu_active.jpg') no-repeat top right;
		color:#fff;
	}
	.menu_body a.active:hover{
		background:url('/resources/images/menu_active.png') no-repeat top right;
		color:#fff;
	}
	.sous-menu{
		margin-bottom:10px;	
	}
	.sous-menu a:link,
	.sous-menu a:active,
	.sous-menu a:visited{
		float:right;
		background:url('/resources/images/sous-menu.gif') no-repeat top left;
		width:200px;
		padding:3px;
		font-size:11px;
		text-transform:uppercase;
		color:#e0d4ca;
		margin-top:1px;
		background-position:5px 2px;
		text-decoration:none;
		letter-spacing:0px;
		text-shadow: #333 0px 0px 0px;
		text-indent:20px;
	}
	.sous-menu a.active{
		background-position:top left;
		color:#fff;
		font-weight:bold;
	}
	.sous-menu a:hover{
		background-position:top left;
		color:#fff;
	}
	.sous-menu a.active:hover{
		background:url('/resources/images/sous-menu.gif') no-repeat top left;
		color:#fff;
		font-weight:bold;
	}
	
	#copyright{
		position:absolute;
		right:20px;
		bottom:-10px;
		z-index:200px;
		color:#7b6565;
		font-size:11px;
		padding:10px;
	}
	
	h1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:30px;
		font-weight:normal;
		color:#333;
	}
	p,td{
		font-size:12px;
		color:#6e6e6e;
	}
	p b{
		font-size:17px;
		font-weight:normal;
		color:#453838;
	}
	p a{
		color:#74161d;	
	}
	
	h2{
		font-size:24px;
		color:#7e6565;
		font-weight:normal;
		margin-top:20px;
		border-bottom:1px solid #e7d6d6;
		padding-bottom:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	h3{
		font-size:20px;
		color:#7e6565;
		font-weight:normal;
		margin-top:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-bottom:0px;
		clear:both;
	}
	
	.thumbs, h2{
		clear:both;	
	}
	.thumbs{
		margin-bottom:20px;
		text-align:center;
		width:auto;
		position:relative;
		clear:both;
	}
	.thumbs a{
		background:url('/resources/images/thumbs_background.gif') repeat-x top left;
		background-color:#efe4d2;
		width:100px;
		text-align:center;
		padding:5px;
	}
	
	.thumbs a{
		display:inline-table;
	}
	
	/* IE 6.0 */
	* html .thumbs a{
		float:left;
	}
	/* IE 7.0 */
	html*.thumbs a{
		float:left;
	}
	
	.thumbs a:link,
	.thumbs a:active,
	.thumbs a:visited{
		margin:5px;
		text-decoration:none;
		border-bottom:2px solid transparent;
	}
	.thumbs a img {
		border:2px solid #fff;
		height:120px;
		max-width:100px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.thumbs a div.label {
		margin-top:5px;
		text-align:center;
		width:auto;
		font-size:12px;
		text-decoration:none;
		color:#918167;
		text-transform:uppercase;
		padding:3px;
		font-weight:bold;
	}
	
	.accessoires a{ background-color:#dedede; }
	.accessoires a div.label { color:#333; }
	.accessoires a:hover{ border-bottom:2px solid #333; }
	.accessoires a img {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		border:0px;
	}
	
	.classic a{ background-color:#efe4d2; }
	.classic a div.label { color:#918167; }
	.classic a:hover{ border-bottom:2px solid #918167; }
	
	X.technic a{ background-color:#dfeac9; }
	X.technic a div.label { color:#8cb838; }
	X.technic a:hover{ border-bottom:2px solid #8cb838; }
	
	X.premium a{ background-color:#d2e8ef; }
	X.premium a div.label { color:#307187; }
	X.premium a:hover{ border-bottom:2px solid #307187; }
	
	p,li{
		font-size:13px;
		color:#777;
		margin-left:10px;
	}
	ul{
		margin-left:10px;
	}
	
	.bloc{
		clear:both;
		margin:5px;
		overflow:hidden;
		width:auto;
		border:1px solid #eee;
		margin-top:10px;
		padding:5px;
	}
	.bloc .preview{
		float:left;
		margin-right:5px;
		width:100px;
	}
	.bloc .info{
		float:left;
		background:#eee;
		padding:10px;
		width:400px;
	}
	.bloc h3{
		font-size:16px;
		font-weight:normal;
		color:#555;
		margin:0px;
		margin-bottom:5px;
		padding:0px;
	}
	.bloc p{
		font-size:12px;
	}
	
	.complet{
		text-align:center;
		border:0px solid #eee;
	}
	.complet .info{
		display:inline;
		padding:10px;
		width:auto;
		background:none;
		text-align:left;
	}
	
	p .preview{
		display:inline;
		margin-right:5px;
		width:auto;
	}
	
	.porte .preview{
		width:80px;
		margin-left:20px;
		margin-right:20px;
	}
	
	a img{
		border:0px;
	}
	
	a.more:link,
	a.more:visited,
	a.more:active{
		float:right;
		display:inline;
		margin:5px;
		font-size:14px;
		color:#555;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	a.more:hover{
		text-decoration:underline;
		color:#555;
	}
	
	
	.pdf{
		margin-bottom:20px;	
		float:right;
	}
	.pdf img{
		float:left;	
		margin:3px;
	}
	.pdf .info{
		float:left;	
		margin:5px;
	}
	.pdf div{
		color:#aaa;
		font-size:12px;
	}
	
	.pdf a:link,
	.pdf a:visited,
	.pdf a:active{
		display:inline;
		font-size:14px;
		color:#900;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.pdf a:hover{
		text-decoration:underline;
		color:#900;g
	}
	
	
	
	.rehau{
		float:right;
		margin-right:45px;
		margin-top:20px;	
	}

	.rehau a img{
		text-decoration:none;
		border:0px;
	}
	.colors{
		overflow:hidden;	
	}
	.color{
		float:left;
		text-align:center;
		position:relative;
		margin:3px;
		border:#ddd 1px solid;
		overflow:hidden;
	}
	.color img{
		border:#fff 1px solid;
	}
	.color div{
		position:absolute;
		top:20px;
		left:0px;
		width:50px;
		font-size:12px;
	}
	
	
	
/** 
 * Slideshow controls style rules.
 */	
.slide a:link,
.slide a:active,
.slide a:visited{
	width:170px;
	height:120px;
	background:url(/resources/images/image_shadow.png) top left no-repeat;
	margin:2px;
	float:left;
	display:inline-block;
	text-decoration:none;
	margin-left:20px;
}
.slide a img{
	width:140px;
	height:95px;
	background-position:center top;
	background-repeat:no-repeat;
	margin:11px;
	border:0px;
}
.slide a:link img,
.slide a:active img,
.slide a:visited img{
	opacity:1;
	filter:alpha(opacity=100);
}
.slide a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:550px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:400px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:400px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:50px;
  height:73px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  background:#fff;
}
#leftControl {
  top:25px;
  left:0;
  background:transparent url(/resources/images/arrow_left.png) no-repeat 0 0;
}
#rightControl {
  top:25px;
  right:0;
  background:transparent url(/resources/images/arrow_right.png) no-repeat 0 0;
}