﻿/**
*
*
*  A.. STYLES GENERAUX 
*
*  B.. CLASSES DE MISES EN PAGE 
* 
*  C.. PAGE
*
*      1. Colonnes
*      
*	      a. Pages (#page, #page_2cols)
*		  b. Template 3 cols (#col_gauche,        #col_centre,        #col_droite, 
*				            			  #col_gauche_header, #col_center_header)
*		  c. Template 2 cols (#page_2cols #col_centre)
*
*      2. Contents (#content)
*
*      3. Header (#HEADER)
*      
*
*      4. Footer & subfooter(#footer, #subfooter)
*
*	   5. Top Recherche (#topRecherche)
*
*
*  D.. CHEMIN DE FER (BreadCrumbs) (#cheminfer)
*
*	   
*  E.. MENU ARBO (#navigation)
*  
*
*  F.. SEARCH (.block_search)
*
*/

/* résidus fnac.css */
	td {font-size: 11px;}
	input, select {font-size: 11px;	vertical-align: middle;}
	dl, dt,	dd, ul,	li {margin: 0;padding: 0;}
	dt {font-weight: bold;}
/**/


/************** A.. STYLES GENERAUX ***************/
	html, body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, Verdana,  sans-serif;
	}
	body {
		font-size: 12px;
		_font-size: 0.75em;
		zoom:1;
		color: #666; 
		background-color:#FFF;
	}
	a {
		text-decoration:none;
		color:#000; 
	}
	a:hover { 
		text-decoration:underline;
	}
	a img {
		border: 0;
	}
	.souligne  {  /************* => .underline */
		text-decoration:underline !important;
	}
	.nosouligne	{
		text-decoration:none !important;
		}
	table {
		font-size: 1em;
	}
	
	h2, h3, h4, h5, h6 {
		margin: 0;
	}
	h4, .h_1-1 {
		font-size: 1.1em;
	}
	p {
		margin: 10px 0;
	}
	i{font-style:normal	}/*reset italique*/
	.subtitle {
		margin: 0;
	}
	/* */
	/* form elements */
	input.text, select {
		padding: 0.2em 0;
		border: 1px solid #A7A6AA;
		font-size: 0.9em;
		color: #000000; 
	}
	input.text {_height:18px;*height:18px;}
    textarea 
    {
        border: 1px solid #A7A6AA; 
		font-size: 0.9em;
		color: #000000;
    }
	#content select {
		padding: 0;
		overflow: hidden;
		/*height: 1.5em;*/
		//height: 1.8em; /* hack IE7 et IE6 dû au fait que le border n'a pas l'air d'être pris en compte dans le calcul */
		_height: 1.5em /* remise propre pour IE6 */
	}
	select option {
		padding: 0.2em 5px 0.2em 3px;
	}
	form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}
	.block form {
		zoom: 1; /* correction comportement IE */
	}
	.fullwidthselect {
		_height: 1%; /* haslayout IE */
	}
	.fullwidthselect select {
		width: 100%;
	}
	.halfwidthselect select {
		width:50%;
	}
	.line_select {
		margin:0;
		/* contexte de formatage */
		overflow:hidden;
		_overflow:visible;
		zoom:1;
	}
	.line_select label {
		font-weight:bold;
		float:left;
	}
	.line_select select {
		float:right;
		width:250px;
	}
	
	/*elements cachés si JS activé, JS activé via classe hasJS */
	.hasJS .hidesubmit .submit { display: none }


	h4 cite {
		color: #999; 
		font-style: normal;
		font-weight: normal;
	}




