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

body {
	margin:0;
	padding:0;
	font: 100.01% Verdana, Arial, Helvetica, sans-serif normal;
	color: #333;
	background: #eaeaea;
	text-align: center;
}

p, h1, h2, h3 {
	margin:0;
	padding:5px 0;
}

h1 {
	font-size:130%;
	color: #991F1F;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:-0.5pt;
}
h2 {
	font-size:110%;
	color: #C4756C;
	font-weight: bold;
}
h3 {
	font-size:100%;
	color: #991F1F;
	font-weight: bold;
	padding:5px 0 0;
}
img {
	border: none;
	vertical-align:text-bottom;
}

a {
	color:#C4756C;
	text-decoration: underline;
}
a:hover {
	color:#C4756C;
	text-decoration: none;
}

.left {
	float:left;
	margin: 5px 10px 5px 0;
}
.right {
	float:right;
	margin: 5px 0 5px 10px;
}


.image {
	position: relative;
	width: 254px;
	border: 1px solid #ccc;
	clear:both;
	text-align:left;
}

.news .image img {
	border: none;
	padding: 2px;
	margin: 0;
	float: none;
}

.small {
	position: relative;
	width: 124px;
	border: 1px solid #ccc;
	clear:both;
}
.custom {
	position: relative;
	width: auto;
	border: 1px solid #ccc;
	clear:both;
}
.image img {
	padding: 2px;
}
.image p {
	font-size:80%;
	margin: 0 2px 2px;
	padding: 2px 0;
	background:#ededed;
}
.center {
	text-align:center;
	margin: 5px auto;
}


.produit {
	clear:both;
	margin: 10px 0;
	float:left;
	width: 560px;
}
.produit img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 10px 0 0;
	float:left;
}
.produit div {
	float:left;
	width: 300px;
}

.produit h3 {
	padding-top:0;
}

img.cadre {
	border: 1px solid #ccc;
	padding:2px;
}

.preview {
	clear:both;
	margin: 0 0 10px 0;
	float:left;
	width: 566px;
	height: 199px;
	padding:2px;
}
.preview img {
	float:left;
	margin-bottom:10px;
	border: 1px solid #333;
}
.preview img.large {
	float:right;
	margin-bottom:0;
}
.zoom {
	background:url(../images/zoom.gif) top left no-repeat;
	padding: 0 0 2px 20px;
}

#zoom {
	width:auto;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	border:1px solid #666;
	background:#fff;
	padding:5px;
	cursor:pointer;
}


#wrapper {
	width: 840px;
	margin: 0 auto;
	padding:0;
	font-size: 75%;
	text-align: left;
}

#top {
	margin: 0 0;
	padding:17px 20px 0 22px;
	background:url(../images/bg_header.jpg) top center no-repeat;
	float:left;
}

	#header {
		height: 200px;
		position: relative;
	}
	
	#logo {
		position:absolute;
	}
	
	#slogan {
		position:absolute;
		right:0;
		top:50px;
		width: 220px;
		height:140px;
		padding:0 10px;
		overflow:hidden;
	}
		#slogan h1 {
			color:#333;
			text-transform:none;
		}
	
	#langMenu {
		position:absolute;
		right: 5px;
		top: 2px;
		font-size:80%;
	}
		#langMenu ul {
			margin:0;
			padding:0;
			list-style: none;
			display: inline;
		}
		#langMenu ul li {
			margin:0;
			padding:0;
			display:inline;
			text-transform:uppercase;
		}
		#langMenu ul li a {
			text-decoration: none;
		}
		#langMenu ul li a:hover,#langMenu ul li.selected a {
			text-decoration: none;
		}
		#langMenu, #langMenu ul li a, #langMenu ul li a:hover,#langMenu ul li.selected a {
			color:#fff;
		}
	
	#menu {
		width: 100%;
		margin:1px 0 0;
		background: #991F1F;
		font-size:90%;
		float:left;
		width: 798px;
	}
		#menu ul {
			width: 100%;
			margin:0;
			padding:0;
			list-style: none;
		}
		#menu ul li {
			margin:0;
			padding:0;
			display:inline;
			text-transform:uppercase;
		}
		#menu ul li a {
			margin:0;
			padding:5px 20px;
			background:#991F1F;
			color:#fff;
			display:block;
			float:left;
			border-right: 1px solid #fff;
			text-decoration: none;
		}
		#menu ul li.selected a, #menu ul li.selected a:hover {
			background:#F2F09A;
			color:#333;
			text-decoration: none;
		}

		#menu ul li a:hover {
			background:#C4756C;
			color:#fff;
			text-decoration: none;
		}

