/* -----------------------------------------------------------			
	---------------- DIV QUI ENGLOBE LE MENU ---------------------
	----------------------------------------------------------- */
#go_menu{
	min-width:1025px;
}

/* -----------------------------------------------------------			
	--------------------- HEADER ET LOGO ------------------------
	----------------------------------------------------------- */
#header{
	width:337px;
	text-align:left;
}

h1#logoGO{
	height: 43px;
	overflow: hidden;
	position: relative;
	margin: 20px 0 20px 0;
  width: 850px;
	margin-left: auto;
  margin-right: auto;
}
h1#logoGO span {
	/* background-image: url('/img/graphicobsession-g-fr.png'); */
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 337px;
}
h1#logoGO img {
  height: 43px;
  position: absolute;
  top: 0;
  left: 370px;
}

/* -----------------------------------------------------------			
	-------- TABS DE GAUCHE (MEDIAS + PROMO) -----------------
	----------------------------------------------------------- */
/* root des tabs */
#flowtabs {		
	float:left;
	min-width:500px;
	height:31px !important;
	margin:0 !important; 
	padding:0;
	/* IE6 (préfixe "_") */
	_margin-bottom:-2px;
}
/* tab */
#flowtabs li { 
	float:left; 
	margin:0;
	margin-right:10px;
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
#flowtabs li.right { 
	float:right; 
	margin:0;
	margin-left:10px;
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
/* lien contenu dans les tabs */
#flowtabs li a {
	background: url('/img/tabs_left.png') no-repeat;
	display:block;
	height: 31px;   
	width: 100px; 	
	padding:0px;
	margin:0px;	
	color:#666;
	font-size:1em;
	font-weight:bold;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}
#flowtabs li a.current {   
	width: 130px;
	font-size:1.3em;
}

#flowtabs li.right a {
	background:none;
	display:block;	
	padding:0px;
	margin:0px;
	width:auto;
	margin-left:20px;
	color:#666;
	font-size:10px;
	font-weight:bold;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}
#flowtabs li.right a.current { 
	font-size:10px;
}
/* on ajuste la position du BG pour chaque tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: 0 0; }
#flowtabs #t3 			{ background-position: 0 0; }
#flowtabs #t4 			{ background-position: 0 0; }
#flowtabs #t5 			{ background-position: -140px 0; }
 
/* rollover sur les tabs */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position: 0 -33px; }
#flowtabs #t2:hover 	{ background-position: 0 -33px; }
#flowtabs #t3:hover 	{ background-position: 0 -33px; }
#flowtabs #t4:hover 	{ background-position: 0 -33px; }
#flowtabs #t5:hover 	{ background-position: -140px -33px; color:#333; }

/* tab sélectionnée */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current 	{ background-position: 0 -66px; }
#flowtabs #t2.current 	{ background-position: 0 -66px; }
#flowtabs #t3.current 	{ background-position: 0 -66px; }
#flowtabs #t4.current 	{ background-position: 0 -66px; }
#flowtabs #t5.current 	{ background-position: -140px -66px; }

/* -----------------------------------------------------------			
	-------- TABS DE DROITE (RAPPELEZ-MOI) -----------------
	----------------------------------------------------------- */
/* root des tabs de droite */
#righttabs {	
	float:left;
	min-width:100px;
	height:31px !important;
	margin:0 !important; 
	padding:0;
	/* IE6 (préfixe "_") */
	_margin-bottom:-2px;
}
/* tab */
#righttabs li { 
	float:left; 
	margin:0;
	margin-right:10px;
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
/* lien contenu dans les tabs */
#righttabs li a {
	background: url('/img/tabs_left.png') no-repeat;
	display:block;
	height: 31px;   
	width: 100px; 	
	padding:0px;
	margin:0px;	
	color:#666;
	font-size:1em;
	font-weight:bold;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}
#righttabs li a.current {   
	width: 130px;
	font-size:1.3em;
}

#righttabs li.right a {
	background:none;
	display:block;	
	padding:0px;
	margin:0px;
	width:auto;
	margin-left:20px;
	color:#666;
	font-size:10px;
	font-weight:bold;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}
#righttabs li.right a.current { 
	font-size:10px;
}

/* on ajuste la position du BG pour chaque tab */
#righttabs #t6 			{ background-position: -280px 0; color:#FFFFFF; }
 