/**************  B.. CLASSES DE MISES EN PAGE  ***************/
	.txt_l{text-align:left !important;} 
	.txt_c, .centre {text-align:center !important;} 
	.txt_r, .droite {text-align:right !important;} 
	.txt_t{vertical-align:top !important;} 
	.txt_m{vertical-align:middle !important;} 
	.txt_b{vertical-align:bottom !important;} 
	.floatl, .float_l, .FloatLeft, .floatleft {float:left} 
	.floatr, .float_r {float:right}
	.floatn, .float_no {float:none}
	.clearb{clear:both;}
	.clearl{clear:left;}
	.clearr{clear:right;}		
	.center {margin-left:auto !important; margin-right:auto !important;}
	.graf{text-indent:-99999px;font-size:1%}
	.img_t img, .img_t {vertical-align:top !important;}
	.img_m img, .img_m .inputImg{vertical-align:middle !important;} 
	.img_b img{vertical-align:bottom !important;}
	.img_txtb img{vertical-align:text-bottom !important;}
	.img_-50 img{vertical-align:-50% !important;}
	.img_-25 img{vertical-align:-25% !important;}
	.img_-15 img{vertical-align:-15% !important;}
	.img_-5 img{vertical-align:-5% !important;}
    .visibleFlow {overflow:visible !important; }
    .bold, .gras {font-weight:bold !important;}
    .italic {font-style:italic;}
    .fwNorm, .normal {font-weight: normal;}
    .upper, .upp { text-transform:uppercase}
    .cursorPointer{cursor:pointer}
    .nowrap {white-space:nowrap;}
	/* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations */
	.context { 
		overflow:hidden;
		_overflow:visible;
		zoom:1;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	*+html .clearfix, * html .clearfix { /* IE7 et IE6 */
		zoom: 1;
	}

	
/******************
* margins et paddings // Vu la simplicité et la fonction de ces classes, il est inutile de les structurer
********************/
.sansmarge {margin: 0;padding: 0;}
/* padding */
.pdg_no{padding:0 !important}
.pdg_no_b {padding-bottom:0 !important}
.pdg_no_t {padding-top:0 !important}
.pdg_no_l {padding-left:0 !important;}
.pdg_v_2{padding-top:2px !important;padding-bottom:2px !important}
.pdg_b_3{padding:0 0 3px !important}
.pdg_sm{padding:5px !important}
.pdg_t_sm{padding-top:5px !important}
.pdg_r_sm{padding-right:5px !important}
.pdg_b_sm{padding-bottom:5px !important}
.pdg_l_sm{padding-left:5px !important}
.pdg_h_sm{padding-left:5px !important;padding-right:5px !important}
.pdg_v_sm{padding-top:5px !important;padding-bottom:5px !important}
.pdg_aplat{padding:0.2em 0.5em ;}
.pdg{padding:10px !important}
.pdg_t{padding-top:10px !important}
.pdg_r{padding-right:10px !important}
.pdg_b{padding-bottom:10px !important}
.pdg_l{padding-left:10px !important}
.pdg_h{padding-left:10px !important;padding-right:10px !important}
.pdg_v{padding-top:10px !important;padding-bottom:10px !important}
.pdg_12{padding:12px !important}
.pdg_14{padding:14px}
.pdg_15{padding:15px !important}
.pdg_t_15{padding-top:15px !important}
.pdg_b_15{padding-bottom:15px !important}
.pdg_l_15{padding-left:15px !important}
.pdg_h_15{padding-left:15px !important;padding-right:15px !important}
.pdg_lg{padding:20px !important}
.pdg_t_lg{padding-top:20px !important}
.pdg_r_lg{padding-right:20px !important}
.pdg_b_lg{padding-bottom:20px !important}
.pdg_l_lg{padding-left:20px !important}
.pdg_h_lg{padding-left:20px !important;padding-right:20px !important}
.pdg_v_lg{padding-top:20px !important;padding-bottom:20px !important}
.pdg_t_25{padding-top:25px !important;}
.pdg_l_25{padding-left:25px !important;}
.pdg_b_25{padding-bottom:25px !important;}
.pdg_t_30{padding-top:30px !important;}
.pdg_b_30{padding-bottom:30px !important;}
.pdg_l_30{padding-left:30px !important;}
.pdg_l_35{padding-left:35px !important;}
.pdg_h_40{padding-left:40px !important;padding-right:40px !important}
.pdg_l_40{padding-left:40px !important}
.pdg_xlg{padding:50px !important}
.pdg_t_xlg{padding-top:50px !important}
.pdg_r_xlg{padding-right:50px !important}
.pdg_b_xlg{padding-bottom:50px !important}
.pdg_l_xlg{padding-left:50px !important}
.pdg_h_xlg{padding-left:50px !important;padding-right:50px !important}
.pdg_v_xlg{padding-top:50px !important;padding-bottom:50px !important}
.pdg_t_xxlg{padding-top:70px !important}
.pdg_l_90{padding-left:90px}
.pdg_h_100{padding-left:100px !important;padding-right:100px !important}

/* margin */
.mrg_no{margin:0 !important}
html body .mrg_b_no{margin-bottom:0 !important}
.mrg_t_no{margin-top:0 !important}
.mrg_t_1{margin-top:1px !important}
.mrg_t_3{margin-top:3px !important}
.mrg_b_3{margin-bottom:3px !important}
.mrg_sm{margin:5px !important}
.mrg_t_sm{margin-top:5px !important}
.mrg_r_sm{margin-right:5px !important}
.mrg_b_sm{margin-bottom:5px !important}
.mrg_l_sm{margin-left:5px !important}
.mrg_h_sm{margin-left:5px !important;margin-right:5px !important}
.mrg_v_sm{margin-top:5px !important;margin-bottom:5px !important}
.mrg{margin:10px !important}
.mrg_t{margin-top:10px !important}
.mrg_r{margin-right:10px !important}
.mrg_b{margin-bottom:10px !important}
.mrg_l{margin-left:10px !important}
.mrg_h{margin-left:10px !important;margin-right:10px !important}
.mrg_v{margin-top:10px !important;margin-bottom:10px !important}
.mrg_t_15{margin-top:15px !important}
.mrg_b_15{margin-bottom:15px !important} 
.mrg_r_15{margin-right:15px !important}
.mrg_l_15{margin-left:15px !important}
.mrg_lg{margin:20px !important}
.mrg_t_lg{margin-top:20px !important}
.mrg_r_lg{margin-right:20px !important}
.mrg_b_lg{margin-bottom:20px !important}
.mrg_l_lg{margin-left:20px !important}
.mrg_h_lg{margin-left:20px !important;margin-right:20px !important}
.mrg_v_lg{margin-top:20px !important;margin-bottom:20px !important}
.mrg_t_25{margin-top:25px !important;}
.mrg_b_25{margin-bottom:25px !important;}
.mrg_l_25{margin-left:25px !important;}
.mrg_t_vlg, .mrg_t_30 {margin-top:30px !important}
.mrg_b_vlg, .mrg_b_30 {margin-bottom:30px !important}
.mrg_r_30{margin-right:30px !important;}
.mrg_l_30{margin-left:30px !important;}
.mrg_l_35{margin-left:35px !important;}
.mrg_xlg{margin:50px !important}
.mrg_t_xlg{margin-top:50px !important}
.mrg_r_xlg{margin-right:50px !important}
.mrg_b_xlg{margin-bottom:50px !important}
.mrg_b_50{margin-bottom:50px !important}
.mrg_l_xlg{margin-left:50px !important}
.mrg_h_xlg{margin-left:50px !important;margin-right:50px !important}
.mrg_v_xlg{margin-top:50px !important;margin-bottom:50px !important}
.mrg_t_xxlg{margin-top:100px !important}
.mrg_r_xxlg{margin-right:100px !important}
.mrg_b_xxlg{margin-bottom:100px !important}
.mrg_l_xxlg{margin-left:100px !important}
.mrg_l_60{margin-left:60px !important}
.mrg_l_140{margin-left:140px !important;}
.mrg_l_180{margin-left:180px !important;}
.mrg_l_200{margin-left:200px !important;}
.mrg_r_4{margin-right:4px !important;}
.mrg_h_auto{margin-left:auto !important;margin-right:auto !important}
.mrg_t_mc {margin-top:72px !important} /* spécifique aux blocs droites de Mon compte)
/* -- margins pour blocs -- */
.mrg_b_shadw_big{margin-bottom:11px !important}/*blocs arbo*/
.mrg_b_shadw_sm{margin-bottom:15px !important}/*blocs avec petite ombre*/
.mrg_b_shadw_no{margin-bottom:25px !important}/*blocs sans ombre*/
/**************  classes de mise en page***************/
.txt_l{text-align:left !important;} 
.txt_c{text-align:center !important;} 
.txt_r{text-align:right !important;} 
.txt_j{text-align:justify !important;}
.txt_t{vertical-align:top !important;} 
.txt_m{vertical-align:middle !important;} 
.txt_b{vertical-align:bottom !important;} 
.center{margin-left:auto !important; margin-right:auto !important;} 
.img_m img, .img_m .inputImg{vertical-align:middle !important;}
.img47 {margin-left:55px}
.w_23p {width:23% !important;}
.spacer	{clear:both;height:1px;overflow:hidden;visibility:hidden;font-size: 1px;}
.cale{font-size: 1%;color: white;text-decoration: none;}
.hand{cursor: pointer;}
/**************  gestion de background ***************/
.no_bg{background:none !important;}
.no_bg_color{background-color:transparent !important;}
.no_bg_img{background-image:none !important;}
.bg_blanc{background-color:#FFF !important;}
.bg_gristresclair{background-color:#F3F3F3 !important;}
.bg_gris{background-color:#828282 !important;}
.bg_grisfonce{background-color:#666 !important;}
.bg_gris_f7{background-color:#F7F7F7 !important;}
.bg_e7e9e1{background-color:#e7e9e1 !important;}/*gris myfnac*/
.bg_f7f8f6{background-color:#F7F8F6 !important;}/*gris tres clair*/
.bg_f8f8f6{background-color:#f8f8f6 !important;}/*gris fonce clair*/
.bg_808080{background-color:#808080 !important;}/*gris fonce*/
.bg_noir{background-color:#000 !important;}
.bg_moutarde{background-color:#DE9C00 !important;}
.bg_rouge{background-color:#DD0000 !important;}
.bg_vert{background-color:#97bf0d !important;}
.bg_bleu{background-color:#154cb0 !important;}
.bg_adh{background-color:#ffd600}
.bg_orange{background-color:#f37e00}
/* aplats de couleur */
.apPdg{padding:0.5% 2%}
.aplatNoir{background-color:#000;color:#FFF}
/* background image */
.bg_no_rpt{background-repeat:no-repeat!important}
.bg_rpt_y{background-repeat:repeat-y!important}
.bg_rpt_x{background-repeat:repeat-x!important}
.bg_rpt{background-repeat:repeat!important}
.bg_l{background-position:left center!important}
.bg_tl{background-position:left top!important}
.bg_t{background-position:center top!important}
.bg_tr{background-position:right top!important}
.bg_r{background-position:right center!important}
.bg_rb{background-position:right bottom!important}
.bg_b{background-position:center bottom!important}
.bg_bl{background-position:left bottom!important}
.bg_c{background-position:center center!important}
/* image des background generalises */
.fondTriangleGris{background-image:url(/img/v2/skin/newsletter/triangleGris.png)!important}
/**************  gestion de bordure ***************/
.brd{border:1px solid;}
.brd_t {border-top:1px solid;}
.brd_r {border-right:1px solid;}
.brd_b {border-bottom:1px solid;}
.brd_l {border-left:1px solid;}
.brd_grisC{border:1px solid #CCC}
.brd_t_gris{border-top:1px solid #CCC !important;}
.brd_b_gris{border-bottom:1px solid #CCC !important;}
.brd_r_gris{border-right:1px solid #CCC !important;}
.brd_l_gris{border-left:1px solid #CCC !important;}
.brd_l_blanc{border-left:1px solid #FFF;}
.no_brd{border:none !important;}
.no_brd_t{border-top:none !important;}
.no_brd_r{border-right:none !important;}
.no_brd_b{border-bottom:none !important;}
.no_brd_l{border-left:none !important;}
.brd_gris{border-color:#828282 !important;}
.brd_moutarde {border-color:#DE9C00; !important}
.brd_mp_t{margin-top:5px;padding-top:5px;border-top:1px solid #EBEBEB !important;}
/************** coins ronds modernes **********/
.rd10{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
/************** Liste DL sans marge generique **********/
dl.generique dd{padding:0;margin:0;}
dl.generique dt{padding:0;margin:0;}
/* supression force de overflow */
.noverflow{overflow:visible !important;}
.hiddenflow{overflow:hidden;}
/************** classes de dimensions en % **********/
.width2 {width:2%;}
.width5 {width:5%;}
.width8 {width:8%;}
.width10 {width:10%;}
.width12 {width:12%;}
.width15 {width:15%;}
.width16 {width:16%;}
.width18 {width:18%;}
.width20 {width:20%;} 
.width22 {width:22%;} 
.width25 {width:25%;}
.width28 {width:28%;}
.width30 {width:30%;}
.width32 {width:32%;}
.width33 {width:33%;}
.width35 {width:35%;}
.width37 {width:37%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width48-5 {width:48.5%;}
.width49-9 {width:49.9%;}
.width50 {width:50%}
.width55 {width:55%}
.width60 {width:60%}
.width65 {width:65%}
.width70 {width:70%}
.width80, #home .width80pc {width:80%}
.width90 {width:90%}
.width98 {width:98%}
.width100 {width:100%} 
.width80p {width:80px;}
.width100p {width:100px;}
.width180 {width:180px;}
.width150 {width:150px;}
.width230 {width:230px!important;}
.width760 {width:760px}
.width800 {width:800px!important;}


/************** layout **********/
.dispeblock {_height:1%;zoom:1;display:block!important;}
.block, .bloc {display:block}
.dispeline, .inline{display:inline!important}
.table{display:table!important}
.hide{display:none!important}
.inlineBlock{display:inline-block;zoom:1;}
.IS_IE7 .inlineBlock {display:inline;}
.vHidden{visibility: hidden;}
.vShow{visibility: visible;}
/************** z-index **********/
.zIndex0{z-index:0;}
.zIndex10{z-index:10;}
.zIndex20{z-index:20;}
.zIndex30{z-index:30;}
.zIndex40{z-index:40;}

/************** line-height **********/
.lh130{line-height:130%}
.lh140{line-height:140%}
.lh150{line-height:150%}
.lh200{line-height:200%}
.lh160{line-height:160%;padding-left:10px;}
.lh20{line-height:20px}


/************** position *************/
.posrel {position:relative;}
.posabs {position:absolute;}

/************** font-size *************/
.fontS_10, .black10{font-size: 10px !important;}
.fontS_11 {font-size:11px !important;}
.fontS_12 {font-size:12px !important;}
.fontS_14 {font-size:14px !important;}
.fontS_16 {font-size:16px !important;}
.fontS_18 {font-size:18px !important;}
.fontS_20 {font-size:20px !important;}
/* exception pour VF dans MarketPalce*/
.fontS_20 dd.prix { font-size:14px;line-height:normal; }
.fontS_20 dd.compteurVFLong { font-size:11px; }

/************** Couleurs *************/
.redColor {color:#dd0b0b}
.colorCCM {color:#FF7400;}
.grisFonce {color:#666;}

/************** Debuggage *************/
.zoom1 {zoom:1;}

/************** Boutons génériques *************/

.bout-or,
.bout-or .inner{
  background-image:url(../Img/boutons/bg-bouton-mout.png);background-repeat:no-repeat;font-size:12px
  }
.logviolet .bout-or,
.logviolet .bout-or .inner{
  background-image: url("../img/Account/MonCompte/bg_btn_poursuivre_violet.png");background-repeat:no-repeat;font-size:12px
  }
.logvert .bout-or,
.logvert .bout-or .inner{
  background-image: url("../img/Account/MonCompte/bg_btn_poursuivre_vert.png");background-repeat:no-repeat;font-size:12px
  }
.bout-rouge,
.bout-rouge .inner,
.logrouge .bout-or,
.logrouge .bout-or .inner{
  background-image: url("../img/Account/MonCompte/bg_btn_poursuivre_rouge.png");background-repeat:no-repeat;font-size:12px
  }
.bout-rouge2,
.bout-rouge2 .inner{
  background-image:url(../Img/boutons/bg-bouton-rouge.png);background-repeat:no-repeat;font-size:12px
  }

.bout-or-flech,
.bout-or-flech .inner{
  background-image:url(../Img/boutons/bg-bouton-flech-mout.png);background-repeat:no-repeat;font-size:12px
  }

.bout-or-flech-g,
.bout-or-flech-g .inner{
  background-image:url(../Img/boutons/bg_bouton-or-fleche.png  );background-repeat:no-repeat;font-size:12px;color: #000;
  }


.bout-ajout,
.bout-ajout .inner{
  background-image:url(../Img/boutons/bg-bouton-ajout-panier.png);background-repeat:no-repeat;font-size:12px
  }  
.bout-achat-rapide,
.bout-achat-rapide .inner{
  background-image:url(../Img/boutons/bg-bouton-achat-rapide.png);background-repeat:no-repeat;font-size:12px
  }    
.bout-gris,
.bout-gris .inner{
  background-image:url(../Img/boutons/bg-bouton-gris.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }  
.bout-gris-close,
.bout-gris-close .inner{
  background-image:url(../Img/boutons/bg-bouton-fermer-gris.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }
.bout-flech,
.bout-flech .inner{
  background-image:url(../Img/boutons/bg-bouton-gris-flech.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }  

.bout-gris-fonce,
.bout-gris-fonce .inner{
  background-image:url(../Img/boutons/bg-bouton-gris-fonce.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }
.bout-gris-alerte,
.bout-gris-alerte .inner{
  background-image:url(../Img/boutons/bg-bouton-gris-alerte.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }  
.bout-bleuMP,
.bout-bleuMP .inner{
  background-image:url(../Img/boutons/bg-bouton-gris-bleuMP.png);background-repeat:no-repeat;font-size:12px;color:#FFF;
  }
.bout-noir,
.bout-noir .inner{
  background-image:url(../Img/boutons/bg-bouton-noir.png);background-repeat:no-repeat;font-size:12px;color:#FFF;
  }  
.bout-vert,
.bout-vert .inner{
  background-image:url(../Img/boutons/bg-bouton-vert.png);background-repeat:no-repeat;font-size:12px;color:#666;
  }  

.bout-flech, .bout-or-flech-g {padding-left:16px!important}

.bout-gris-alerte{padding-left:16px!important}

.bout-or, #home .bout-or, #HEADER .bout-or,
.bout-or-flech, #home .bout-or-flech,
.bout-gris, #home .bout-gris,  #HEADER .bout-gris,
.bout-gris-fonce, #home .bout-gris-fonce,
.bout-bleuMP, #home .bout-bleuMP,
.bout-flech, #home .bout-flech,
.bout-gris-close, #home .bout-gris-close,
.bout-gris-alerte, #home .bout-gris-alerte,
.bout-noir,#home .bout-noir,
.bout-rouge, #home .bout-rouge, .bout-rouge2,
.bout-vert, .bout-or-flech-g, #home .bout-or-flech-g {
  padding-left:11px;display:inline-block;background-position:top left;position:relative;height:25px;text-decoration:none !important;
  }
.bout-ajout, #home .bout-ajout, #HEADER .bout-ajout,
.bout-achat-rapide, #home .bout-achat-rapide{
  padding-left:30px;display:inline-block;background-position:top left;position:relative;height:25px;text-decoration:none !important;
  }
.bout-or .inner, #home .bout-or .inner,
.bout-or-flech .inner, #home .bout-or-flech .inner,
.bout-ajout .inner, #home .bout-ajout .inner,
.bout-gris .inner, #home .bout-gris .inner,
.bout-gris-close .inner, #home .bout-gris-close .inner,
.bout-flech .inner, #home .bout-flech .inner,
.bout-gris-fonce .inner, #home .bout-gris-fonce .inner,
.bout-noir .inner,#home .bout-noir .inner,
.bout-bleuMP .inner, #home .bout-bleuMP .inner
.logviolet .bout-or .inner, #home .logviolet .bout-or .inner,
.bout-achat-rapide .inner, #home .bout-achat-rapide .inner,
.bout-vert .inner, #home .bout-vert .inner,
.bout-gris-alerte .inner, #home .bout-gris-alerte .inner,
.bout-rouge .inner, #home  #home .bout-rouge .inner, .bout-rouge2 .inner, .bout-vert .inner
.bout-or-flech-g .inner, #home .bout-or-flech-g .inner{ cursor:pointer;line-height:25px;height:25px;display:inline-block;padding:0 11px 3px 0 !important;background-position:right -26px;font-weight:bold;text-decoration:none !important;float: none !important;}
.bout-or-flech .inner, #home .bout-or-flech .inner{
  padding-right:20px !important;
  }
.bout-gris-close .inner, #home .bout-gris-close .inner{
  padding-right:25px
  }
 
#home .logviolet .bout-or .inner {padding:3px 30px 3px 0 !important;}
#home .logviolet .btn_txt span, .logviolet .btn_txt span {padding: 4px 0;}
#home .gaming-confirm .logviolet .bout-or .inner {padding-top:0 !important;}

.lienInverse .inner{text-decoration:none ;}  
input.inner, #home input.inner {border:0;margin:0;display:inline-block;cursor:pointer;background-color:transparent;font-family: Arial,Helvetica,Verdana,sans-serif;font-size:12px;}
#BasketPopin .inner{padding-right :11px}
.IS_IE7 input.inner{width:auto;   overflow:visible;}


a.bout-deroul {background:url(../img/boutons/btn_deroul.png) no-repeat; font-size:9px; text-transform:uppercase;width:120px;height:24px;text-align:center;display:block;margin: 0 auto;text-decoration: none!important}

/* BOUTONS 2 LIGNES */

.bout-gris2L, .bout-gris2L .inner{
  background-image:url(../Img/boutons/bg-bouton-2L-gris.png);background-repeat:no-repeat;font-size:12px;color:#FFF;
  }

.bout-or2L, .bout-or2L .inner{
  background-image:url(../Img/boutons/bg-bouton-2L-or.png);background-repeat:no-repeat;font-size:12px;color:#FFF;
  }

.bout-gris2L, #home .bout-gris2L,
.bout-or2L, #home .bout-or2L {
    display:inline-block;background-position:top left;position:relative;height:32px;text-decoration:none !important;
}
.bout-gris2L .inner, #home .bout-gris2L .inner,
.bout-or2L .inner, #home .bout-or2L .inner{
    background-position: right bottom;color: #000000;display: block;font-weight: bold;height: 28px;line-height: 12px;margin-left: 11px;margin-left:8px;padding-right: 11px;padding-top:4px;text-decoration: none !important;
}


/* AUTRES */
.btn_txt input 
{
    background-image: url("../img/Account/MonCompte/bg_btn_poursuivre.png");
    background-repeat:no-repeat;
    background-position:left -25px;
    border: 0 none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px !important;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 2px 0 6px 10px !important;
    text-decoration: none !important;}
.IS_IE7 .btn_txt input {background-position:left -25px;}
.btn_txt span { background: url("../img/Account/MonCompte/bg_btn_poursuivre.png") no-repeat scroll right bottom transparent;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: -10px;
    padding: 5px 0 4px;
    width: 24px;}
*+html .btn_txt span {top:4px;position:relative}
.logvert .btn_txt input {background: url("../img/Account/MonCompte/bg_btn_poursuivre_vert.png") -601px -25px;color:#FFF}
.logvert .btn_txt span, .logvert span.bout-or  {background: url("../img/Account/MonCompte/bg_btn_poursuivre_vert.png") -576px -52px;color:#FFF;}
.logrouge .btn_txt input {background: url("../img/Account/MonCompte/bg_btn_poursuivre_rouge.png") -601px -25px;color:#FFF}
.logrouge .btn_txt span, .bout-rouge a.inner  {background: url("../img/Account/MonCompte/bg_btn_poursuivre_rouge.png") -576px -52px;color:#FFF;width:auto}
.logviolet .btn_txt input {background: url("../img/Account/MonCompte/bg_btn_poursuivre_violet.png") -601px -25px;color:#FFF}
.logviolet .btn_txt span {background: url("../img/Account/MonCompte/bg_btn_poursuivre_violet.png") -576px -52px;color:#FFF;width:24px}
.logviolet .bout-or a.inner, .logrouge .bout-or a.inner, .logvert .bout-or a.inner, .bout-rouge a.inner {background-position:right -52px!important;padding: 4px 29px 5px 2px!important;line-height:15px !important}
.logviolet .bout-or a, .logrouge .bout-or a {color:#FFF}
.logviolet .bout-or a span {background-position: right -52px!important;padding: 0px 28px 5px 0!important;}


.bout-moins input {background: url("../img/boutons/bMoins_off.png") no-repeat;width:17px;height:17px;border:0;text-indent: -1000em;}
.bout-plus input {background: url("../img/boutons/bPlus_off.png") no-repeat;width:17px;height:17px;border:0;text-indent: -1000em;}


/************** C.. PAGE ***************/	
	#jHelperTipContainer {z-index:999;}

	/* ========== 1. Page / Colonnes ========== */

		#page, #page_2cols, #page_1col {
			margin: 0 auto 0 auto;
			padding: 0 0 20px 0;
			min-width: 996px;
			width: 83em;
			_width:84em;
		}	
		#col_gauche { /************* => #left_col */
			float: left;
			margin: 0 2.4em 0 0; 
			min-width: 186px;
			width: 15.5em;
			min-height: 10px;
		}
		#col_centre { /************* => #center_col */
			float: left;
			min-width: 546px;
			width: 45.5em
		}
		#col_droite { /************* => #right_col */
			float: right;
			min-width: 186px;
			width: 15.5em;
			min-height: 10px
		}
		
		#col_gauche_header, #col_center_header { /************* =>#right_col_header, #right_col_header */
			position:relative;
            margin-bottom:8px;
			padding: 7px 0 5px 0;
			min-height: 30px;
			_height: 30px
		}
		#col_gauche, #col_droite { /************* => #left_col, #right_col */
			color: #333; 
		}	
		#page_2cols #col_centre{
            min-width:747px;/* permet d'etaller en largeur */
            width:61em;
            /* contexte de formatage */
            overflow:visible;
            zoom:1;
        }
        .IS_IE #page_2cols #col_centre{
            width:747px;/* permet d'etaller en largeur */
            float:none;
        }
		#col_center_header 
		{
		    margin: 0 auto;
		}
		#page_1col #col_center_header{
			width:630px;
			margin-top:1px;
		}
		#page_2cols #col_center_header{
            margin:0;
        }
	/* ======= 2. Page / Content & prehome ========== */
		#content {
			clear: both;
			padding: 10px 10px 0 10px;
			/* contexte de formatage */
			overflow: visible;
			_overflow: visible;
			zoom: 1;
		}
		
		/* =Prehome= */
		#backgPrehome
		{
		    display: none;
		    background-color:#FFFFFF;
		    opacity : 0.8;
            -moz-opacity : 0.8;
            filter : alpha(opacity=80); /* IE < 8 */
		}
		#prehome{display:none;width:890px;height:560px;text-align:center}

	/* ====== 3. Page / header ====== */
	
/* ======********====================
          HEADER
 ========********===================*/

#HEADER{
  position:relative;
  z-index:55;
  font-family:Arial,Helvetica,Verdana,sans-serif;
  background-color:#000; 
}
.IS_IE #HEADER{zoom:1} /*ie6*/
/*#HEADER *{margin:0;padding:0}*/
#HEADER ul{list-style:none;}
#HEADER a, #HEADER a *{cursor:pointer;}


  /* ======* TOP *==================*/
  #TOP{height:95px}
	/*-----*/
    #topLEFT{float:left;width:165px;height:95px;margin:0;}
        #logoFnac{display:block;width:145px;height:59px;text-indent:-5000px;margin:14px 0 0 20px;background: url(../img/Template/Header/sprite-header2-png24.png) no-repeat 0 -210px}
    /*-----*/
	#topRIGHT{margin-left:166px;padding-left:28px;height:95px;}
	  #CHAINES{overflow:hidden;float:right;}
	  * html #CHAINES{zoom:1}/*ie6*/
	    #CHAINES li{float:left;display:inline;color:#AAAAAA;line-height:30px;}
	      #CHAINES .lkCh{color:#FFF;padding:0 5px;text-transform:uppercase;font-size:0.9em;text-decoration:none}
	      #CHAINES .lkCh:hover{text-decoration:underline}
	  /*-*/
	  #topRIGHT  #SEARCH{
	    float:left;
	    width:460px;
	    margin:10px 25px 0 0;
      height:31px;
      position:relative;
	  }
	    #SEARCH .block_search{height:31px}
	      #SEARCH input, #SEARCH select{border:0 solid #FFF !important;font-family:arial,"sans serif";font-size:1em;}
	      #SEARCH .boxSelect{display:block;float:left;width:165px;height:31px;line-height:31px;width:165px;background:url(../img/Template/Header/sprite-search-png24.png) no-repeat 0 0;}
	        #SEARCH .foSelect{z-index:1001;position:absolute;top:0;left:0;display:inline-block;width:138px;padding-left:7px;height:31px;background:url(../img/Template/Header/sprite-search-png24.png) no-repeat 0 0;font-weight:bold;}
	        #SEARCH .handler{z-index:1001;position:absolute;top:0;left:146px;text-indent:-5000px;display:inline-block;width:20px;height:31px;background:url(../img/Template/Header/sprite-search-png24.png) no-repeat 0 -77px;cursor:pointer}
	        #SEARCH select{width:145px;padding:0;height:27px}
	        #SEARCH .realSelect{
	        position:absolute;
	        top:0;
	        font-weight:bold;
	        background-color:transparent;
	        margin:0 !important;
	        z-index:0;
	        }
	          #SEARCH .realSelect option{background-color:#FFF;}  
	      #SEARCH #Fnac_Search{float:left;width:255px;height:21px;padding:5px 5px;font-size:1.1em;background:#FFF url(../img/Template/Header/sprite-search-png24.png) no-repeat 0 -40px;}
	      .IS_IE7 #SEARCH #Fnac_Search{padding:7px 5px 3px 5px}
	      #SEARCH .btSubmit{border-width:0;width:30px;height:31px;line-height:31px;text-align:center;font-weight:bold; background:transparent url(../img/Template/Header/sprite-search-png24.png) no-repeat right -40px; cursor: pointer;}
	    
	  /*-*/
	  #MONCOIN{float:left;width:300px;padding-top:7px;}
	    #monCompte{float:left;font-size:0.9em;margin:0 20px 0 0}
	      #monCompte img{vertical-align:-15%;padding-right:5px}
	      #monCompte .lkCompte, #monCompte .lkHelp{display:block;color:#de9c00;background-image:url(../img/Template/Header/sprite-header2-png24.png);background-repeat:no-repeat;padding:5px 0 3px 20px;text-decoration:none}
	      #monCompte .lkCompte {background-position: -112px -48px;}
	      #monCompte .lkHelp{background-position: -112px -94px;}
	      #monCompte a:hover{text-decoration:underline}
	    #monPanier{float:left;width:67%;position:relative;z-index:9997;	width:15.7em;padding-top:8px}
	    * html HeaderBasket{width:15.7em;}
		  #monPanier #cartouche{position:relative;z-index:9999;height:23px;padding-left:6px}
		  #monPanier #cartouche, #monPanier #cartouche p {background:transparent url(../img/Template/Header/sprite-header2-png24.png) no-repeat 0 0;}
			#monPanier #cartouche p{margin:0;padding-right:7px;line-height:23px;background-position:right -25px;}
			* html #monPanier #cartouche p{width:176px}
				#monPanier em.panier{text-indent:-5000px;display:block;width:20px;height:20px;float:left;background:url(../img/Template/Header/sprite-header2-png24.png) no-repeat -80px -50px;padding-right:5px;}
				#monPanier .recapPanier {display:block;float:left;width:5.5em;height:23px;}
				#monPanier .recapPanier a {color:#000;font-weight:bold;text-decoration:none}
				#monPanier .recapPanier a:hover {text-decoration:underline}
				#monPanier .totArticles{display:block;float:left;width:6em;height:23px;color:#000}
				#monPanier .totArticles a {color:#000;text-decoration:none}
				#monPanier .totArticles a:hover {text-decoration:underline}
				#monPanier .switch{display:block;float:left;width:11px;height:23px;text-indent:-5000px;background:url(../img/Template/header/ico-switch.png) no-repeat 0 0;cursor:pointer}
			#monPanier #rideau{position:absolute;left:0;top:19px;z-index:9998;}
				#monPanier #detailPanier{width:15.7em;background-color:#222;padding-top:6px;color:#FFF;display:none;}
				#monPanier #detailPanier dl{background-color:#222;border:solid 1px #777;border-top-width:0;padding:3px;margin:0}
				#monPanier #detailPanier a{color:#FFF}
				#monPanier #detailPanier dt {width:8.5em;float:left;font-weight:normal;margin:0}
				#monPanier #detailPanier dd {width:5.5em;float:left;margin:0}
				#monPanier .poignee{text-align:center;margin:0}
				#monPanier .poignee img{display:block;margin:0 auto}
		  #monPanier .basketInfo{color:#000;margin:0;padding:0 0 0 10px}
    
    /* TOP PP */
    #topRIGHT .changelang {padding:8px!important}
    
    /*TOP PRO*/
    #HEADER.PRO #topLEFT{width:190px;}
        #HEADER.PRO #logoFnac {width:162px;height:49px;margin:14px 0 0 15px;background: url(../img/Template/Header/sprite-header2-png24.png) no-repeat 0 -144px}
    #HEADER.PRO #topRIGHT {margin-left:191px;}
    #HEADER.PRO #SEARCH {padding-top:0;margin-top:21px;border-left:2px solid #8e8e8e;}
        #infoTel{display:block;color:#ffffff;font-size:1.2em;padding-left:10px;margin-bottom:5px;}
        #QuickSearchForm {display:block;}
        #HEADER.PRO .block_search .text {width: 14.5em;}
    #HEADER.PRO #MONCOIN{width:35%;padding-top:10px;}
        #HEADER.PRO #monPanier{width:14.7em;}
            #HEADER.PRO #cartouche {background-image:none;background-color:#ececec;}
        #HEADER.PRO #CHAINES li {color:#fff;}
    #HEADER.PRO #onglets {margin-left:0;}
  /* ======* MENU *=================*/
  #MENU{clear:both;position:relative;height:35px;}
  * html #MENU{zoom:1}/*ie6*/
  #MENU, #MENU *{margin:0;padding:0;}
    #MENU #onglets{padding-left:3px}
      #MENU #onglets li{
		  float:left;
		  position:relative;
      }
		  #onglets .ongLink  {
			  display:block;
			  text-align:center;
			  font-size:11px;
			  position:relative;
			  z-index:101;/* 1 couche de plus que les megaMenu */
		  }
		  #onglets .ongLink{height:30px;margin-bottom:4px;padding:3px 3px 0 3px;color:#FFF;background-color:#4E4E4E;border:1px solid #000;border-bottom-color:#4E4E4E}
		  #onglets .current .ongLink, #onglets .ongLink:hover, #onglets .ongLink.hover{color:#000;background-color:#FFF;border-bottom:none;text-decoration:none}
		  #onglets .current .ongLink{height:31px;margin-bottom:3px;} 
		  #onglets .ongLink:hover, #onglets .ongLink.hover{height:34px;margin-bottom:0;}
		  #onglets .current .ongLink{position:static}/* l'onglet de la page Courante ne doit pas passer au dessus des megaMenus */
		  #onglets .current .hover, #onglets .current .ongLink:hover{position:relative}/* SAUF si le megaMenu est deplié */

		/* -- taille des onglets -- */
		  #ong-Livres .ongLink{width:38px; }
		  #ong-Musique .ongLink{width:75px; }
		  #ong-DVD .ongLink{width:42px; }
		  #ong-JeuxVideo .ongLink{width:59px; }
		  #ong-Jouets .ongLink{width:69px;  }
		  #ong-Informatique .ongLink{width:66px;}
		  #ong-Photo .ongLink{width:69px; }
		  #ong-TV .ongLink{width:70px; }
		  #ong-Son .ongLink{width:69px; }
		  #ong-GPS .ongLink{width:64px;  }
		  #ong-Gadgets .ongLink{width:52px;  }
		  #ong-TiragesPhoto .ongLink{width:41px;  }
		  #ong-Evenement .ongLink{width:53px; }
		  #ong-Spectacles .ongLink{width:59px;background-color:#9e25c2;border-bottom-color:#9e25c2 }
		  #ong-Vendre .ongLink{width:41px;color:#de8e03; line-height:2.4em}
		  #ong-incentive .ongLink {background-color: #CAA870;border-bottom-color: #CAA870;width: 62px;font-weight:bold;}
		  .bulleNew{display:block;width:21px;height:14px;position:absolute;top:-10px;right:10px;text-indent:-5000px;background:url(../img/Template/Header/sprite-header2-png24.png) no-repeat -80px -80px}
		  .bulleNewRouge{background-position:-80px -94px;top:-9px;right:4px}

	/* -- les megaMenus -- */
      #onglets li .megaMenu{
		  width:514px;
		  padding:10px;
		  border:1px solid #727171;
		  border-bottom-left-radius:5px;
		  -moz-border-radius-bottomleft:5px;
		  -webkit-border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
		  -moz-border-radius-bottomright:5px;
		  -webkit-border-bottom-right-radius:5px;
		  background-color:#FFF;
		  position:absolute;
		  top:37px;
		  z-index:100;/* doit reste une couche de moins que le lien des onglets .ongLink */
		  display:none;
      }
	  .posL{left:0}
	  .posM{left:-200px}
	  .posR{right:0}

	  #onglets .megaMenu .mainCol,
	  #onglets .megaMenu .rightCol{
	  	background-color:#EBEBEB;
		padding:10px;
	  	min-height:25em;
	  	height: auto !important;
	  	height: 25em;	  	
	  }
	  #onglets .megaMenu .rightCol{
		position:relative;
	  }
	  #onglets .megaMenu .mainCol{width:60%;float:left;}
	  
	  /* ajout pour FnacPro (sans rightCol détaché de mainCol) */
	  
	  #onglets li .twoCols {width:328px;}
	  #onglets .threeCols .mainCol{float:none;width:494px;}
	  #onglets .twoCols .mainCol{width:308px;float:none;}
	  
	    #onglets .megaMenu .mainColLeft{width:48%;float:left}
	    #onglets .megaMenu .mainColRight{width:48%;float:right;position:relative;min-height:22em;height:auto !important;height:22em}
	    
	    #onglets .threeCols .mainColLeft {width:31%}
	    #onglets .threeCols .mainColMiddle {width:31%;float:left;}
	    #onglets .threeCols .mainColRight {width:30%;}
	    #onglets .threeCols .posrel, #onglets .twoCols .posrel {min-height:22em;height: auto !important;height: 22em;}
	    
	    #onglets .megaMenu .allProd {position:absolute;bottom:0;font-weight:bold;padding:0}
	      #onglets .megaMenu .allLink {font-weight:bold;color:#000;}
	  #onglets .megaMenu .rightCol{width:30%;float:right;}
		  #onglets .megaMenu dl{margin:0;padding-bottom:7px}
		    #onglets .megaMenu dt, #onglets .megaMenu dt a{color:#DE9C00;font-weight:bold;margin-bottom:3px}
		    #onglets .megaMenu dt a{text-decoration:underline}
		    #onglets .megaMenu dt a:hover{text-decoration:none}
		    #onglets .megaMenu dd{margin-bottom:3px;padding-left:9px;background: url(../img/Template/Header/sprite-header2-png24.png) no-repeat -127px -75px}
		      #onglets .megaMenu dd a{color:#000;text-decoration:none}
		      #onglets .megaMenu dd a:hover{text-decoration:underline}	
		  #onglets .megaMenu .vignet{height:80px;padding-top:10px;position:absolute;bottom:0;left:0;right:0;background-color:#FFF;}	
            #onglets .vignet .visu{float:left;display:block;margin-right:5px}
            
      #MENU #backFnaccom {width:91px;height:29px;float:right;margin-right:10px;background-color:#efad0d;padding:3px;}
 /*========********===================*/
 	
 /* **** jquery.autocomplete.css (search form) **** */	
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;	z-index: 99999;	color: #000;letter-spacing:1px;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font: "Arial,Helvetica,Verdana,sans-serif";	font-size: 12px;line-height: 16px;overflow: hidden;}
.ac_results li strong {color: #DE9C00;}
.ac_odd {background-color: #fff;}
.ac_over {background-color: #828282;color: white;}
.ac_results li.ac_over strong {color: #FFF;}
/* ** */

/* ----- Bloc coup de coeurs pour CCM ----- */		
#mon_panier_coupcoeur{position:relative;float:left;width:19em;margin-top:4px;margin-right:30px;}
#mon_panier_coupcoeur #cartouche_coupcoeur {position:relative;z-index:9999;height:25px;padding-left:7px}
#mon_panier_coupcoeur #cartouche_coupcoeur, #mon_panier_coupcoeur #cartouche_coupcoeur p {background:transparent url(../img/decos/header/cartouche_panier_bkg1.png) no-repeat left bottom;}
#mon_panier_coupcoeur #cartouche_coupcoeur p {margin:0;line-height:25px;background-position:right bottom}
#mon_panier_coupcoeur img.panier {display:block;float:left;padding-right:7px;}
#mon_panier_coupcoeur .recapPanier {display:block;float:left;width:13em;height:25px;font-weight:bold;color:#FF7400;}	
#mon_panier_coupcoeur .recapPanier a {color:#FF7400;}
#mon_panier_coupcoeur img.panier {display:block;float:left;padding-right:7px;}
#mon_panier_coupcoeur .totArticles {display:block;float:left;width:1em;height:25px;padding:0 0 0 7px;background:transparent url(../img/decos/header/cartouche_panier_bkg2.png) no-repeat left bottom;color:#000;}
		
	
#page, #page_2cols, #page_1col, #enfants {
   padding-bottom:10px;
}
	/* ====== 4. Page / footer ======= */
	.wrapFooter{
	  margin:0 auto;		
	  min-width: 996px;
	  width: 83em;
	}
	/* ======Plus fnac ======= */
	.plusFnac{list-style: none; padding:10px 10px;margin:30px 0 0 0;background-color:#E2E2E2}
	  .plusFnac .pf{float:left;display:inline;background:url(../img/Template/Footer/sprite-footer.png) no-repeat 30px 0;padding:0 30px 0 33px;}
	  .pro .pf {background-image:url(../img/Template/Footer/sprite-footer-PRO.png);}
	  .plusFnac .pf a, .plusFnac .pf span{display:block;padding:11px 0px 11px 62px;}
	  .plusFnac .pf1 {background-position:0 0}
	  .plusFnac .pf2 {background-position:0 -55px}
	  .plusFnac .pf3 {background-position:0 -110px}
	  .plusFnac .pf4 {background-position:0 -165px}
	  .plusFnac .pf5 {background-position:0 -220px}
	/* ======iFrameFooter ======= */
	#iFrameFooter{
	margin:20px auto 10px auto;
	min-width:965px;
	text-align:center;
	clear:both;
	border:0;
	overflow:hidden;
	}

	/* ====== subfooter ======= */
	#subfooter{
	  margin:20px auto 10px auto;
	  min-width:965px;
	  text-align:center;
	  clear:both;
	}
	#subfooter ul, #subfooter li{
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	#subfooter li{
	  display:inline;
	  color:#666; 
	  margin:0 0 0 10px ;
	  padding:0 0 0 10px;
	  font-size:0.8em;
	  white-space:nowrap;
	  border-left:1px solid #666;  
	}
	.adherents #subfooter li{
	  color :#000;
	}
	#subfooter li.first{
	  margin:0;
	  padding:0;
	  border:0 !important;
	}
	#subfooter a{
	  text-decoration:none;
	  color:#666; 
	  text-transform:uppercase;
	  font-weight:bold
	}
	.adherents #subfooter a{
	  color:#666; 
	}
	#subfooter a:hover, .adherents #subfooter a:hover{
	  color:#000; 
	}
	#subfooter a.min{
	  text-decoration:none;
	  text-transform:none;
	  font-weight:bold
	  }
	#home #subfooter a, #home #footer a{
	  text-decoration:none;
	}


/* ===== 5. Top Recherche ===== */ 

#topRecherche{text-align:left;margin-top:25px}

#topRecherche h2{font-size:1.5em;}

#topRecherche ul, #topRecherche li{
  margin:0;
  padding:0;
  list-style:none;
}
#topRecherche li{
  display:inline;
  margin:0 10px 0 0;
  font-size:12px;
}
#topRecherche li.medium{font-size:16px;}
#topRecherche li.big{font-size:20px;}
#topRecherche li a{color:#666;}

/**/

	/*********** D.. CHEMIN DE FER ***************/
	
		/* ======== Chemin de fer ====== */
#cheminfer, #cheminfer *{
  margin:0;
  padding:0;
  list-style:none;
}
#cheminfer{
  padding:0;
  margin:0 0 10px 0;
  min-width:539px;
  width:auto;
  font-size:1em;
}
#FA #cheminfer{
  margin:0;
  padding:0;
}
#page_1col #cheminfer{
  margin-left:auto;
  margin-right:auto;
  width:539px;
}

#cheminfer li{
  display:inline;
  margin:0 5px 0 0;
  color:#000;
}
#cheminfer a{
  vertical-align:top;
  text-decoration:none;
  color:#000; 
}
#cheminfer a:hover{
  text-decoration:underline;
}
#cheminfer .current{
  font-weight:bold;
}
		
		
	/************ E.. MENU ARBO***************/
	
		#navigation, #navigationFM {
			font-size: 0.9em;
			text-align:left;
			margin-top:7px ;
		}
		#navigation, #navigation *, #navigationFM, #navigationFM * {
			margin: 0;
			padding: 0;
		}
		/* on pose le cas où la vignette livraison précède directement le menu gauche */
        #col_gauche_header + #navigation, #col_gauche_header + #navigationFM {
            padding:0 !important;
            margin-top:0 !important;
        }
        #navigation + .navigation, #navigationFM + .navigation {
            padding:0 !important;
            margin:0 !important;
        }
        #titres {
            margin:0pt;
            padding:0pt;
        }        
        #titres + #navigation {
            padding:0 !important;
            margin-top:0 !important;
        }
        #titres img {
            display:block;
        }
        #navigation .blkGris .inside_block, #navigation .blkOcre .inside_block {
			margin: 0 !important;
			padding: 5px;
		}
		#navigation .blkGris .inside_block dl, #navigation .blkOcre .inside_block dl {
			border:0;
			background-color:Transparent;
		}
		#navigation .blkGris ,#navigation .blkOcre ,#navigation .bottom {
			border-left:1px solid #999;
			border-right:1px solid #999;
		} 
		#navigation .blkOcre, #navigation .blkGris, #navigation .bottom {
			border-bottom:1px solid #999;
		} 
		#navigation .blkGris dl dt, #navigation .blkOcre dl dt {
			padding: 0;
			color:#DE9C00;
			text-transform:uppercase;
		}
		#navigation .blkOcre .inside_block {
			background-color:#FFF;
		}
		#navigation .header {
			border-left:1px solid #000;
			border-right:1px solid #000;
			border-top:1px solid #000;
		}
		div.top-artistes div.header, div.top-artistes div.header h2{
			background:url(../img/FicheIntervenant/deco/navn_background.png) no-repeat left top;
			zoom:1;
		}
		div.top-artistes div.header{padding: 0 0 0 12px;}
		
		div.top-artistes div.header h2 {background-position:right top;}
		

        #navigation .header, .navigation .header, #navigationFM .header {
			padding: 0 0 0 14px;
			background-color:#000;
		}
		#navigation .header h2, #navigation .header h1, #navigation .header .topleft, 
		.navigation .header h2, .navigation .header h1, .navigation .header .topleft {
			padding: 0 6px 0 0;
			/*min-height: 6px;
			_height: 6px;*/
			color: #DE9C00; 
			font-size: 1em;
			font-weight: normal;
		}
        #navigation .header h2 img, .navigation .header h2 img, #navigation .header h1 img, .navigation .header h1 img 
		{
		    display:block;
            padding:12px 0pt 8px;
		}
		#navigation .header h2.node, .navigation .header h2.node, #navigation .header h2.nodeenfant, .navigation .header h2.nodeenfant, #navigation .header h1.node, .navigation .header h1.node, #navigation .header h1.nodeenfant, .navigation .header h1.nodeenfant
		{
		font-size:1.4em;
		font-weight:bold;
		padding: 4px 10px 4px 0;
		}

		#navigation .header h2.node, .navigation .header h2.node, #navigation .header h1.node, .navigation .header h1.node 
		{
		color: #FFF;
		}
		
		#navigation .header h2.nodeenfant, .navigation .header h2.nodeenfant, #navigation .header h1.nodeenfant, .navigation .header h1.nodeenfant 
		{
		color: #FFF;
		}
		#navigation .header .topleft, #navigationFM .header .topleft{
			font-size:1px;
			height:7px;
		}
		#navigation dl, .navigation dl {
			background: #fff; 
			border: 1px solid #999; 
			border-width: 0 1px;
			padding: 0 5px 0 6px;
			color: #000; 
			zoom:1;
			_height:1%;
			
		}
		#navigation dl a, .navigation dl a {
			color: #666; 
			text-decoration: none;
		}
		#navigation dl a:hover, #mauve #navigation dd a:hover, .navigation dl a:hover  {
			text-decoration: underline;
		}
		#navigation dl dt, .navigation dl dt {
			font-weight: bold;
			padding: 0;
		}
		#navigation dl dd, .navigation dl dd {
			padding: 2px 0;
		}
		#navigation dl a.special_tab {
			color:#DE0000; 
		}
        #navigation .blkGris .inside_block dl, #navigation .blkOcre .inside_block dl 
        {
            padding:0 6px 3px 0px;
        }
		#navigation dl dt.subcat {
			font-weight:bold;
			color:#000; 
			padding: 7px 0 3px 0;
			text-transform:uppercase;
		}
		#adherentMarketingItem {
			background-image:url(../img/pictos/minipictoadh.gif);
			background-repeat:no-repeat;
			padding-left:20px;
		}
	
		/* Menu Navigation  moutarde (ex: mon compte) */
		#navigation.menumoutarde .header, #navigation.menumoutarde .header .topleft,
		#navigation.menumoutarde .bottom, #navigation.menumoutarde .bottom div{
		  background-image:url(../img/decos/navn2_background_menumoutarde.png);
		}
		#navigation.menumoutarde dl{background:#e5b033;color:#000;border:1px solid #DE9C00;border-width:0 1px;padding:0 12px;}
		#navigation.menumoutarde .topleft{ padding:0px}
		#navigation.menumoutarde dl dt{font-weight:bold; padding:5px 0 2px 0;}
		#navigation.menumoutarde dl dd{padding:2px 0;}
		#navigation.menumoutarde dl a{color:#000}

		/* Menu Navigation  Gris (ex: mon compte) */
		#navigationFM.menugris .header, #navigationFM.menugris .header .topleft,
		#navigationFM.menugris .bottom, #navigationFM.menugris .bottom div{
		background-image:url(../img/decos/navn2_background_menugris.png);
		}
		#navigationFM.menugris .header {background-color:Transparent;}
		#navigationFM.menugris .header .topleft {background-position:right top;}
		#navigationFM.menugris .bottom div {background-position:right bottom;}
		#navigationFM.menugris dl{background:#a9a9a9;color:#FFF;border:1px solid #939393;border-width:0 1px;padding:0 10px;}
		#navigationFM.menugris .topleft{padding:0px;}
		#navigationFM.menugris dl dt{font-weight:bold;padding:5px 0 6px 0;}
		#navigationFM.menugris dl dd{padding:2px 0;}
		#navigationFM.menugris dl a{color:#FFF;}
		
		/* liens Menu Marketing */
		#lkActus a, #lkBonPlans a, #lkPrefs a{color:#666 !important;}
		#lkActus .rouge, #lkBonPlans .rouge, #lkPrefs .rouge, #lkActus .rouge a, #lkBonPlans .rouge a, #lkPrefs .rouge a {color:#DE0000 !important;}
		
		/* reprise menu coins arrondis dans mon compte */ 
        #navigation.numcompte .header .topleft {background-position: right top;}
        #navigation.numcompte .header {background-color:#FFF !important;border-left:none;border-right:none;border-top:none;}
        #navigation.numcompte .bottom {background-position: 0 -150px;background-repeat: no-repeat;border:none;padding: 0 0 0 15px;}
        #navigation.numcompte .bottom div {background-position: right -150px;background-repeat: no-repeat;font-size: 1px;height: auto;min-height: 0;padding: 25px 0 0;}
		