#center {
	padding:10px 20px 10px 22px;
	background:url(../images/bg_center.jpg) top center repeat-y;
	float: left;
	font-size:90%;
}

	#shortcuts {
		width: 210px;	
		padding:0 15px 0 15px;
		float:right;
	}
	#submenu {
		width: 210px;	
		padding:0 15px 0 15px;
		float:left;
	}
	#leftmenu {
		width: 170px;	
		padding:0 10px;
		float:left;
	}
	#content {
		width: 517px;
		padding:0 20px 0 20px;
		float: left;
		border-right: 1px solid #ccc;
	}
	#content.page {
		width: 567px;
		padding:0 20px;
		border-right: none;
		border-left: 1px solid #ccc;
		text-align:justify;
	}
	#content.fullpage {
		width: 778px;
		padding:0 10px;
		border-right: none;
		border-left: none;
		overflow:hidden;
	}
	#content.catalogue {
		width: 778px;
		padding:0 10px;
		border-right: none;
		border-left: none;
		overflow:hidden;
	}
		#leftmenu ul {
			margin:0;
			padding:0;
			list-style: none;
		}
		#leftmenu ul li {
			margin:0;
			padding:0;
			display:inline;
		}
		#leftmenu ul li a {
			margin:0 0 5px;
			padding:2px;
			color:#991F1F;
			color:#333;
			display:block;
			text-decoration: none;
		}
		#leftmenu ul li.selected a, #leftmenu ul li.selected a:hover {
			background:#F2F09A;
			color:#333;
			text-decoration: none;
		}

		#leftmenu ul li a:hover {
			background:#C4756C;
			color:#fff;
			text-decoration: none;
		}

#footer {
	padding:0 20px 0 22px;
	background:url(../images/bg_footer.jpg) bottom center no-repeat;
	font-size:80%;
	float:left;
	width: 798px;
	position:relative;
}
		#audio {
			position:absolute;
			top:2px;
			right:20px;
		}
		#legalmenu {
			padding:5px 0 0;
			text-align:center;
			color:#999;
		}

		#legalmenu ul {
			margin:0;
			padding:0;
			list-style: none;
			display: inline;
		}
		#legalmenu ul li {
			margin:0;
			padding:0;
			display:inline;
			text-transform:lowercase;
		}
		#legalmenu ul li a {
			color:#999;
			text-decoration: none;
		}
		#legalmenu ul li a:hover {
			color:#999;
			text-decoration: underline;
		}

.news {
	margin:10px 0 30px;
	clear:left;
}
.newsLast {
	margin:10px 0 0;
}

.news h2 {
	color: #991F1F;
	padding-top: 0;
	font-size:130%;
}
.news h3 {
	color: #333;
}
.news img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 0 10px 10px;
	float: right;
}
.news a.more {
	color:#C4756C;
	text-decoration: underline;
	text-align:right;
	font-size:90%;
	display:block;
}
.news a:hover.more {
	color:#C4756C;
	text-decoration: none;
}

.box {
	margin:10px 0 30px;
	font-size:90%;
}
.box h2 {
	color: #666;
	text-transform:uppercase;
	padding-top: 0;
}
.box h2.high {
	color: #991F1F;
}
.box img {
	margin: 0 0 5px 5px;
	float: right;
}
.box img.left {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 5px 5px 0;
	float: left;
}
.box .note {
	color: #999;
	font-size:90%;
}
.box a.more {
	color:#999;
	text-decoration: underline;
	display:block;
}
.box a:hover.more {
	color:#999;
	text-decoration: none;
}


form p {
	clear:left;	
}

label {
	float:left;
	width: 70px;
	margin: 0 0 10px 0;
	padding-top:2px;
}
input {
	float:left;
	width: 180px;
	font: 100% Verdana, Arial, Helvetica, sans-serif normal;
	color:#999;
	vertical-align:text-bottom;
	margin: 0 40px 10px 0;
}
textarea {
	clear:both;	
	float:left;
	width: 400px;
	font: 100% Verdana, Arial, Helvetica, sans-serif normal;
	color:#999;
	vertical-align:text-bottom;
	margin: 0 0 10px 0;
}