/*---------------------------------------------------------------------
				menu secondaire
----------------------------------------------------------------------*/
#header #menuSecondaire {
	position:absolute;
	top:-3px;
	right:0px;
	width:700px;
	height:25px
}
#header #menuSecondaire a {
	color: #000;
	text-decoration:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:13px;
	padding-right:10px
}
#header #menuSecondaire a:hover {
	color:#fff;
	text-decoration:underline;
}
#header #menuSecondaire a#accueil {
}
/*---------------------------------------------------------------------
				menu premier niveau
----------------------------------------------------------------------*/
#header #menu {

	position:absolute;
	height:30px;
	z-index:50;
	top:62px;
	
	/*
	margin-left:0px;
	top:142px;
	font-family:Arial, Helvetica, sans-serif;
	*/
}

#header #menu ul{
	padding:0px;
}

#header #menu ul#niveau1 {
	height:24px;/**/
	position:relative;
	margin:0;
	padding:7px 9px  0 4px;

}
#header #menu ul#niveau1 li {
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
	float:left;
	list-style-type:none;
	margin:0px;
	height:24px;
	overflow:visible;
	text-align:center;	/*cursor:pointer;*//**/
	width:auto;
	padding-right:0px;
	min-width:105px;
	margin-right:1px;
}
/*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.menu+a {
	margin:0px;
	padding:0px;
	padding-top:2px;
	color:#000;
	display:block;
	float:left;
	font-size:15px;

	line-height:20px;
	font-family: 'CleanvertisingBlack';
	overflow:visible;
	position:relative;
	text-align:center;
	text-decoration:none;
	height:22px;
	padding-right:14px;
	padding-left:14px;
	min-width:68px;
}
#header #menu ul#niveau1> li.lastElement span.menu+a {
	font-family: 'CleanvertisingLight';
}
#header #menu ul#niveau1 li:first-child {

}
#header #menu ul#niveau1 li:first-child  a {

}
#header #menu ul#niveau1 li:first-child  a span{

}
#header #menu ul#niveau1 li:last-child {

	
}
#header #menu ul#niveau1 li:first-child +li +li +li +li +li{
	margin:0px;
}
#header #menu ul#niveau1 li a span.richtext {
	margin:0px;
	position:relative;
	left:auto;
	top:10px;
	/*centrage*/
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
*html #header #menu ul#niveau1 li a span.richtext {
	float:left;
}
*+html #header #menu ul#niveau1 li a span.richtext {
	float:left;
}
#header #menu ul#niveau1 li.selected a span.richtext {
}
#header #menu ul#niveau1 li.selected {
}
/* l'élément sélectionné */
#header #menu ul#niveau1 li.selected a {
	font-weight:bolder;
	background-color:#7fbbd5;
	color:#f5f5f5;
}
#header #menu ul#niveau1 li.hover {
	padding-top:0px;
	height:19px;
}
#header #menu ul#niveau1 li a.off{
	cursor:default;
}
#header #menu ul#niveau1 li.hover span.menu+a {
	background-color:#74c7d6;
	color:#fff;
	border-radius:4px 4px 0px 0px;
}
#header #menu ul#niveau1  li.hover:first-child a:hover {
}
#header #menu ul#niveau1 li:hover a .richtext {
}
/*---------------------------------------------------------------------
				Prevoir customisation par niveau mere 1
----------------------------------------------------------------------*/					
#header #menu ul#niveau1 div.niveau2 {
	background-color:transparent;
	display:none;
	height:auto;
	left:2px;
	margin:23px 0 0;
	overflow:hidden;
	padding:0 6px 7px 2px;
	position:absolute;
	width:987px;
	z-index:50;
}
#header #menu ul#niveau1 div.niveau2 .fond {
	background-color:#74c7d6; /*99bee6*/
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	width:100%;
	height:100%;
	padding-bottom:7px;
	overflow:hidden;
}


*+html #header #menu ul#niveau1  div.niveau2 li {
	display:block;
	position:relative;
	overflow:hidden;
	height:auto;
	/*	width:105px;
	
*/}

#header #menu ul#niveau1 div.niveau2 a {
	font-family: 'CleanvertisingLight';
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 a {
	font-family:Verdana, Geneva, sans-serif;
}

#header #menu ul#niveau1 ul li a:hover {
	
	color:#F1B00D;
}

#header #menu ul#niveau1 div.niveau2 .fond #infoRubrique{
	top:8px;
	position:absolute;
}
#header #menu ul#niveau1 div.niveau2 div.niveau2 img{
	display:none;
}
/*---------------------------------------------------------------------
				menu 2 niveau
----------------------------------------------------------------------*/					

#header #menu ul#niveau1 .sousCategorie {
	overflow:hidden;
	position:relative;
	text-align:left;
	padding:5px 0 0 5px;
	margin:0px;
}

#header #menu ul#niveau1 .sousCategorie ul{
	padding:0px;
}
#header #menu ul#niveau1 .niveau2 li{
	height:inherit;
	overflow:hidden;
	padding:0;
	width:593px;
	min-height:90px;
	background-color:#80cedc;
	margin-bottom:7px;
	position:relative;
	text-align:left
}

#header #menu ul#niveau1 .niveau2 li span{
	display:block;
	height:100%;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}

#header #menu ul#niveau1 .sousCategorie li span a{
	color:#000;
	
}

