﻿body{
  background:#FFF url(../img/decos/header/body_background_wht.png) repeat-x scroll center top; /* blanc */
}
 
	/* ====== 3. Page / header ====== */
	  /* ----------- Page / header / identity ------------- */
	  
  		#header {
  			background: #000 url(../img/decos/header/header_background_wht.png) no-repeat left top; /*noir */
  			z-index:55;
            position:relative;
  		}
  		*+html #header { z-index:55; } 
  		#header * {
  			cursor: default;
  		}
  		#header a, #header a * {
  			cursor: pointer;
  		}
  		#header #titre {
  			float: left;
  			margin: 0 5px 0 0;
  		}
  		#header #titre a 
  		{
  			display: block;
  			overflow: hidden;
  			width: 78px;
  			height: 60px;
  			text-indent: -5000px;
  			/*background: url(../img/logos/logo-fnac.png) no-repeat left top*/
  		}
		#header #titre span{
		  display:block;
		  overflow:hidden;
		  width:0;
		  height:0;
		  text-indent:-5000px;
		}
  		#header_top {
  			height: 61px;
  			padding: 0 10px 0;
  		}
  		#adslogan 
  		{
			float:left;
			margin:14px 0pt 0pt 7px;
			background: url(../img/decos/header/slogan-ong.png) no-repeat left top;
			width : 345px; height : 45px; text-decoration:none;
			}
		.sloganFnac {
		display:block;
		}
		.sousSloganFnac {
		margin-top:6px;
		position:absolute;
		}
		
		/* ----------- Page / header / mini nav ------------- */
		#header_top_right{
			float:right;
		}
		
  		#mininav, #mininav *,#mininavCCM, #mininavCCM * {
  			margin: 0;
  			padding: 0;
  			list-style: none;
  		}
  		#mininav, #mininavCCM {
  			/*float: right;*/
			float:left;
			margin-top:8px;
			white-space:nowrap;
			font-size:0.9em;
			background:url(../img/decos/header/bkg_mininav_new.png) no-repeat left center;
			padding-left:5px; 
  		}
  		#mininav ul, #mininavCCM ul{
			background:url(../img/decos/header/bkg_mininav_new.png) no-repeat right center;
			padding:4px 4px 4px 0;
			overflow:hidden;
		}
		* html #mininav ul{/*pour bug ie6*/
			width:27em;
			
		}
		* html #mininavCCM ul{/*pour bug ie6*/
			width:42em;
		}
		#mininav li, #mininav li a, #mininavCCM li, #mininavCCM li a {
  			color: #000; /* noir */
  		}
  		#mininav li, #mininavCCM li {
  			display: block;
  			float:left;
  			border-right: 1px solid #000; /*noir */
  			/*margin: 2px 5px 0 0;*/
  			padding:0 5px 0 5px;
  			/*height: 13px;*/
  		}
  		#mininav li a, #mininavCCM li a {
  			display: inline;
  			font-family: Verdana, Arial;
  			/*text-decoration: none;*/
  		}
  		#mininav li.last, #mininavCCM li.last{
			border:none;
		}
		#mon_panier {
			/*float:right;*/
			width:13.7em;
			float:left;
			height:43px;
			margin:0 0 0 10px;
			padding:10px 0 0 50px;
			/*background-color:#ccc;*/
		  background:transparent url(../img/decos/header/mon_panier_background_new.png) no-repeat left top;	
		}
		#mon_panier a{
			color:#DE9C00;
			font-weight:bold;
			padding:2px 6px 2px 2px;
		  background:transparent url() no-repeat right center!important;
		}
		#mon_panier span{
		  padding-top:4px;
		  display:block;
		  color:#000; 
		}		
		
	/* ----------- Page / header / main nav ------------- */
		#menu {
			clear: both;
			position: relative;
			height: 50px;
			background: url(../img/decos/header/menu_background_new.png) repeat-x left 24px;
		}
		#menu, #menu * {
			margin: 0;
			/*padding: 0;*/
		}
		
		/* --------------- ALINHA TABS --------------*/
		#menu ul {
			list-style: none;
			padding-left: 100px
		}
		* html #menu ul{/*bug ie6*/
		  padding-left: 100px;
		}
		#menu li {
			float: left;
			margin: 0 0 0 1px;
			padding:0 0 0 7px;
			
		}
		.IS_IE #menu li, .IS_IE #menu li ul li a { /*attention, .hover sur le lien pour ces sous onglets sans menu deroulant*/
		  _behavior:expression(addHover(this)); /* ajout de la pseudo classe :hover pour IE */
		}
		#menu li, #menu li div {
			cursor: pointer;
			background: url(../img/decos/header/onglets_background_new.png) no-repeat left top;
		}
		#menu li div {
			background-position: right top;
			padding-right: 8px;
		}
		#menu li.currentN-0, #menu li:hover, #menu li.hover {
			background-position: left -50px;
		}
		#menu li.currentN-0 div, #menu li:hover div, #menu li.hover div {
			background-position: right -50px;
		}
		#menu li#m_adherents.currentN-0, #menu li#m_adherents.currentN-0 div,  #menu li#m_adherents:hover, #menu li#m_adherents.hover, #menu li#m_adherents:hover div, #menu li#m_adherents.hover div {
			background-image: url(../img/decos/header/onglets_adherents_background_new.png);
		}
		#menu li a {
			display: block;
			overflow: hidden;
			height: 24px;
			text-indent: -5000px;
			background: url(../img/decos/header/onglets_titres_new.png) no-repeat left top;
		}
