
* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	background-color:#E6E6E6;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

img {
	border:none;
}

.Spacer {
	clear:both;
	height:1px;
	line-height:1px;
	visibility:hidden;
}

#Nouveaux {
	position:relative;
	width:1024px;
	height:768px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#fff;
}

#logo {
	position:absolute;
	top:0;
	left:0;
	width:698px;
	height:375px;
	overflow:hidden;
}
#logo h1 img {
	position:absolute;
	top:0;
	left:0;
}
#catalogue {
	position:absolute;
	top:228px;
	left:0;
	width:693px;
	height:186px;
	overflow:hidden;
	background-image: url(../images/intro-ombre-v.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#catalogue #catTitre {
	position:absolute;
	top:0;
	left:0;
	width:49px;
	height:186px;
}

#infos {
	position:absolute;
	top:414px;
	left:0;
	width:693px;
	height:354px;
	background-image: url(../images/intro-ombre-v.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#infos .ombre {
	position:absolute;
	top:0;
	left:0;
	width:693px;
	height:20px;
}

#fond {
	position:absolute;
	top:0px;
	left:909px;
	width:115px;
	height:768px;
	background-image: url(../images/intro-fond-droite.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -------------------------- */
#Actualites {
	position:absolute;
	top:0px;
	left:693px;
	width:216px;
	height:768px;
	background-image: url(../images/intro-fond-actu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#Actualites .actuTitre {
	margin:15px 0 25px 15px;
}

#Actualites .bloc {
	width:196px;
	overflow:visible;
	padding:0 10px 0 10px;
	margin:0 0 20px 0;
}

#Actualites .bloc h3 {
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	position:relative;
	overflow:visible;
}

#Actualites .bloc h3 span {
	display:block;
	width:40px;
	height:6px;
	overflow:hidden;
	position:relative;
	left:-30px;
	float:left;
	margin:5px -25px 0 0;
}

#Actualites .bloc p {
	font-size:11px;
	text-align:left;
	color:#58585A;
}
#Actualites .bloc .suite {
	height:14px;
}

#Actualites .bloc .suite a {
	display:block;
	width:14px;
	height:14px;
	color:#fff;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:right;
}
#Actualites .bloc .suite a span {
	display:none;
}

/* -------- */
#Actualites .color1 h3 {
	color:#E83630;
}
#Actualites .color1 h3 span {
	background-color:#E83630;
}
#Actualites .color1 .suite {
	border-bottom:1px solid #E83630;
}
#Actualites .color1 .suite a {
	background-color:#E83630;
}
/* -------- */
#Actualites .color2 h3 {
	color:#3288C4;
}
#Actualites .color2 h3 span {
	background-color:#3288C4;
}
#Actualites .color2 .suite {
	border-bottom:1px solid #3288C4;
}
#Actualites .color2 .suite a {
	background-color:#3288C4;
}
/* -------- */
#Actualites .color3 h3 {
	color:#9B9A9A;
}
#Actualites .color3 h3 span {
	background-color:#9B9A9A;
}
#Actualites .color3 .suite {
	border-bottom:1px solid #9B9A9A;
}
#Actualites .color3 .suite a {
	background-color:#9B9A9A;
}
/* -------- */
#Actualites .color4 h3 {
	color:#6963AC;
}
#Actualites .color4 h3 span {
	background-color:#6963AC;
}
#Actualites .color4 .suite {
	border-bottom:1px solid #6963AC;
}
#Actualites .color4 .suite a {
	background-color:#6963AC;
}


/* -------------------------- */
#menu {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:354px;
	border-right:2px solid #DBDCDD;
}

#menu ul {
	font-size:14px;
	text-transform: uppercase;
	margin:20px 0 0 0;
	list-style: none;
}

#menu ul li {
	margin:0 0 5px 0;
}

#menu ul li a {
	padding:0 0 0 31px;
	color:#4D4D4D;
	font-weight:bold;
	letter-spacing:0.5px;
	text-decoration:none;
}

#menu ul li a span {
	background-color:#4D4D4D;
	display:block;
	width:9px;
	height:6px;
	float:left;
	margin:4px 0 0 0;
	overflow:hidden;
}

#menu ul li ul {
	font-size:12px;
	text-transform: none;
	margin:0 0 10px 20px;
}
#menu ul li ul li a {
	color:#000;
}

/* --------- */
#menu ul li.style1 a:hover {
	color:#0739D6;
}
#menu ul li.style1 a:hover span {
	background-color:#0739D6;
}

/* --------- */
#menu ul li.style2 a:hover {
	color:#338CC7;
}

#menu ul li.style2 a:hover span {
	background-color:#338CC7;
}
/* ---------- */
#menu ul li.style3 a:hover {
	color:#FE2D2C;
}

#menu ul li.style3 a:hover span {
	background-color:#FE2D2C;
}
/* ---------- */
#menu ul li.style4 a:hover {
	color:#6963AC;
}

#menu ul li.style4 a:hover span {
	background-color:#6963AC;
}

#menu .credits {
	margin:90px 0 0 40px;
}

#menu .credits a {
	color:#4D4D4D;
	font-size:14px;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:0.5px;
	text-decoration:none;
}
#menu .credits a:hover {
	color:#0739D6;
}

/* -------------------------- */
#Nouveautes {
	position:absolute;
	left:300px;
	top:0;
	width:215px;
	height:354px;
	border-right:2px solid #DBDCDD;
}

#Nouveautes .newTitre {
	width:156px;
	height:22px;
	margin:10px 0 10px 5px;
}

/* -------------------------- */

#Newsletter {
	position:absolute;
	left:517px;
	top:0;
	width:177px;
	height:354px;
}

#Newsletter .newTitre {
	width:156px;
	height:22px;
	margin:10px 0 10px 5px;
}

#Newsletter p {
	font-size:11px;
	margin:20px 20px 8px 10px;
}

#Newsletter .Suite {
	clear:both;
	height:14px;
	position:relative;
	width:80%;
	float:right;
	text-align:right;
	margin:40px 25px 10px 0;
}

#Newsletter .Suite span {
	display:block;
	position:relative;
	top:-14px;
	right:0;
	width:14px;
	height:14px;
	color:#fff;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:right;
	background-color:#9B9A9A;
}
#Newsletter .Suite a {
	display:block;
	width:100%;
	font-size:10px;
	color:#FE2E2A;
	text-decoration:none;
	text-align:left;
	border-bottom:1px solid #9B9A9A;
}

/* ---------------------- */
#catalogue #Thumbnails {
	position:absolute;
	top:0px;
	left:49px;
	width:640px;
	height:186px;
	overflow:hidden;
	background-image: url(../images/fond-lm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#catalogue #InThumbnails {
	position:absolute;
	left:0;
	top:0;
	overflow:visible;
	width:2000px;
}

#catalogue #InThumbnails .Couverture {
	width:112px;
	height:220px;
	float:left;
	margin:0 0 0 20px;
	overflow:hidden;
}

#catalogue #InThumbnails .Couverture img {
	margin:4px;
}
