/* CSS Document */

body {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
	margin: 0px;
	padding: 0px;
}

#intro {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
	width: 1000px;
	height: 600px;
}

#navigation-block {
	position: absolute;
	top: 135px;
	left: 73px;
}

#navigation-block2 {
	position: absolute;
	top: 90px;
	left: 10px;
}

ul#sliding-navigation
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
 
ul#sliding-navigation li.sliding-element
{
	margin-bottom: 10px;
} 
 
ul#sliding-navigation li.sliding-element a
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}
 
ul#sliding-navigation li.sliding-element a
{
	color: #FFFFFF;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element2
{
	margin-bottom: 25px;
	letter-spacing: 2px;
} 
 
ul#sliding-navigation li.sliding-element2 a
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}
 
ul#sliding-navigation li.sliding-element2 a
{
	color: #FFFFFF;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element3
{
	margin-bottom: 14px;
	letter-spacing: 2px;
} 
 
ul#sliding-navigation li.sliding-element3 a
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}
 
ul#sliding-navigation li.sliding-element3 a
{
	color: #FFFFFF;
	text-decoration: none;
}


.menu_philosophie {
	text-transform: uppercase;
	color: #008fc2;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 120%;
	background: url(images/puce_bleue.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}

a img {
	border: none;
}

#coord {
	position: absolute;
	left: 73px;
	top: 570px;
	color: #008fc2;
}

#coord a:link, #coord a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#coord a:hover {
	text-decoration: underline;
}

#contact_home {
	position: absolute;
	left: 906px;
	top: 501px;
	z-index: 100;
}

#contact_showroom {
	position: absolute;
	left: 11px;
	top: 491px;
	z-index: 100;
}

#contact_bd {
	position: absolute;
	left: 943px;
	top: 542px;
}

#contact_md {
	position: absolute;
	left: 943px;
	top: 398px;
	z-index: 100;
}


#philo1 {
	position: absolute;
	left: 169px;
	top: 61px;
	height: 193px;
	width: 400px;
}

#philo2 {
	position: absolute;
	height: 206px;
	width: 208px;
	left: 157px;
	top: 368px;
	/* background: url(images/philo2.png); */
	background-repeat: no-repeat;
	background-position: top left;
	color: #008FC1;
	font-size: 14px;
	line-height: 120%;
}

#philo3 {
	position: absolute;
	height: 85px;
	width: 330px;
	left: 595px;
	top: 385px;
	font-weight: bold;
	font-size: 14px;
	color: #008FC1;
	letter-spacing: 1px;
	line-height: 120%;
}

#vert1 {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 183px;
	top: 105px;
}

#vert2 {
	position: absolute;
	width: 131px;
	left: 211px;
	top: 220px;
	line-height: 25px;
}

#vert3 {
	position: absolute;
	width: 170px;
	border: 1px solid #ffffff;
	left: 409px;
	top: 200px;
	font-size: 10px;
	padding: 5px;
}

#vert4 {
	position: absolute;
	background: url(images/cadre_ill1_vert.png);
	background-repeat: no-repeat;
	width: 370px;
	height: 288px;
	left: 608px;
	top: 99px;
	padding-left: 10px; 
	padding-top: 10px;
}

#vip1 {
	position: absolute;
	background: #ffffff;
	background-repeat: no-repeat;
	width: 280px;
	height: 360px;
	padding-left: 6px;
	padding-top: 6px;
	left: 633px;
	top: 218px;
}

#vert5 {
	position: absolute;
	background: url(images/philo2.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 22px;
	left: 402px;
	top: 397px;
	color: #E2007A;
	font-size: 14px;
	padding-left: 65px;
	padding-top: 30px;
}

#surmesure1 {
	position: absolute;
	width:794px;
	height:467px;
	background: url(images/ill1_surmesure.jpg);
	background-repeat:no-repeat;
	background-position: 345px 135px;
	left: 147px;
	top: 101px;
	z-index: 0;
}

#mif1 {
	position: absolute;
	left: 188px;
	top: 64px;
	width: 591px;
	height: 33px;
}

#mif2 {
	position: absolute;
	left: 169px;
	top: 381px;
	width: 237px;
}

#mif3 {
	position: absolute;
	left: 620px;
	top: 283px;
}

#marq1 {
	position: absolute;
	left: 236px;
	top: 74px;
	font-size: 12px;
	line-height: 20px;
}

#marq2 {
	position: absolute;
	width: 142px;
	left: 715px;
	top: 74px;
}

#marq2 img {
	margin-bottom: 10px;
}

#delais1 {
	position: absolute;
	left: 214px;
	top: 109px;
	font-size: 12px;
	line-height: 20px;
}

#delais2 {
	position: absolute;
	left: 206px;
	top: 339px;
	border: 1px solid #ffffff;
	padding: 10px;
	font-size: 12px;
	font-style: italic;
	color: #ffffff;
	width: 108px;
}

#delais3 {
	position: absolute;
	font-size: 12px;
	left: 498px;
	top: 422px;
	width: 393px;
	line-height: 20px;
}