/* rollover sur les tabs */
#righttabs a:hover 		{ color:#fff;	 }
#righttabs #t6:hover 	{ background-position: -280px -33px; color:#FFFFFF; }

/* -----------------------------------------------------------			
	-------- LIENS DE DROITE (Lightbox, Profil) -----------------
	----------------------------------------------------------- */
#flowlinks {
	float: right;
	padding-top: 0px;
}
	#flowlinks .trigger{
		float:right;
		display:inline;
		font-size:10px;
		font-weight:bold;
		margin:3px 10px 0 0;
		line-height:2em;
	}
	#flowlinks .trigger a{
		color:#000;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
	}
	#flowlinks .notrigger{
		float:right;
		display:inline;
		font-size:10px;
		font-weight:bold;
		margin:0 15px;
		line-height:2em;
	}
	.linkLightbox {
		padding:2px 5px 2px 22px;
		background: url('/img/icon_lightbox.gif') no-repeat 0px;
		color: #000;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		text-decoration:none;
		outline:none;
		margin-right:15px;
	}
  .linkLightbox:hover {
    text-decoration:underline;
	}
  
	.linkProfile {
		padding:2px 5px 2px 22px;
		background: url('/img/icon_profile.gif') no-repeat 0px;
		color: #000;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		text-decoration:none;
		outline:none;
		margin-right:15px;
	}
  
	.linkProfileNL {
		padding: 2px 0px 2px 22px;
		background: url('/img/icon_profile.gif') no-repeat 0px;
		color: #000;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-decoration: none;
		outline: none;
		margin-right: 0;
	}

	.linkInscription {
		padding: 2px 0px 2px 0;
		color: #000;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-decoration: none;
		outline: none;
		margin-right: 10px;
	}

  .linkProfile:hover {
    text-decoration:underline;
  }
  
  .linkProfileNL:hover {
    text-decoration:underline;
  }
  
  .linkInscription:hover {
    text-decoration:underline;
  }
  
  #flowlinks p {
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
    display: inline;
    margin: 0;
    padding: 0;
  }
  
	/* -----------------------------------------------------------			
	----------------- Panneaux sous les tabs ---------------------
	----------------------------------------------------------- */
#flowpanes {
	background:#fff url('/img/tabs_left.png') no-repeat 0 -98px;		
	/*width:960px;*/
    width:100%;
    height:51px;   
    position:relative;
    overflow:visible;
    clear:both;
    float:left;
}
	/* -----------------------------------------------------------			
	----------------- Partie pour un panneau simple ---------------
	----------------------------------------------------------- */
	#flowpanes div {
		float:left;
		display:block;
		/*width:920px;*/
		width:100%;
		color:#fff;	
		margin:12px 0px;
	}

		#flowpanes div h2 {
			color:#fff;
			margin:10px 0 0 0;
			font-size:1.5em;
		}
	#flowpanes a {
		color:#fff;		
		font-weight:bold;
		font-size:1em;
		text-decoration:none;
		/* outline:none supprime les pointillés générés par le navigateur autour des liens */
		outline: none;
	}
  
  	#flowpanes a.petitsPrix {
		color: #FF9A37;
  	}
  
	#flowpanes a:hover {
		text-decoration:underline;
	}
	#flowpanes p {
		color:#fff;		
	}
	#flowpanes div.narrow {
		padding-right:0px;
		margin:0 0 0 20px;
		min-width:730px;
		width:810px;
	}
	/* -----------------------------------------------------------			
	---------------------- Partie du PANIER ----------------------
	----------------------------------------------------------- */
	#flowpanes .basketdiv{
		padding-top:16px;
		width:195px;
		float:right;
		text-align:right;
	}
  .linkBasket {
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    padding:9px 6px 11px 44px;
    background: url('/img/cart_button.png') no-repeat;
    background-position: 0 0;
    outline:none;
  }
  .linkBasket:hover {
    text-decoration:underline;
    background-position: 0 -35px;
  }
  #txtNbArtPanier{
    color: white;
  }
	/* -----------------------------------------------------------			
	---------------- Partie Formulaire de recherche --------------
	----------------------------------------------------------- */
	#flowpanes div.searchForm{
		width:380px;
		float:left;
		display:inline;
	}
  .searchInput{
    background-image:url('/img/formsearch_text_bg.gif');
    border:0px solid #ccc;
    background-color:#FFF;			
    font-size:14px;
    padding:3px;
    width:320px;
    height:19px;
  }
  /* Bouton GO */
  .searchButton{
    background:#606060 url('/img/boutongo2.png');
    border:0px;
    color:#000;
    font-size:10px;
    font-weight:bold;
    width:50px;
    height:25px;
    margin-left:-4px;	
    margin-top:0px;
    padding-top:2px;
    position: relative;
    top: 1px;
  }
  .searchButton:hover{
    background-position: 0 -25px;
  }
  .searchCheckbox{	
    margin-top:6px;
  }		
  /* text pour les radiobuttons */
  #flowpanes div.searchForm .small{
    font-size:10px;
  }
		
	/* -----------------------------------------------------------			
	-------------- Partie sous-menu (CD, Collection,...) ---------
	----------------------------------------------------------- */
	#flowpanes div.submenu, #flowpanes div.submenu{
		width:430px;
		float:left;
		display:inline;
		margin-top:17px;
	}
  #flowpanes div.submenu ul, #flowpanes div.submenu ul{
    display:inline;
    list-style-type:none;
    padding:0;
    margin:0;
  }
  #flowpanes div.submenu li, #flowpanes div.submenu li{
    display:inline;
    padding-left:21px;
    background: url(/img/pipe.gif) no-repeat;
  }
  #flowpanes div.submenu li a, #flowpanes div.submenu li a{
    padding-bottom:20px;
    font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
  }	
  		
	/* -----------------------------------------------------------			
	----------------- Partie Formulaire de callback --------------
	----------------------------------------------------------- */
		/* Bouton OK */
		.okButton{
			background:#fff url('/img/boutonok.png');
			border:0px;
			color:#000;
			font-size:10px;
			font-weight:bold;
			width:38px;
			height:26px;	
		}
		.okButton:hover{
			background-position: 0 -26px;
		}
	

