/*---------------------------------------------------------------------
				header
----------------------------------------------------------------------*/


#header #logo {
	height:83px;
	left:3px;
	overflow:hidden;
	position:absolute;
	top:30px;
	width:232px;
	z-index:100;
}
#header #logo a {
	display:block;
	height:100%;
	width:100%;
	color:#fff;
	cursor:pointer;/**/
	text-indent:-2000px;
	position:relative;
	background-image:url(../../images/logo_labelArt.png);
	background-repeat:no-repeat;
}
#header #logo[id] a {
}
#header #VIP {
	height:61px;
	position:absolute;
	left:420px;
	top:13px;
	width:107px;
	overflow:hidden;
	z-index:50;
	background-image:url(../../../../images/accesVIP.gif);
	background-repeat:no-repeat;
	font-size:10px;
}
#header #VIP a {
	display:block;
	color:#fff;
	cursor:pointer;/**/
	position:relative;
	background-image:url(../../../../images/puceMenuHeader.gif);
	background-repeat:no-repeat;
	background-position:right 38px;
	padding-right:10px;
	width:auto;
	display:-moz-inline-box;
	display:inline-block;
	padding-top:34px;
}
#header #VIP a:hover {
	text-decoration:underline;
	background-image:url(../../../../images/puceMenuHeader_off.gif);
}
/*---------------------------------------------------------------------
				zoneCompte
----------------------------------------------------------------------*/

