/*************************************************************************************************************************************************
	CALQUES
*************************************************************************************************************************************************/

/*
	FONDS
	BANNIERE
	MENU
	ICONES
	SEARCHZONE
	PROMOTION
	PRODUIT DU MOIS
	DESTOCKAGE
	SEPARATEUR
	FOOTER
*/

/**********************************************
	FONDS
**********************************************/
a[href*=directory] {
	text-decoration: none;
	border: 0 none;
	}
	
	#fond_blanc 
	{
		position:absolute;
		width:912px;
		height:688px;
		z-index:1;
		left: 15px;
		top: 15px;
		right: 937px;
		background-color:#FFFFFF;
		border:solid;
		border-color:#999999;
		border-width: 1px;
	}
	
	#barre_grise 
	{
		position:absolute;
		width:8px;
		height:194px;
		z-index:2;
		left: 929px;
		top: 40px;
		background-color: #817F7F;
	}
	
	#barre_bleue 
	{
		position:absolute;
		width:865px;
		height:8px;
		z-index:2;
		left: 39px;
		top: 705px;
		background-color: #0099CC;
		line-height:0;
		font-size:0;
	}
	

/**********************************************
	BANNIERE
**********************************************/

	#banniere 
	{
	position:absolute;
	width:576px;
	height:68px;
	z-index:2;
	left: 25px;
	top: 25px;
	background-image:url(../img/globales/trame_logo.gif);
	background-repeat:no-repeat;
	}
		
	#logo 
	{
	position:absolute;
	width:289px;
	height:63px;
	z-index:3;
	left: 0px;
	top: 18px;
	text-decoration:none;
	}
		
	#banniere2 
	{
	position:absolute;
	width:576px;
	height:126px;
	z-index:2;
	left: 25px;
	top: 93px;
	background-image:url(../img/globales/back-logo2.gif);
	background-repeat:no-repeat;
	}
	
	#sono_tune 
	{
	position:absolute;
	width:142px;
	height:81px;
	z-index:3;
	left: 113px;
	top: 34px;
	background-image:url(../img/globales/sono-tune-off.gif);
	background-repeat:no-repeat;
	}
	
	#txt_banniere 
	{
	position:absolute;
	width:288px;
	height:37px;
	z-index:3;
	left: 280px;
	top: 10px;
	}
	
	#txt2_banniere 
	{
	position:absolute;
	width:200px;
	height:17px;
	z-index:3;
	left: 369px;
	top: 60px;
	}
	
	#form_banniere 
	{
	position:absolute;
	width:244px;
	height:113px;
	z-index:5;
	left: 9px;
	top: 10px;
	}
	
	#accroche_login 
	{
	position:absolute;
	width:259px;
	height:26px;
	z-index:15;
	left: 315px;
	top: 93px;
	}

	
/**********************************************
	MENU
**********************************************/

	/* home */
	#menu1 
	{
		position:absolute;
		width:280px;
		height:47px;
		z-index:2;
		left: 609px;
		top: 25px;
		background-image:url(../img/menu/menu-on.gif);
		background-repeat:no-repeat;
	}
	
	#home 
	{
		position:absolute;
		width:265px;
		height:20px;
		z-index:3;
		left: 11px;
		top: 14px;
	}

	/* nouveaux produits */
	#menu2 
	{
		position:absolute;
		width:280px;
		height:47px;
		z-index:2;
		left: 609px;
		top: 74px;
		background-image:url(../img/menu/menu-off.gif);
		background-repeat:no-repeat;
		text-decoration:none;
	}
		
	#produits 
	{
		position:absolute;
		width:268px;
		height:20px;
		z-index:3;
		left: 11px;
		top: 14px;
	}
	
	/* catalogue */
	#menu3 
	{
		position:absolute;
		width:280px;
		height:47px;
		z-index:2;
		left: 609px;
		top: 123px;
		background-image:url(../img/menu/menu-off.gif);
		background-repeat:no-repeat;
		text-decoration:none;
	}
	
	#catalogue 
	{
		position:absolute;
		width:269px;
		height:22px;
		z-index:3;
		left: 11px;
		top: 14px;
	}
	
	/* promotions */
	#menu4 
	{
		position:absolute;
		width:280px;
		height:47px;
		z-index:2;
		left: 609px;
		top: 172px;
		background-image:url(../img/menu/menu-off.gif);
		background-repeat:no-repeat;
		text-decoration:none;
	}
	
	#promotions 
	{
		position:absolute;
		width:267px;
		height:20px;
		z-index:3;
		left: 11px;
		top: 14px;
	}