/* -----------------------------------------------------------			
	----------------- Champs de formulaire  ----------------------
	----------------------------------------------------------- */
.loginInput{
	border:1px solid #000;
	background-color:#FFF;
	font-size:11px;
	padding:3px;
	width:120px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.textInput{
	border:1px solid #ccc;
	background-color:#FFF;			
	font-size:14px;
	padding:3px;
	width:280px;
}
.textButton{
	border:1px solid #DDD;
	background-color:#EEE;			
	font-size:12px;
	padding:3px;
}	
.textButton:hover{
	background-color:#DDD;	
}		

	
/* -----------------------------------------------------------			
	----------- LISTE RADIO SOUS LE CHAMP DE RECHERCHE --------
	----------------------------------------------------------- */
.radiolist{
	display:none;
	background-color:#333;
	margin-top:0px;
	padding:0 7px 7px 7px;
	width:330px;
	height:55px;
}
.radiolist label{
  font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  color: #FFF;
}
.closeradiolist{
	margin-top:10px;
	margin-right:8px;
}
.closeradiolist:hover{
	cursor:pointer;
}
.among_purchases{
	margin-left:28px;
}



/*-------------------*/
#flowpanes {
	position:relative;
	overflow:visible;
	clear:both;
}
/* tooltip */
div.tooltip {
	display:none;
	background:url(/img/black_arrow.png) no-repeat;
	height:91px;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:13px;
	margin-top:10px;
	margin-bottom:15px;
	width:40px;
	font-size:11px;
	color:#fff;
}
.tooltip img {
	background:none;
  border: 0;
	display:inline;
	height: 11px;
	width: 16px;
	padding:0;
	margin:0px;
	margin-bottom:3px;
	line-height:17px;
	color:#666;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}














#flowpanes {
	position:relative;
	overflow:visible;
	clear:both;
}
/* tooltip */
div.tooltip {
	display:none;
	background:url(/img/black_arrow.png) no-repeat;
	height:91px;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:13px;
	margin-top:10px;
	margin-bottom:15px;
	width:40px;
	font-size:11px;
	color:#fff;
}
.tooltip img {
	background:none;
	display:inline;
	height: 11px;
	width: 16px;
	padding:0;
  border: 0;
	margin:0px;
	margin-bottom:3px;
	line-height:17px;
	color:#666;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	/* outline:none supprime les pointillés générés par le navigateur autour des tabs */
	outline: none;
}
.tooltip a {
	font-size: 11px;
  font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
}