#header #zoneCompte {
	position:absolute;
	background-image:url(../../images/fd_zoneCompte.gif);
	width:221px;
	height:102px;
	background-repeat:no-repeat;
	top:16px;
	right:1px;
}
#header #zoneCompte #minimoduleEspaceClient {
	height:25px;
	position:absolute;
	left:20px;
	top:42px;
	overflow:hidden;
	padding-left:33px;
	z-index:50;
	background-image:url(../../images/sprite_iconesHeader.png);
	background-repeat:no-repeat;
	
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e2f362;
	line-height:25px;background-position:-242px -97px;
}
#header #zoneCompte #minimoduleEspaceClient:hover {
	;background-position:-242px -4px;
}
#header #zoneCompte #minimoduleEspaceClient p {
	text-transform:lowercase;
	height:11px;
}
#header #zoneCompte #minimoduleEspaceClient a {
	display:block;
	color:#e2f362;
	position:relative;
	width:auto;
	display:-moz-inline-box;
	display:inline-block;
}
#header #zoneCompte #minimoduleEspaceClient a:hover {
	text-decoration:underline;
}
#header #zoneCompte #caddie {
	height:35px;
	position:absolute;
	left:20px;
	top:7px;
	overflow:hidden;
	z-index:50;
	padding-left:33px;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e2f362;
	background-image:url(../../images/sprite_iconesHeader.png);
	background-repeat:no-repeat;
	background-position:0px -93px;
	cursor:pointer;
}
#header #zoneCompte #caddie:hover {
	background-position:top left;	
}/**/
#header #zoneCompte #caddie h4, #header #zoneCompte #caddie h4 a {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e2f362;
	font-weight:normal;
}
#header #zoneCompte #caddie #nanomoduleCaddie {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;color:#fff;
}/*
#header #zoneCompte #caddie #nanomoduleCaddie a {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#header #zoneCompte #caddie #nanomoduleCaddie a:hover {
	text-decoration:underline;
}
#header #zoneCompte #caddie #nanomoduleCaddie a b {
	color:#fff;
}*/
#header #zoneCompte #caddie #nanomoduleCaddie sup {
	font-size:1em;
	
	vertical-align:baseline
}
#header #zoneCompte #newsletter {
	position:absolute;
	top:77px;
	height:21px;
	overflow:hidden;
	left:10px;
}
#header #zoneCompte #newsletter a {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e2f362;
}
#header #zoneCompte #newsletter a:hover {
	text-decoration:underline;
}
/*---------------------------------------------------------------------
				aide
----------------------------------------------------------------------*/
#header #commentAcheter {
	position:absolute;
	top:29px;
	left:463px;
	color:#fff;
}
#header #commentAcheter a {
	display:inline;
	color:#fff;
	font-size:12px;
}
#header #commentAcheter a:hover {
	text-decoration:underline;
}
/*---------------------------------------------------------------------
				bloc famille
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
				menu premier niveau
----------------------------------------------------------------------*/
#header #menu {
	position:absolute;
	z-index:50;
	margin-left:0px;
	top:142px;
	font-family:Arial, Helvetica, sans-serif;
	width:997px;
	bottom:0px;
}
#header #menu ul#niveau1 {
	height:40px;
	position:absolute;
	bottom:0px;
	width:997px;
}
#header #menu ul#niveau1 li {
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
	float:left;
	list-style-type:none;
	margin:0px;
	height:40px;
	overflow:visible;
	text-align:center;	/*cursor:pointer;*//**/
	width:auto;
	vertical-align:middle;
}
/*hack ie6*/
*html #header #menu ul#niveau1 li {
	display:inline;/*	width:105px;
*/
}
*+html #header #menu ul#niveau1 li {
	display:inline;/*	width:105px;
*/
}
#header #menu ul#niveau1 li.last {
	margin-right:0px;
}
#header #menu ul#niveau1 li.selected span.menu {
	display:none
}
#header #menu ul#niveau1 li> span + a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	display:block;
	position:relative;
	overflow:visible;
	height:40px;
	text-align:center;

	float:left;
	min-width:96px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	text-transform:uppercase;
	font-weight:bold;
	background-image:url(../../images/menuSeparateur.gif);
	background-repeat:no-repeat;
	background-position:right top;
	line-height:38px;
}
#header #menu ul#niveau1 li.firstElement> span + a {
	background-image:url(../../images/ico_home.png);
	background-repeat:no-repeat;
	text-indent:-2000px;
	width:30px;
	min-width:0px;
	padding:0px;
	height:17px;
	margin-top:5px;
	background-position:left 0px;
}
#header #menu ul#niveau1 li.lastCategorie a {
	background-image:none;
}
#header #menu ul#niveau1 li.firstElement.hover a {
}
#header #menu ul#niveau1 li.firstElement.hover > span + a {
	background-color:transparent;
	background-position:left -17px;
	width:30px;
}
#header #menu ul#niveau1 li a.twoRow {
	line-height:normal;
	padding-top:4px;
	height:36px;
}
#header #menu ul#niveau1 li.selected {
}
/* l'élément sélectionné */
#header #menu ul#niveau1 li.selected a {
}
#header #menu ul#niveau1 li.hover {
	padding-top:0px;
}
#header #menu ul#niveau1 li a.off {
	cursor:default;
}
#header #menu ul#niveau1 li.hover > span + a {
	background-color:#559bba;
	color:#fff;
}
#header #menu ul#niveau1 li:hover a .richtext {
	background-position:0 bottom;
}
/*---------------------------------------------------------------------
				Prevoir customisation par niveau mere 1
----------------------------------------------------------------------*/					
#header #menu ul#niveau1 div.niveau2 {
	left:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	width:978px;
	height:auto;
	position:absolute;
	display:none;
	min-height:227px;
	margin-top:40px; /*hauteur decalage*/
	z-index:50;
	padding-right:6px;
	padding-bottom:6px;
	padding-top:7px;
	padding-left:13px;
	background-color:transparent;/**/
	background-color:#559bba;
	text-align:left;
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 {
	width:auto;
	height:auto;
	min-height:inherit;
	max-width:inherit;
	background-color:transparent;
	margin:0px;
	float:left;
	padding:0px;
}
#header #menu ul#niveau1 div.niveau2 .fond {
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	min-height:227px;
	background-image:url(../../images/fd_menu.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#d4d4d3;
}
/*cas bannière vertical*/
#header #menu ul#niveau1 li div.niveau2 .fond {
	width:543px;
	width:801px;/*padding-left:258px;*/
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond {
	margin-left:152px;
	width:391px;
	width:649px;
	background-image:url(../../images/fd_menuBanniereVertical.jpg);
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 .fond {
	width:auto;
	height:auto;
	min-height:inherit;
	max-width:inherit;
	background-color:transparent;
	background-image:none;
}
#header #menu ul#niveau1 li div.niveau2 div.niveau2 .fond {
}
#header #menu ul#niveau1 li.vertical div.niveau2 div.niveau2 .fond {
}
#header #menu ul#niveau1 div.niveau2 h4 {
	overflow:hidden;
	position:relative;
	height:25px;
	padding-top:15px;
	margin-left:258px;
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 h4 {
	display:none;
}
#header #menu ul#niveau1 ul li {
	line-height:normal;
	height:auto;
	display:inherit;
	text-align:left;
	padding-left:15px;
	padding-right:10px;
	background-image:url(../../images/puce_niveau2.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	position:relative;
	overflow:hidden;
	float:left;
	width:140px;
}
#header #menu ul#niveau1 div.niveau2 .fond ul.menu {
	position:relative;
	overflow:hidden;
	padding-left:10px;
	padding-bottom:15px;
	margin-left:258px;
}
#header #menu ul#niveau1 div.niveau2 .fond ul.menu ul.menu {
	margin-left:0px;
}
/* niveau 3*/
#header #menu ul#niveau1 ul li span a {
	display:block;
}
#header #menu ul#niveau1 ul li ul {
	float:left;
}
#header #menu ul#niveau1 ul li ul li {
	padding-left:0px;
	background-image:none;
	float:none;
}
#header #menu ul#niveau1 ul li.hover a, #header #menu ul#niveau1 ul li.selected a, #header #menu ul#niveau1 ul li a {
	background-image:none;
	background-color:transparent;
	float:none;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:normal;
	height:inherit;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	padding:0px;
	min-width:inherit;
	color:#000;
}
#header #menu ul#niveau1 ul li.hover ul a, #header #menu ul#niveau1 ul li.selected ul a, #header #menu ul#niveau1 ul li ul a {
	background-image:none;
	background-color:transparent;
	float:none;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:normal;
	height:inherit;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	padding:0px;
	min-width:inherit;
	color:#000;
}
#header #menu ul#niveau1 ul li a:hover {
	/*background-color:#E2F362;*/
	color:#000;
}
#header #menu ul#niveau1 div.niveau2 .fond #infoRubrique {
	top:8px;
	position:absolute;
}
/*le bloc menu promo */
#header #menu ul#niveau1 div.niveau2 .fond > div:first-child {
	position:absolute;
	top:24px;
	left:36px;
	height:100%;
}
/*le bloc d'information cate*/
#header #menu ul#niveau1 div.niveau2 .fond .infoUnivers + div {
	position:relative;
	overflow:hidden;
	margin-left:36px;
	padding:0px;
	min-height:63px;
	padding-bottom:5px;
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond .infoUnivers + div {
/*	margin-left:197px;*/
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond > div:first-child { /*width:600px;*/
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond > div:first-child {
	left:197px;
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond .infoUnivers + div a#visoClic {
	position:absolute;
	background-image:url(../../images/btn_visioclic.png);
	width:213px;
	height:63px;
	background-position:top left;
	text-indent:-2000px;
	padding:0px;
	border:0px;
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond .infoUnivers + div a#diaporama {
	position:absolute;
	background-image:url(../../images/btn_diaporama.png);
	width:321px;
	height:59px;
	background-position:top left;
	text-indent:-2000px;
	left:250px;
	padding:0px;
	border:0px;
}
#header #menu ul#niveau1 li.vertical div.niveau2 .fond .infoUnivers + div a#visoClic:hover, #header #menu ul#niveau1 li.vertical div.niveau2 .fond .infoUnivers + div a#diaporama:hover {
	background-position:left bottom;
}
#header #menu ul#niveau1 div.niveau2 .fond > div:first-child a {
	display:block;
	color:#626262;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	border-bottom:1px solid #626262;
	text-align:left;
	width:174px;
}
#header #menu ul#niveau1 div.niveau2 .fond > div:first-child a:hover {
/*background-color:#E2F362;*/
}
/*le bloc image d'ambiance */
#header #menu ul#niveau1 div.niveau2 .fond .infoUnivers {
	position:absolute;
	right:0px;
	top:0px;
	width:183px;
	height:240px;
}
#header #menu ul#niveau1 div.niveau2 .fond .infoUnivers a {
	display:block;
	background-image:url(../../images/fd_btn_voirProduits.png);
	width:156px;
	height:42px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	background-repeat:no-repeat;
	bottom:5px;
	right:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#f0f0f0;
	float:none;
	text-transform:none;
	padding:0px;
	position:absolute;
	font-weight:normal;
}
/**personnalisation par univers */