#header #menu ul#niveau1 .sousCategorie li span a:hover{
	/*color:#FFF;*/
}
#header #menu ul#niveau1 .sousCategorie .niveau2{

	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
#header #menu ul#niveau1 .sousCategorie li span a:first-child {
	
}
#header #menu ul#niveau1 .sousCategorie li span img{
	/*img second niveau*/
	left:0px;	top:0px;
	float:left;
}
#header #menu ul#niveau1 .sousCategorie li span a:first-child +a {
	/*titre second niveau*/
	font-family: 'CleanvertisingLight';color:#000;
	font-size:15px;
	display:block;
	margin-left:208px;
	text-align:left;
	background-color:transparent;
	margin-top:5px;
}
#header #menu ul#niveau1 .sousCategorie li span a {
/*	margin-left:208px;*/
}
/*---------------------------------------------------------------------
				menu 3 niveau
----------------------------------------------------------------------*/	
#header #menu ul#niveau1 .niveau2 .niveau2 {
	margin-left:208px;
	padding-top:21px;
	min-height:62px;
	width:384px;
	position:relative;
	left:0px;
	top:0px;
	
}
#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie ul{
	padding:0 0 0 5px;
}
#header #menu ul#niveau1 .niveau2 .niveau2 .fond {
	background-color:transparent;
}
#header #menu ul#niveau1 .niveau2 .niveau2  li{
	height:auto;
	background-color:transparent;
	width:182px;
	margin:0px;
	overflow:visible;
	display:block;
	position:relative;
	text-align:left;
	min-height:inherit;
}
*+html #header #menu ul#niveau1 .niveau2 .niveau2  li{
	min-height:auto;
}
#header #menu ul#niveau1 .niveau2 .niveau2 li span{
	position:static;
	display:inline;
}

#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie li span a{
	color:#FFF;
	padding:0;
	text-align:left;
	text-transform:none;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:0px;
}

#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie li span a:hover{
	color:#000;
}


#header #menu ul#niveau1 .sousCategorie .niveau2 .sousCategorie .produit{
	display:none;
}


#header #menu ul#niveau1 .sousCategorie .produit{
	width:166px;
	height:69px;
	margin-right:3px;
	margin-bottom:4px;

	background-color:#fff;
}
#header #menu ul#niveau1 .sousCategorie .produit  .image{
	border:0px;
	top:8px;
	left:1px;
	width:73px;
	height:56px;
}
#header #menu ul#niveau1 .sousCategorie .produit  .image a{
	min-width:inherit;
	width:100%;
	text-align:left;
}
#header #menu ul#niveau1 .sousCategorie .produit .description {
	left:79px;
	top:5px;
	width:87px;
	padding:0px;
	height:60px;
}
#header #menu ul#niveau1 .sousCategorie .produit  h2 {
	background-color:#559bba;
	color:#fff;
	padding-left:4px;
}

#header #menu ul#niveau1 li.selected .niveau2  .sousCategorie .produit h2 a, #header #menu ul#niveau1 li .niveau2  .sousCategorie .produit h2 a  {
	font-weight:normal;
	text-align:left;
	min-width:inherit;
	float:none;
	color:#fff;	
	font-size:10px;
	line-height:11px;
	padding-bottom:1px;
	font-family:Verdana, Geneva, sans-serif;background-color:#559bba;
} 

#header #menu ul#niveau1 .sousCategorie .produit .description p {
color:#645d5a;
margin-left:2px;font-size:10px;padding-left:4px;
display:block;
line-height:11px;
font-family:Verdana, Geneva, sans-serif;
}
/*---------------------------------------------------------------------
				onglet
----------------------------------------------------------------------*/					

#header #menu ul#niveau1 li.firstElement a {
}
#header #menu ul#niveau1 li.firstElement {
}
#header #menu ul#niveau1 li.firstElement a span {
	width:47px;
}
*html #header #menu ul#niveau1 li.firstElement a span {
	float:left;
	padding-left:18px;
}
+html #header #menu ul#niveau1 li.firstElement a span {
 float:left;
 padding-left:18px;
}

/*---------------------------------------------------------------------
				zone Conseil
----------------------------------------------------------------------*/					

#menu #zoneConseil {
	position:absolute;
	height:100%;
	width:392px;
	right:0px;
	top:0px;
	background-image:url(../../images/fd_menu.png);
}
#menu #zoneConseil div {
	width:325px;
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	background-image:url(../../images/sprite_MenuDeroulantMascottes.png);
	min-height:100px;
	text-align:left;
	z-index:400;
}
#menu #zoneConseil h4 {
	margin:0px;
	padding:0px;
	color:#317c8f;
	font-family: 'CleanvertisingBlack';
	font-size:16px;
	
	
}
#menu #zoneConseil p {
	margin:0px;
	padding-top:4px}
	
#menu #zoneConseil #aide{
	position:absolute;
	top:15%;
	right:20px;
	background-position:170px -19px;
}
#menu #zoneConseil #conseils{
	position:absolute;
	top:40%;
	right:20px;
		background-position:-162px -16px;
		padding-left:135px;
		width:225px;
}

#header #menu ul#niveau1 div.niveau2  #zoneConseil a  {
	display:block;
	color:#000;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:12px;
}
#header #menu ul#niveau1 div.niveau2  #zoneConseil a:hover {
	color:#fff;
}