#delais4 {
	background: url(images/vroum.jpg);
	background-repeat: no-repeat;
	width:377px;
	min-height: 221px;
	position: absolute;
	background-position: 82px 20px;
	left: 623px;
	top: 57px;
}

#delais5 {
	position: absolute;
	left: 706px;
	top: 318px;
	font-weight: bold;
	font-size: 15px;
	color: #CC1D7E;
}

#nouveaute1 {
	position: absolute;
	background: url(images/fleche_nouveaute.png);
	background-repeat: no-repeat;
	left: 219px;
	top: 68px;
	width: 436px;
	font-size: 10px;
}

#nouveaute2 {
	position: absolute;
	left: 741px;
	top: 81px;
}

#nouveaute3 {
	position: absolute;
	left: 477px;
	top: 370px;
}

#nouveaute4 {
	position: absolute;
	background: url(images/fleche_nouveaute.png);
	background-repeat: no-repeat;
	left: 710px;
	top: 369px;
	width: 232px;
}

#nouveaute5 {
	position: absolute;
	left: 406px;
	top: 126px;
	width: 233px;
	height: 169px;
}

#stock1 {
	position: absolute;
	left: 233px;
	top: 134px;
}

#stock2 {
	position: absolute;
	left: 612px;
	top: 305px;
}

#showroom1 {
	position: absolute;
	left: 191px;
	top: 125px;
	width: 474px;
	font-size: 12px;
	line-height: 18px;
}

#showroom2 {
	position: absolute;
	left: 684px;
	top: 59px;
	width: 142px;
}

#showroom3 {
	position: absolute;
	left: 839px;
	top: 218px;
	width: 142px;
}

#showroom2 a, #showroom3 a {
	margin-bottom: 20px;
	display: block;
}

#menu_catalogue {
	position: absolute;
	left: 0px;
	width: 1000px;
	height: 22px;
	background: url(images/menu_catalogue_bg.jpg) no-repeat;
	top: 80px;
}	

#menu_catalogue a {
	float: right;
	height: 21px;
	display: block;
	text-indent: -9999px;
	margin-left: 28px;
}

#menu_catalogue a#produits_verts:link, #menu_catalogue a#produits_verts:visited {
	width: 139px;
	background: url(images/menu_catalogue/produits_verts.jpg) no-repeat top left;
}

#menu_catalogue a#produits_verts:hover, #menu_catalogue a#produits_verts.active {
	background-position: bottom left;
}

#menu_catalogue a#goodies:link, #menu_catalogue a#goodies:visited {
	width: 70px;
	background: url(images/menu_catalogue/goodies.jpg) no-repeat top left;
}

#menu_catalogue a#goodies:hover, #menu_catalogue a#goodies.active {
	background-position: bottom left;
}

#menu_catalogue a#bagagerie:link, #menu_catalogue a#bagagerie:visited {
	width: 89px;
	background: url(images/menu_catalogue/bagagerie.jpg) no-repeat top left;
}

#menu_catalogue a#bagagerie:hover, #menu_catalogue a#bagagerie.active {
	background-position: bottom left;
}

#menu_catalogue a#ecriture:link, #menu_catalogue a#ecriture:visited {
	width: 80px;
	background: url(images/menu_catalogue/ecriture.jpg) no-repeat top left;
}

#menu_catalogue a#ecriture:hover, #menu_catalogue a#ecriture.active {
	background-position: bottom left;
}

#menu_catalogue a#electronique:link, #menu_catalogue a#electronique:visited {
	width: 118px;
	background: url(images/menu_catalogue/electronique.jpg) no-repeat top left;
}

#menu_catalogue a#electronique:hover, #menu_catalogue a#electronique.active {
	background-position: bottom left;
}

#menu_catalogue a#textile:link, #menu_catalogue a#textile:visited {
	width: 69px;
	background: url(images/menu_catalogue/textile.jpg) no-repeat top left;
}

#menu_catalogue a#textile:hover, #menu_catalogue a#textile.active {
	background-position: bottom left;
}

#menu_catalogue a#maroquinerie:link, #menu_catalogue a#maroquinerie:visited {
	width: 118px;
	background: url(images/menu_catalogue/maroquinerie.jpg) no-repeat top left;
}

#menu_catalogue a#maroquinerie:hover, #menu_catalogue a#maroquinerie.active {
	background-position: bottom left;
}

#newsletter {
	position: absolute;
	left: 430px;
	top: 135px;
	color: #FFFFFF;
	border: 1px dashed #ffffff;
	padding: 10px;
}

#stock_img1 {
	position: absolute;
	width: 153px;
	height: 103px;
	left: 0px;
	top: 0px;
	display: block;
	text-decoration: none;
}
#stock_img2 {
	position: absolute;
	width: 153px;
	height: 165px;
	text-decoration: none;
	display: block;
	left: 0px;
	top: 104px;
}
#stock_img3 {
	position: absolute;
	width: 135px;
	height: 170px;
	text-decoration: none;
	display: block;
	left: 153px;
	top: 0px;
}
#stock_img4 {
	position: absolute;
	width: 136px;
	height: 99px;
	left: 152px;
	top: 171px;
	display: block;
	text-decoration: none;	
}