#menu li li.current:hover a{
  overflow:auto;/* regle un soucis de decalage sous ie7, n'affectent pas les autres navigateurs */
}
		
		#menu li div a {
			margin: 0 auto;
		}
		#menu li li {
			width: auto;
			min-width: 0;
			background: none;
		}
		#menu li li a {
			height: 23px;
		}
		
		/* -- onglets -- */
		#m_rayons
		{
				width:6em;
		}
		#m_rayons div a {
			background-position: center -12px;
		}
		/* llamada a las coordenadas de la imagen __ Menu principal*/
		#m_rayons.currentN-0 div  a, #m_rayons:hover div a, #m_rayons.hover div a {
			background-position: center -41px;
		}
		
		/*PACKS*/	
		#m_packs_exp
		{
			width:9.5em;
		}
		#m_packs_exp div a {
			background-position: center -72px;
		}
		#m_packs_exp.currentN-0 div  a, #m_packs_exp:hover div a, #m_packs_exp.hover div a {
			background-position: center -102px;
		}
		
		/*SERVIÇOS*/
		#m_servicos
		{
			width:8.5em;
		}
		#m_servicos div a {
			background-position: center -132px;
		}
		#m_servicos.currentN-0 div  a, #m_servicos:hover div a, #m_servicos.hover div a {
			background-position: center -162px;
		}
		
		/*LAB FOTO*/
		#m_labfoto
		{
			width:9.5em;
		}
		#m_labfoto div a {
			background-position: center -192px;
		}
		#m_labfoto.currentN-0 div  a, #m_labfoto:hover div a, #m_labfoto.hover div a {
			background-position: center -222px;
		}
		
		/*ESPECTACULOS*/
		#m_spectacles
		{
			width:8.5em;
		}
		
		#m_spectacles div a	{
			background-position:center -252px;
		}
		#m_spectacles.current div a, #m_spectacles:hover div a, #m_spectacles.hover div a {
			background-position:center -282px;
		}
		
		/*CULTURA*/
		#m_cultura
		{
			width:8.5em;
		}
		
		#m_cultura div a {
			background-position: center -312px;
		}
		#m_cultura.currentN-0 div  a, #m_cultura:hover div a, #m_cultura.hover div a {
			background-position: center -342px;
		}
		/*ADERENTES*/
		#m_adherents
		{
			width:9.5em;
		}
		
		#m_adherents div a {
			background-position: center -373px;
		}
		#m_adherents.currentN-0 div  a, #m_adherents:hover div a, #m_adherents.hover div a {
			background-position: center -402px;
		}
		
		/*DESTINOS*/
		#m_destinos
		{
			width:8.5em;
		}
		#m_destinos div a {
			background-position: center -132px;
		}
		#m_destinos.currentN-0 div  a, #m_destinos:hover div a, #m_destinos.hover div a {
			background-position: center -162px;
		}
		
		
		#m_telechargement
		{
			width:7.5em;
		}
		
		#m_telechargement div a {
			background-position: center -130px;
			
		}
		#m_telechargement.currentN-0 div  a, #m_telechargement:hover div a, #m_telechargement.hover div a {
			background-position: center -160px;
		}
		
		#m_mobile 
		{
			width:10em;
		}
		
		#m_mobile div a {
			background-position: center -190px;
		}
		#m_mobile.currentN-0 div  a, #m_mobile:hover div a, #m_mobile.hover div a {
			background-position: center -220px;
		}

		
		#m_fnaclive
		{
			width:3.5em;
		}
		
		#m_fnaclive div a {
			background-position: center -310px;
		}
		#m_fnaclive.currentN-0 div  a, #m_fnaclive:hover div a, #m_fnaclive.hover div a {
			background-position: center -340px;
		}
		#m_entradas
		{
			width:11.5em;
		}
		
		#m_entradas div a {
			background-position: center -460px;
		}
		#m_entradas.currentN-0 div  a, #m_entradas:hover div a, #m_entradas.hover div a {
			background-position: center -490px;
		}
		
		#m_descargasoft
		{
			width:11.5em;
		}
		
		#m_descargasoft div a {
			background-position: center -460px;
		}
		#m_descargasoft.currentN-0 div  a, #m_descargasoft:hover div a, #m_descargasoft.hover div a {
			background-position: center -490px;
		}
		
		
		/*#m_jouets div a {
		    background-position: center -400px;
		}
		#m_jouets.currentN-0 div  a, #m_jouets:hover div a, #m_jouets.hover div a {
		    background-position: center -430px;
		}*/
	
		/*decor onglets */
		#m_spectacles div {
		position:relative;
		}

		/* ----- sous-onglets ------ */
		#menu ul ul {
			background: none;
			padding: 0;
			position: absolute;
			left: 10px;
			top: 26px;
			width: 980px;
			display: none; /* lot2 */
		}
		#menu ul li.currentN-0 ul { /* lot2 */
			display: block;
		}
		#menu ul ul li {
			padding: 0;
			margin: 0;
			width: auto;
			margin-left: -2px;
			position: relative;
			zoom: 1;
		}
		#menu ul ul li.first {
			margin-left: 0;
		}
		#menu ul ul li:hover, #menu ul ul li.hover, #menu ul ul li.current {
			background: none;
			z-index: 29;
		}
		/* ---- Llamada imagen Rayon=Categorias de productos ---- */
		#m_rayons ul a {
			background: url(../img/decos/header/sous_onglets_rayon_new.png) no-repeat left top;
		}
		/*
		#m_telechargement ul a{
             background:url(../img/decos/header/sous_onglets_telechargement.png) no-repeat left top;
        }
        #m_mobile ul a {
            background:url(../img/decos/header/sous_onglets_mobile.png) no-repeat left top;
        }*/
		