/**********************************************
	ICONES
**********************************************/

	#caddie 
	{
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 40px;
	background-image:url(../img/globales/caddie-off.gif);
	background-repeat:no-repeat;
	}
	
	#caddie:hover
	{
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 40px;
	background-image:url(../img/globales/caddie-on.gif);
	background-repeat:no-repeat;
	}
	
	#client 
	{
		position:absolute;
		width:44px;
		height:44px;
		z-index:2;
		left: 948px;
		top: 88px;
		background-image:url(../img/globales/user-off.gif);
		background-repeat:no-repeat;
	}
	
	#client:hover 
	{
		position:absolute;
		width:44px;
		height:44px;
		z-index:2;
		left: 948px;
		top: 88px;
		background-image:url(../img/globales/user-on.gif);
		background-repeat:no-repeat;
	}
	
	#mail 
	{
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 138px;
	background-image:url(../img/globales/mail-off.gif);
	background-repeat:no-repeat;
	}

	#mail:hover
	{
		position:absolute;
		width:44px;
		height:44px;
		z-index:2;
		left: 948px;
		top: 138px;
		background-image:url(../img/globales/mail-on.gif);
		background-repeat:no-repeat;
	}
#solde {
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 188px;
	background-image:url(../img/globales/icone_solde_off.gif);
	background-repeat:no-repeat;
}
#solde:hover {
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 188px;
	background-image: url(../img/globales/icone_solde_on.gif);
	background-repeat:no-repeat;
}
#twitter {
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 188px;
	background-image:url(../img/globales/icone_twitter_off.gif);
	background-repeat:no-repeat;
}
#twitter:hover {
	position:absolute;
	width:44px;
	height:44px;
	z-index:2;
	left: 948px;
	top: 188px;
	background-repeat:no-repeat;
	background-image: url(../img/globales/icone_twitter_on.gif);
}

	
	
/**********************************************
	SEARCHZONE
**********************************************/
	
	/* texte searzone */
	#searchzone 
	{
		position:absolute;
		width:281px;
		height:30px;
		z-index:2;
		left: 25px;
		top: 226px;
	}
	
	/* zone de saisie */
	#recherche 
	{
		position:absolute;
		width:106px;
		height:21px;
		z-index:2;
		left: 197px;
		top: 227px;
	}

	/* bouton go */
	#bouton 
	{
		position:absolute;
		width:84px;
		height:22px;
		z-index:3;
		left: 314px;
		top: 228px;
	}


/**********************************************
	PROMOTION
**********************************************/

	/* entete haut */
	#entete1 
	{
		position:absolute;
		width:280px;
		height:24px;
		z-index:2;
		left: 25px;
		top: 254px;
		background-image:url(../img/globales/entete1-off.gif);
		background-repeat:no-repeat;
	}
	
	/* entete haut texte */
	#entete_promo 
	{
	position:absolute;
	width:118px;
	height:17px;
	z-index:3;
	left: 155px;
	top: 4px;
	text-align: right;
	}
	
	/* contenu */
	#blocpromo 
	{
		position:absolute;
		width:280px;
		height:356px;
		z-index:3;
		left: 25px;
		top: 280px;
		
	}
	
	/* entete bas */
	#bas_entete1 
	{
		position:absolute;
		width:280px;
		height:20px;
		z-index:2;
		left: 25px;
		top: 638px;
		background-image:url(../img/globales/bas-entete1-off.gif);
		background-repeat:no-repeat;
		text-align: right;
		vertical-align: super;
	}
	
	/* entete bas texte */
	#bas_entete_promo 
	{
	position:absolute;
	width:199px;
	height:17px;
	z-index:3;
	left: 74px;
	top: 3px;
	text-align: right;
	}

/**********************************************
	PRODUIT DU MOIS
**********************************************/
		
	/* entete haut */
	#entete2 
	{
		position:absolute;
		width:287px;
		height:24px;
		z-index:2;
		left: 314px;
		top: 254px;
		background-image:url(../img/globales/entete2-off.gif);
		background-repeat:no-repeat;
	}
	
	/* entete haut texte */
	#entete_prod 
	{
	position:absolute;
	width:177px;
	height:17px;
	z-index:3;
	left: 102px;
	top: 4px;
	text-align: right;
	}
	
	/* contenu */
	#blocprodmois 
	{
		position:absolute;
		width:287px;
		height:356px;
		z-index:3;
		left: 314px;
		top: 280px;
	}
	
	/* entete bas */
	#bas_entete2 
	{
		position:absolute;
		width:287px;
		height:20px;
		z-index:2;
		left: 314px;
		top: 638px;
		background-image:url(../img/globales/bas-entete2-off.gif);
		background-repeat:no-repeat;
	}
	
	/* entete bas texte */
	#bas_entete_prod 
	{
	position:absolute;
	width:115px;
	height:17px;
	z-index:5;
	left: 165px;
	top: 3px;
	text-align: right;
	}