#header #menu ul#niveau1 li#V3CADRE01 div.niveau2, #header #menu ul#niveau1 li#V3CADRE01.hover > span + a, li#V3CADRE01 #banniere {
	background-color:#589eb8;
}
#header #menu ul#niveau1 li#toiles div.niveau2, #header #menu ul#niveau1 li#toiles.hover > span + a, li#toiles #banniere {
	background-color:#376e83;
}
#header #menu ul#niveau1 li#V3003 div.niveau2, #header #menu ul#niveau1 li#V3003.hover > span + a, li#V3003 #banniere {
	background-color:#9f8ca8;
}
#header #menu ul#niveau1 li#auxiliaires div.niveau2, #header #menu ul#niveau1 li#auxiliaires.hover > span + a, li#auxiliaires #banniere {
	background-color:#b8bc03;
}
#header #menu ul#niveau1 li#pinceaux div.niveau2, #header #menu ul#niveau1 li#pinceaux.hover > span + a, li#pinceaux #banniere {
	background-color:#4ead45;
}
#header #menu ul#niveau1 li#chevalets div.niveau2, #header #menu ul#niveau1 li#chevalets.hover > span + a, li#chevalets #banniere {
	background-color:#94776f;
}
#header #menu ul#niveau1 li#coffrets div.niveau2, #header #menu ul#niveau1 li#coffrets.hover > span + a, li#coffrets #banniere {
	background-color:#c1aa7e;
}
#header #menu ul#niveau1 li#V3ARTSGRAF div.niveau2, #header #menu ul#niveau1 li#V3ARTSGRAF.hover > span + a, li#V3ARTSGRAF #banniere {
	background-color:#efb509;
}
#header #menu ul#niveau1 li#HomeDecoParTechnique div.niveau2, #header #menu ul#niveau1 li#HomeDecoParTechnique.hover > span + a, li#HomeDecoParTechnique #banniere {
	background-color:#e69db8;
}
#header #menu ul#niveau1 li#librairie2010 div.niveau2, #header #menu ul#niveau1 li#librairie2010.hover > span + a, li#librairie2010 #banniere {
	background-color:#865084;
}
#header #menu ul#niveau1 li#V3CADRE01 div.niveau2, #header #menu ul#niveau1 li#V3CADRE01.hover > span + a, li#V3CADRE01 #banniere, #header #menu ul#niveau1 li#V3CADRE01 ul li a:hover, #header #menu ul#niveau1 li#V3CADRE01 div.niveau2 .fond > div:first-child a:hover {
	background-color:#589eb8;
}