/* Llamada a las coordenadas de la imagen __ tabs de categorias */

#m_rayons #m_livres a{width:52px; background-position:0 0;}
#m_rayons #m_livres.current a,
#m_rayons #m_livres.currentJs a,
#m_rayons #m_livres.hover a,
#m_rayons #m_livres:hover a{background-position:0 -30px;}

#m_rayons #m_musique a{width:65px;background-position:-200px 0;}
#m_rayons #m_musique.current a,
#m_rayons #m_musique.currentJs a,
#m_rayons #m_musique.hover a,
#m_rayons #m_musique:hover a{background-position:-200px -30px;}

#m_rayons #m_dvd a{width:59px;background-position:-400px 0;}
#m_rayons #m_dvd.current a,
#m_rayons #m_dvd.currentJs a,
#m_rayons #m_dvd.hover a,
#m_rayons #m_dvd:hover a{background-position:-400px -30px;}

#m_rayons #m_jeux_video a{width:65px;background-position:-600px 0;}
#m_rayons #m_jeux_video.current a,
#m_rayons #m_jeux_video.currentJs a,
#m_rayons #m_jeux_video.hover a,
#m_rayons #m_jeux_video:hover a{background-position:-600px -30px;}

#m_rayons #m_logiciel a{width:69px;background-position:-1800px 0;}
#m_rayons #m_logiciel.current a,
#m_rayons #m_logiciel.currentJs a,
#m_rayons #m_logiciel.hover a,
#m_rayons #m_logiciel:hover a{background-position:-1800px -30px;}

#m_rayons #m_micro_informatique a{width:85px;background-position:-1600px 0;}
#m_rayons #m_micro_informatique.current a,
#m_rayons #m_micro_informatique.currentJs a,
#m_rayons #m_micro_informatique.hover a,
#m_rayons #m_micro_informatique:hover a{background-position:-1600px -30px;}