/*layer d'attente*/
#waitingMsg { width:300px; zoom:1; border:1px solid black; background:#fff; padding:20px 10px; font-size:20px; display:none;}
#waitingMsg img {float:left;}
#waitingMsg p {zoom:1; overflow:hidden;text-align:center; margin:0; margin-left:10px; padding:0; line-height:1.2em;}
#shadowLayer {background:black; -moz-opacity:0.2; filter:alpha(opacity=20); opacity:0.2;}


/*bloc dynamo*/
.dynamo {margin:15px auto 0;min-width:996px;width:83em;font-size:11px;}
.dynamo, .dynamo a {color:#606060;}

/* ************
PANIER FLOTTANT 
******************************** */
#add_basketErgoPipeAjax {padding:15px 25px;background:#fff;position:relative;}
    .eBsktTtl{font-size:1em;font-weight:bold; text-align:center;margin:0 0 15px 0;text-transform:uppercase}
        .eBsktTtlAplat{background-color:#000;color:#FFF;padding:0.5% 2%;}
    .eBskt{margin-bottom:20px}
        .eBsktDetails{overflow:hidden;padding-left:20px}
            .eBsktDetails p{margin:0 0 5px 0}
    #add_basketErgoPipeAjax #navlist{list-style:none; }
    #add_basketErgoPipeAjax #navlist li {display:inline;}
    #totalArticlesPanierAjax{display:none}


	/* ====== 4. Page / footer ======= */
		#footer {
			margin:50px auto 10px auto;
			min-width: 650px;
			width: 78em;
			text-align: center;
		}
		#footer ul, #footer li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#footer li {
			display: inline;
			margin: 0 0 0 10px ;
			padding: 0 0 0 10px;
			font-size: 0.8em;
			white-space: nowrap;
			border-left: 1px solid #ADADAD;  /* gris foncé */
		}
		#footer li.first {
			margin: 0;
			padding: 0;
			border: 0 !important;
		}
		#footer a {
			text-decoration: none;
			color: #ADADAD; /* gris foncé */
			text-transform: uppercase;
			font-family: Arial, Verdana;
			font-weight: bold;
		}
		#footer a:hover {
			color: #000; /* noir */
		}
		
		.dynamic-banner-sep { display: none; }
