#header{
	color:#414141;
	background: #FFFFFF  repeat-x 0 0;
	width: 800px;
}
#header #header-top{
	position:relative;
	overflow:hidden;
	height:120px;
	padding:0 0 2px;
	zoom:1;
	background-image: url(images/banniere.jpg);
	background-repeat:no-repeat;
	width: 800px;
}
#header #header-logo img{position:relative;z-index:3;float:left;margin:8px 0 0 10px;display:inline;}
#header #ad-banner{position:relative;z-index:2;float:left;margin:18px 0 0 10px;}


/* Navigation par onglets */
#header #main-nav{
	position:relative;
	z-index:999;
	clear:both;
	margin:0;
	padding:0;
	zoom:1;
	width: 800px;
}
#header #main-nav li{float:left;height:32px;margin:0;padding-top:0px;text-align:center;list-style:none;}

.drapeau_fr{
	background-image: url(images/drapeau_francais.jpg);
	width:32px;
	height:22px;
	float:right;
	margin-right:2px;
	margin-top:1px;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
	border-top:1px  solid #2F4373;
	border-color:#2F4373;
}

.drapeau_uk{width:32px;height:22px;float:right;margin-top:1px;border-left: 1px solid #2F4373;border-right: 1px  solid #2F4373;border-bottom: 1px  solid #2F4373;border-top:1px  solid #2F4373;border-color:#2F4373;
}

.drapeau_uk a{text-decoration:none;border:none;
}

.contact{
	float: right;
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
}
.contact a{
	text-decoration:none;
	color:#FFFFFF;
}


html>/**/body #header #main-nav li.new span.new span strong{margin:0 auto;} /* Not IE */

#header #main-nav li a{
	float:left;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	cursor:pointer;
}
#header #main-nav li a span{
	display:block;
	white-space:nowrap;
	background: url(images/bouton.bmp) no-repeat 100% 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	width: 114px;
}

#header #main-nav li a:hover span{
	background: url(images/bouton2.bmp) repeat-y 100% 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}


#header #main-nav li a span strong{
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#646464;
	line-height:11px;
		display:block;
		height:auto;

	margin:0 -7px;
	padding:4px 7px 3px;
	border-bottom-color:transparent;
}

#header #main-nav li.last a span{
	padding-right:0px;
	width: 114px;
}
#header #main-nav li.tab2rows a span strong{padding-bottom:6px;line-height:11px;}
#header #main-nav li a:hover span strong,
#header #main-nav li a:focus span strong,
#header #main-nav li a.hover a span strong{padding-bottom:0;border-bottom:3px solid transparent;} /*ici on change la couleur de la barre*/
#header #main-nav li.tab2rows a:hover span strong,
#header #main-nav li.tab2rows a:focus span strong,

/* important : solution problemes de marges sur ff */ 
#header #main-nav li.tab2rows a.hover span strong{padding-bottom:6px; color:#646464;; border-bottom:transparent; border:none;}


#header #main-nav li.current a span strong{color:#fff;}

/* Hover elements changement de couleur dans le ul ( bas / haut et cotés )*/ 
#header #main-nav .hover-nav{
	display:none;position:absolute;
	z-index:999;
	width:200px;
	padding-bottom:20px; 
	background: #EBEBEB no-repeat 0 100%;
	border-top:1px solid #d6dadd;
	/*border-bottom: 1px solid #646464;
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;*/
}

/* Hover elements changement de couleur dans le ul*/ 
#header #main-nav .hover-nav a{
	float:none;
	background: #EBEBEB; 
}

/* Permet de changer la couleur de fond dans le sous menu au passage de la souris*/ 
#header #main-nav .hover-nav a:hover{float:none;background:#6F93E9;} /* #EBEBEB */