#m_rayons #m_telecom_gps_pda a{width:121px;background-position:-2000px 0;}
#m_rayons #m_telecom_gps_pda.current a,
#m_rayons #m_telecom_gps_pda.currentJs a,
#m_rayons #m_telecom_gps_pda.hover a,
#m_rayons #m_telecom_gps_pda:hover a{background-position:-2000px -30px;}

#m_rayons #m_tv_videoson a{width:102px;background-position:-1400px 0;}
#m_rayons #m_tv_videoson.current a,
#m_rayons #m_tv_videoson.currentJs a,
#m_rayons #m_tv_videoson.hover a,
#m_rayons #m_tv_videoson:hover a{background-position:-1400px -30px;}

#m_rayons #m_photo_camescope a{width:93px;background-position:-1200px 0;}
#m_rayons #m_photo_camescope.current a,
#m_rayons #m_photo_camescope.currentJs a,
#m_rayons #m_photo_camescope.hover a,
#m_rayons #m_photo_camescope:hover a{background-position:-1200px -30px;}

/*INFANTIL*/
#m_rayons #m_voyages a{width:72px;background-position:-800px 0;}
#m_rayons #m_voyages.current a,
#m_rayons #m_voyages.currentJs a,
#m_rayons #m_voyages a.hover, /*attention, .hover sur le lien pour ces sous onglets sans menu deroulant*/
#m_rayons #m_voyages:hover a{background-position:-800px -30px;}

#m_rayons #m_voyages .sousMenuDeroule ul li a:hover{background-color:#c7ebf3;color:#1773d0;}
#m_rayons #m_voyages .sousMenuDeroule ul li a {color:#1773d0;}

/*MERCHANDISING*/
#m_rayons #m_tirages_photos a{width:102px;background-position:-1000px 0;}
#m_rayons #m_tirages_photos.current a,
#m_rayons #m_tirages_photos.currentJs a,
#m_rayons #m_tirages_photos a.hover,/*attention, .hover sur le lien pour ces sous onglets sans menu deroulant*/
#m_rayons #m_tirages_photos:hover a{background-position:-1000px -30px;}

#m_rayons #m_enfants a{width:64px;background-position:-2200px 0;}
#m_rayons #m_enfants.current a,
#m_rayons #m_enfants.currentJs a,
#m_rayons #m_enfants a.hover,/*attention, .hover sur le lien pour ces sous onglets sans menu deroulant*/
#m_rayons #m_enfants:hover a{background-position:-2200px -30px;}