#zoneCentrale {
	/*border-top:6px solid #FFFFFF;*/
}

#header #menu ul#niveau1 li#V3CADRE01 div.niveau2 ,
#header #menu ul#niveau1 li#V3CADRE01.hover > span + a,
li#V3CADRE01 #banniere,
#header #menu ul#niveau1 li#V3CADRE01 ul li a:hover,
#header #menu ul#niveau1 li#V3CADRE01.selected > a,
#header #menu ul#niveau1 li#V3CADRE01 div.niveau2 .fond > div:first-child a:hover{
	background-color:#589eb8;
}

#header #menu ul#niveau1 li#toiles div.niveau2 ,
 #header #menu ul#niveau1 li#toiles.hover > span + a,
 li#toiles #banniere,
#header #menu ul#niveau1 li#toiles ul li a:hover,
#header #menu ul#niveau1 li#toiles.selected > a,
#header #menu ul#niveau1 li#toiles div.niveau2 .fond > div:first-child a:hover{
	background-color:#376e83;}

#header #menu ul#niveau1 li#V3003 div.niveau2 ,
 #header #menu ul#niveau1 li#V3003.hover > span + a,
 li#V3003 #banniere,
#header #menu ul#niveau1 li#V3003 ul li a:hover,
#header #menu ul#niveau1 li#V3003.selected > a,
#header #menu ul#niveau1 li#V3003 div.niveau2 .fond > div:first-child a:hover{
	background-color:#9f8ca8;
}

#header #menu ul#niveau1 li#auxiliaires div.niveau2 ,
 #header #menu ul#niveau1 li#auxiliaires.hover > span + a,
 li#auxiliaires #banniere,
