@charset "utf-8";

/* NAVIGATION */
	#nav {
		height: 116px;
		width: 990px;
	}
		#nav ul#navItems {
			background: transparent url(../img/fr/header.png) top left no-repeat;
			height: 116px;
			margin: 0;
			padding: 0;
			position: relative;
			width: 990px;
			z-index:900;
		}
		#nav ul#navItems li {
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 60px;
		}
		ul#navItems li, ul#navItems a {
			display: block;
			height: 35px;
		}
		#nav ul#navItems li a {
			text-decoration: none;
			text-indent: -9999px;
			outline:none;
		}
		#navAccueil {left: 0; width: 95px;}
		#navMagasins {left: 95px; width: 95px;}
		#navArrivages {left: 190px; width: 85px;}
		#navEngagements {left: 275px; width: 107px;}
		#navContact {left: 382px; width: 77px;}
		#navNewsletter {left: 459px; width: 85px;}
		#navRecrutement {left: 544px; width: 100px;}
		
		#navAccueil a:hover {background: transparent url(../img/fr/header.png) -991px -60px no-repeat;}
		#navMagasins a:hover {background: transparent url(../img/fr/header.png) -1086px -60px no-repeat;}
		#navArrivages a:hover {background: transparent url(../img/fr/header.png) -1181px -60px no-repeat;}
		#navEngagements a:hover {background: transparent url(../img/fr/header.png) -1266px -60px no-repeat;}
		#navContact a:hover {background: transparent url(../img/fr/header.png) -1373px -60px no-repeat;}
		#navNewsletter a:hover {background: transparent url(../img/fr/header.png) -1450px -60px no-repeat;}
		#navRecrutement a:hover {background: transparent url(../img/fr/header.png) -1535px -60px no-repeat;}

		body#accueil #navAccueil {background: transparent url(../img/fr/header.png) -991px -60px no-repeat;}
		body#magasin #navMagasins {background: transparent url(../img/fr/header.png) -1086px -60px no-repeat;}
		body#arrivages #navArrivages {background: transparent url(../img/fr/header.png) -1181px -60px no-repeat;}
		body#engagements #navEngagements {background: transparent url(../img/fr/header.png) -1266px -60px no-repeat;}
		body#contact #navContact {background: transparent url(../img/fr/header.png) -1373px -60px no-repeat;}
		body#newsletter #navNewsletter {background: transparent url(../img/fr/header.png) -1450px -60px no-repeat;}
		body#recrutement #navRecrutement {background: transparent url(../img/fr/header.png) -1535px -60px no-repeat;}

/* /NAVIGATION */
/*  menu Deroulants Magasins et Arrivages */
	#menuMagasins {
		position: absolute;
		top: 94px;
		left: 95px;
		padding:0;
		margin:0;
		text-align: left;
		visibility: hidden;
		background-color:#AB1581;
		z-index: 1000;
	}
	#menuArrivages {
		position: absolute;
		top: 94px;
		left: 190px;
		padding:0;
		margin:0;
		text-align: left;
		visibility: hidden;
		background-color:#AB1581;
		z-index: 1000;
		}
		#menuMagasins ul, #menuArrivages ul {
			margin: 0;
			padding:0;
			list-style-type: none;
		}
		#menuMagasins ul li, #menuArrivages ul li {
			margin:0;
			padding:0;
		}
		#menuMagasins ul li a, #menuArrivages ul li a {
			font-size: 11px;
			font-weight:bold;
			line-height: 12px;
			text-decoration: none;
			color: #fff;
			margin: 0;
			padding: 5px;
			text-align:left;
			width:96px;
			display:block;
			border-bottom:1px solid #BC408E;
			text-transform:uppercase;
		}
		#menuArrivages ul li a {
			width:81px;
		}
		#menuMagasins ul li a:hover, #menuMagasins ul li a:active, #menuArrivages ul li a:hover, #menuArrivages ul li a:active {
			background-color:#D578B3;
		}
/* /menu Deroulants Magasins et Arrivages */
	#EtiquettesArrivages {
		top:-2px;
		left:610px;
		z-index:1000;
		width:397px;
		height: 193px;
		position:absolute;
		}
/* Index
/* NAV Nouveaux arrivages */
#BlocArrivages {
	margin-left:609px;
	}
		#BlocArrivages ul#BlocArrivagesItems {
			background:url(../img/fr/toustocks-arrivages.jpg) left top no-repeat;
			height:345px;
			margin: 0;
			padding: 0;
			position: relative;
			width:381px;
			}
		#BlocArrivages ul#BlocArrivagesItems li {
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			}
		ul#BlocArrivagesItems li, ul#BlocArrivagesItems a {
			display: block;
			height: 20px;
			width: 200px;
			left:18px;
			}
		#BlocArrivages ul#BlocArrivagesItems li a {
			text-decoration: none;
			text-indent: -9999px;
			outline:none;
			}
		#BlocArrivages-valence {top: 216px;}
		#BlocArrivages-grenoble {top: 240px;}
		#BlocArrivages-aubenas {top: 265px;}
		#BlocArrivages-montpellier {top: 292px;}
		
		#BlocArrivages-valence a:hover {background: transparent url(../img/fr/toustocks-arrivages.jpg) -399px -216px no-repeat;}
		#BlocArrivages-grenoble a:hover {background: transparent url(../img/fr/toustocks-arrivages.jpg) -399px -240px no-repeat;}
		#BlocArrivages-aubenas a:hover {background: transparent url(../img/fr/toustocks-arrivages.jpg) -399px -265px no-repeat;}
		#BlocArrivages-montpellier a:hover {background: transparent url(../img/fr/toustocks-arrivages.jpg) -399px -292px  no-repeat;}

/* ARRIVAGES
/* NAV En savoir plus */

div#EnSavoirPlus {
	width: 128px;
	margin:0;
	padding-left: 10px;
	height: 30px;
	right:0;
	}

div#globalEnSavoirPlus {
	width: 128px;
	height: 30px;
	margin: 0;
	padding: 0;
	}
	div#globalEnSavoirPlus ul#menuEnSavoirPlus {
		width: 128px;
		height: 30px;
		background: transparent url(../img/fr/plus-de-details.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
		div#globalEnSavoirPlus ul#menuEnSavoirPlus li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			left: 0;
			}
			ul#menuEnSavoirPlus li, ul#menuEnSavoirPlus a {
				height: 30px;
				display: block;
				}
			div#globalEnSavoirPlus ul#menuEnSavoirPlus li a {
				text-indent: -9999px;
				text-decoration: none;
				outline:none;
				}

#navEnSavoirPlus {top: 0; width: 128px;}

#navEnSavoirPlus a:hover	{background: transparent url(../img/fr/plus-de-details.gif) 0 -30px no-repeat;}