#menu ul li ul li div.sousMenuDeroule{
  display:none;
  position:absolute;
  top:23px;/*22*/
  width:160px;
  margin:0 -25px -25px -25px;
  padding:0 5px 25px 25px;/*0 25px 25px 25px*/
  background:none;
}
.IS_IE #menu ul li ul li{
  _behavior:expression(sousMenuAddHover(this));
}
#menu ul li ul li:hover div.sousMenuDeroule, #menu ul li ul li.currentJs div.sousMenuDeroule{
  display:block;
}
#menu ul li ul li ul{
  zoom:1;
  cursor:pointer;
}
#menu ul li ul li *{
  cursor:pointer!important;
}
#menu ul li ul li div.sousMenuDeroule ul{
  display:block;/*ecrase*/
  position:static;
  width:auto;/*ecrase*/
  background-color:#ffffff;
  border:solid #CCC;
  border-width:0px 1px 1px 1px;
}
#menu ul li ul li.derouleLeft div.sousMenuDeroule{
  left:auto;
  right:-11px;
}
#menu ul li ul li div.sousMenuDeroule li{
  float:none;/*desherite*/
  display:block;
  height:auto;
  margin:0; /* necessaire aux ie */
  padding:0;
  line-height:.95em;
  /*border-bottom:solid 1px #CCC;*/
  font-size:.9em;
  text-indent:0;/*desherite*/
  cursor:default;
  vertical-align:bottom;
}
#menu ul li ul li div.sousMenuDeroule a{
  display:block;
  width:auto!important;/*ecrase*/
  height:auto;/*ecrase*/
  padding:5px 8px;
  line-height:1em;
  margin:0;
  font-size:1em;
  background:none;
  text-indent:0;
}
.IS_IE #menu ul li ul li div.sousMenuDeroule a{
  width:160px!important;
  zoom:1;
}
#menu ul li ul li div.sousMenuDeroule a:hover, #menu ul li ul li div.sousMenuDeroule a:focus, #menu ul li ul li div.sousMenuDeroule a.currentJs{
  background:#828282;
  color:#FFF;
  text-decoration:none;
}
/*class special derniers liens telechargement*/
#menu ul li ul li div.sousMenuDeroule li.last a,  #menu ul li ul li div.sousMenuDeroule li.last a:hover{
	border-top:solid 1px #CCC;
}
#menu ul li ul li div.sousMenuDeroule li.last a span, #menu ul li ul li div.sousMenuDeroule li.last a:hover span{
/*color: #DE9C00;
font-weight: bold;*/
}
/*class pour les liens image du sous menu deroulant ex: fnacmusic */
#menu ul li ul li div.sousMenuDeroule li.with_img a{
  padding:1px 8px;
}
#menu ul li ul li div.sousMenuDeroule li.with_img a:hover, #menu ul li ul li div.sousMenuDeroule li.with_img a:focus, #menu ul li ul li div.sousMenuDeroule li.with_img a.currentJs{
  background-color:#FFF;
  color:#000;
}


  	/* menu mobile */
  	        #m_mobile #m_mob_logo a { width: 130px; background-position:0 0;}

            #m_mobile #m_mob_logo.currentN-0 a, #m_mobile #m_mob_logo a:hover { background-position:0 -30px; }

 

            #m_mobile #m_mob_telephonie a { width: 174px; background-position:-159px 0;}

            #m_mobile #m_mob_telephonie.currentN-0 a, #m_mobile #m_mob_telephonie a:hover { background-position:-159px -30px; }

 

            #m_mobile #m_mob_abo a { width:168px; background-position:-364px 0; }

            #m_mobile #m_mob_abo.currentN-0 a, #m_mobile #m_mob_abo a:hover { background-position:-364px -30px;}


  /* ============ Adherents / menu =========== */
	.adherents #menu {
		background-image: url(../img/decos/header/menu_background_new.png)
	}
	
		/*  sous onglets adherents */
		#m_adherents ul a {
			background: url(../img/decos/header/sous_onglets_adherents_new.png) no-repeat left top;
		}
		#m_adherents #m_adh_devenir_adherent a {width: 173px; background-position: 0 0;}
		#m_adherents #m_adh_devenir_adherent.current a, #m_adherents #m_adh_devenir_adherent a:hover {background-position: 0px -30px;}
		
		#m_adherents #m_adh_avantages a {width: 183px; background-position: -200px 0;}
		#m_adherents #m_adh_avantages.current a, #m_adherents #m_adh_avantages a:hover {background-position: -200px -30px;}
		
		#m_adherents #m_adh_offres_adhrents a {width: 178px; background-position: -400px 0;}
		#m_adherents #m_adh_offres_adhrents.current a, #m_adherents #m_adh_offres_adhrents a:hover {background-position: -400px -30px;}
	
		#m_adherents #m_adh_financement a {width: 186px; background-position: -600px 0;}
		#m_adherents #m_adh_financement.current a, #m_adherents #m_adh_financement a:hover {background-position: -600px -30px;}
		
		
		#m_adherents #m_adh_evenements a {width: 83px; background-position: -800px 0;}
		#m_adherents #m_adh_evenements.current a, #m_adherents #m_adh_evenements a:hover {background-position: -800px -30px;}

		
		#m_adherents #m_adh_points_avantages a {width: 166px; background-position: -1000px 0;}
		#m_adherents #m_adh_points_avantages.current a, #m_adherents #m_adh_points_avantages a:hover {background-position: -1000px -30px;}
		
		
	/* onglet adherent en univers adherent */
	.adherents #menu li#m_adherents.current, .adherents #menu li#m_adherents.current div, .adherents #menu li#m_adherents:hover, .adherents #menu li#m_adherents.hover, .adherents #menu li#m_adherents:hover div, .adherents #menu li#m_adherents.hover div {
		background-image: url(../img/decos/header/onglets_adherents_background_new.png);
	}
	.adherents #menu li#m_adherents{
		/*padding-left: 29px;*/
		min-width: 126px;
		width: 10.5em
	}