#header #menu ul#niveau1 li#auxiliaires ul li a:hover,
#header #menu ul#niveau1 li#auxiliaires.selected > a,
#header #menu ul#niveau1 li#auxiliaires div.niveau2 .fond > div:first-child a:hover{
	background-color:#b8bc03;}
	
#header #menu ul#niveau1 li#pinceaux div.niveau2 ,
 #header #menu ul#niveau1 li#pinceaux.hover > span + a,
 li#pinceaux #banniere,
#header #menu ul#niveau1 li#pinceaux ul li a:hover,
#header #menu ul#niveau1 li#pinceaux.selected > a,
#header #menu ul#niveau1 li#pinceaux div.niveau2 .fond > div:first-child a:hover{
	background-color:#4ead45;}

#header #menu ul#niveau1 li#chevalets div.niveau2 ,
 #header #menu ul#niveau1 li#chevalets.hover > span + a,
 li#chevalets #banniere,
#header #menu ul#niveau1 li#chevalets ul li a:hover,
#header #menu ul#niveau1 li#chevalets.selected > a,
#header #menu ul#niveau1 li#chevalets div.niveau2 .fond > div:first-child a:hover{
	background-color:#94776f;}

#header #menu ul#niveau1 li#coffrets div.niveau2 ,
 #header #menu ul#niveau1 li#coffrets.hover > span + a,
 li#coffrets #banniere,
#header #menu ul#niveau1 li#coffrets ul li a:hover,
#header #menu ul#niveau1 li#coffrets.selected > a,
#header #menu ul#niveau1 li#coffrets div.niveau2 .fond > div:first-child a:hover{
	background-color:#c1aa7e;}
	
#header #menu ul#niveau1 li#V3ARTSGRAF div.niveau2 ,
 #header #menu ul#niveau1 li#V3ARTSGRAF.hover > span + a,
 li#V3ARTSGRAF #banniere,
#header #menu ul#niveau1 li#V3ARTSGRAF ul li a:hover,
#header #menu ul#niveau1 li#V3ARTSGRAF.selected > a,
#header #menu ul#niveau1 li#V3ARTSGRAF div.niveau2 .fond > div:first-child a:hover{
	background-color:#efb509;}
	
#header #menu ul#niveau1 li#HomeDecoParTechnique div.niveau2 ,
 #header #menu ul#niveau1 li#HomeDecoParTechnique.hover > span + a,
 li#HomeDecoParTechnique #banniere,
#header #menu ul#niveau1 li#HomeDecoParTechnique ul li a:hover,
#header #menu ul#niveau1 li#HomeDecoParTechnique.selected > a,
#header #menu ul#niveau1 li#HomeDecoParTechnique div.niveau2 .fond > div:first-child a:hover{
	background-color:#e69db8;}

#header #menu ul#niveau1 li#librairie2010 div.niveau2 ,
 #header #menu ul#niveau1 li#librairie2010.hover > span + a,
 li#librairie2010 #banniere,
#header #menu ul#niveau1 li#librairie2010 ul li a:hover,
#header #menu ul#niveau1 li#librairie2010.selected > a,
#header #menu ul#niveau1 li#librairie2010 div.niveau2 .fond > div:first-child a:hover{
	background-color:#865084;}




#header #menu ul#niveau1 li#toiles ul li a:hover, #header #menu ul#niveau1 li#toiles div.niveau2 .fond > div:first-child a:hover {
	 color:#fff;
}
#header #menu ul#niveau1 li#librairie2010 ul li a:hover, #header #menu ul#niveau1 li#librairie2010 div.niveau2 .fond > div:first-child a:hover {
	 color:#fff;
}
#header #menu ul#niveau1 li#V3CADRE01 div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#toiles div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#V3003 div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#auxiliaires div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#pinceaux div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#chevalets div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#coffrets div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#V3ARTSGRAF div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#HomeDecoParTechnique div.niveau2 .fond > div:first-child a:hover{color:#fff;}
#header #menu ul#niveau1 li#librairie2010 div.niveau2 .fond > div:first-child a:hover{color:#fff;}

#header #menu ul#niveau1 li#ongletsoldes a {
	background-color:#D0E00E;
	color:#80044D;
	font-weight:bold;
	font-size:14px;
}