/**********************************************
	DESTOCKAGE
**********************************************/

	/* entete haut */
	#entete3 
	{
		position:absolute;
		width:280px;
		height:24px;
		z-index:2;
		left: 609px;
		top: 254px;
		background-image:url(../img/globales/entete3-off.gif);
		background-repeat:no-repeat;
	}
	
	/* entete haut texte */
	#entete_destock 
	{
	position:absolute;
	width:120px;
	height:17px;
	z-index:3;
	left: 152px;
	top: 4px;
	text-align: right;
	}
	
	/* contenu */
	#blocdestock 
	{
		position:absolute;
		width:280px;
		height:356px;
		z-index:3;
		left: 609px;
		top: 280px;
	}
	
	
	/* entete bas */
	#bas_entete3 
	{
	position:absolute;
	width:280px;
	height:20px;
	z-index:2;
	left: 609px;
	top: 638px;
	background-image:url(../img/globales/bas-entete3-off.gif);
	background-repeat:no-repeat;
	}
	
	/* entete bas texte */
	#bas_entete_destock 
	{
	position:absolute;
	width:179px;
	height:17px;
	z-index:3;
	left: 93px;
	top: 3px;
	text-align: right;
	}
	
	
/**********************************************
	SEPARATEUR
**********************************************/

	/* barre orange destockage */
	#barre_orange 
	{
	position:absolute;
	width:279px;
	height:2px;
	z-index:3;
	left:0px;
	top:177px;
	background-color:#FF7000;
	line-height:0;
	font-size:0;
	}

	/* barres destockage */

	#separateur1 
	{
		position:absolute;
		z-index:4;
		width:280px;
		height:2px;
		background-color:#999999;
		top: 60px;
		left: 0px;
		line-height:0;
		font-size:0;
	}
	
	#separateur2 
	{
		position:absolute;
		width:280px;
		height:2px;
		z-index:4;
		left: 0px;
		top: 134px;
		background-color:#999999;
		line-height:0;
		font-size:0;
	}
	
	#separateur3 
	{
		position:absolute;
		width:280px;
		height:2px;
		z-index:4;
		left: 0px;
		top: 208px;
		background-color:#999999;
		line-height:0;
		font-size:0;
	}
	
	#separateur4 
	{
		position:absolute;
		width:280px;
		height:2px;
		z-index:4;
		left: 0px;
		top: 282px;
		background-color:#999999;
		line-height:0;
		font-size:0;
	}
	
	#separateur5 
	{
		position:absolute;
		width:280px;
		height:2px;
		z-index:4;
		left: 0px;
		top: 307px;
		background-color:#999999;
		line-height:0;
		font-size:0;
	}


/**********************************************
	FOOTER
**********************************************/

	/* menu du bas */
	#bas 
	{
	position:absolute;
	width:866px;
	height:19px;
	z-index:34;
	left: 25px;
	top: 665px;
	}
#dropin {
	position:absolute;
	width:350px;
	height:324px;
	z-index:40;
	left: 5px;
	top: 37px;
}

/**********************************************
	MESSAGE
**********************************************/
	#message {
	position:absolute;
	width:140px;
	height:18px;
	z-index:2;
	left: 26px;
	top: 24px;
	}
	.message-option {
	display:none;
	}
	
	.tickercontainer { /* the outer div with the black border */
	z-index:2;
	background: #fff; 
	width: 140px; 
	height: 18px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
	}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	top: 4px;
	width: 140px;
	overflow: hidden;
	}
	ul.newsticker { /* that's your list */
	position: relative;
	left: 160px;
	white-space : nowrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
	}
	ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #FF7000;
	margin: 0 50px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	} 
	ul.newsticker span {
	margin: 0 10px 0 0;
	} 
	#shopmania {
	position:absolute;
	width:576px;
	height:68px;
	z-index:1;
	left: 25px;
	top: 25px;
	background-image:url(../img/globales/trame_logo.gif);
	background-repeat:no-repeat;
}
/**********************************************
	TEST H1 H2 H3
**********************************************/
	h1 {
	FONT-SIZE: 18px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	margin: 0 0 0 0 ;
	font-weight: normal;

}

	h2 {
	FONT-SIZE: 18px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	margin: 0 ;
	font-weight: normal;

}