#header #main-nav .hover-nav dl.first{background:transparent;margin-top:0;}
#header #main-nav .hover-nav dt a{display:block;margin:0 0px 6px;padding:0 10px;text-transform:uppercase;text-align:left;font-weight:bold;}
#header #main-nav .hover-nav dd a{display:block;height:1%;margin:0 2px;padding:0 9px;line-height:15px;text-align:left;color:#000;}
#global-container #header #main-nav .hover-nav dd a:hover,
#global-container #header #main-nav .hover-nav dd a:focus,
#global-container #header #main-nav .hover-nav dt a:hover,
#global-container #header #main-nav .hover-nav dt a:focus{background:#e8e8e8 !important;}
#header #main-nav .hover-nav dd.see-all a{font-size:11px;text-decoration:underline;}

/* Navigation sous onglets */
#header .ut-nav{clear:left;padding-left:5px; 0 0;zoom:1;}

#header .ut-nav ul{height:22px;margin:0;padding:0;background:#93107e;}
#header .ut-nav li{display:inline;}
#header .ut-nav li a{float:left;margin:3px 5px 0 0;padding-left:3px;text-decoration:none;background-position:0 0;background-repeat:no-repeat;}
#header .ut-nav li a span{display:block;float:none;line-height:16px;padding-right:3px;font-size:11px;text-align:center;text-decoration:none;background-position:100% 0;}
#header .ut-nav li a:hover,
#header .ut-nav li a:focus{background-position:0 -84px;background-repeat:no-repeat;}
#header .ut-nav li a:hover span,
#header .ut-nav li a:focus span{background-position:100% -84px;background-repeat:no-repeat;}

/* Couleurs par univers */

/* Accueil */
#header #main-nav li#tab-1 a span strong{border-color: transparent !important;}
#header #main-nav #tab-1-hover dt a,
#header #main-nav #tab-1-hover dd.see-all a{color: #000000;}

/* DVD - Jeux Vidéos */
#header #main-nav li#tab-2 a span strong{background:transparent !important;}
#header #main-nav li#tab-2.new span.new,

/* Photo */
#header #main-nav li#tab-3.new span.new,
#header #ut-nav-3 ul{background:transparent;}
#header #main-nav #tab-3-hover dt a,
#header #main-nav #tab-3-hover dd.see-all a{color: #000000;}

/* bordure en bas du bouton */
#header #main-nav li#tab-3 a span strong{border-color:transparent;}
#header #main-nav li#tab-5 a span strong{border-color:transparent;} //on change ici la couleur de la barre en dessous du bouton
#header #main-nav li#tab-2 a span strong{border-color:transparent;}
#header #main-nav li#tab_couleur_1 a span strong{border-color:transparent;}
#header #main-nav li#tab_couleur_2 a span strong{border-color:transparent;}
#header #main-nav li#tab_couleur_3 a span strong{border-color:transparent;}
#header #main-nav li#tab_couleur_4 a span strong{border-color:transparent;}
#header #main-nav li#tab_couleur_5 a span strong{border-color:transparent;}

#header #main-nav li#tab-5.new span.new,

#header #ut-nav-5 ul{background-color:#00a7ac;}

#header #main-nav #tab-5-hover dt a,
#header #main-nav #tab-5-hover dd.see-all a{color:#00a7ac;} a modifier pour avoir la barre sous le bouton


/*Onglet sélectionné */

.active {
	color : #363C3B;
	background-color : #B1B2B2;
}

/* Onglet accueil */
#header #main-nav li#tab_couleur_1 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet produits */
#header #main-nav li#tab-2 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet choisir sa FAO */
#header #main-nav li#tab-3 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet téléchargements */
#header #main-nav li#tab_couleur_2 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet à propos de ercii */
#header #main-nav li#tab-5 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet identifiez-vous */
#header #main-nav li#tab_couleur_4 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}

/* Onglet liens */
#header #main-nav li#tab_couleur_5 a span strong .active {
	color : #363C3B;
	background-color : #B1B2B2;
	padding : 5.5px;
	margin-top : -5px;
}