/* everything is constructed with a single background image */

/* root element for tabs */

#slider-hp {
	margin-bottom: 35px;
}

#page ul#flowtabs,
#page-2col-right ul#flowtabs,
#page-2col-left ul#flowtabs
{
	/* dimensions */
	width:610px;
	height:30px !important;
	margin:0 !important; 
	padding:0;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

#page ul#flowtabs.categorie,
#page-2col-right ul#flowtabs.categorie,
#page-2col-left ul#flowtabs.categorie
{
	background: url(../images/categorie-fond-bas.gif) left top no-repeat;
	padding-top: 10px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 30px;   
	padding: 0px 0 0 20px;
	margin:0px;
	
	/* font decoration */
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	line-height: 25px;
}

/* adjust the background image position on each tab */
#flowtabs a.stockage	{ background: url(../images/stockage.gif) left top no-repeat; width: 53px; }
#flowtabs a.manutention	{ background: url(../images/manutention.gif) left top no-repeat; width: 70px; }
#flowtabs a.equipement	{ background: url(../images/equipement.gif) left top no-repeat; width: 71px; }
#flowtabs a.environnement	{ background: url(../images/environnement.gif) left top no-repeat; width: 86px; }
#flowtabs a.magasin	{ background: url(../images/magasin.gif) left top no-repeat; width: 49px; }
#flowtabs a.tertiaire	{ background: url(../images/tertiaire.gif) left top no-repeat; width: 49px; }
#flowtabs a.collectivites	{ background: url(../images/collectivites.gif) left top no-repeat; width: 84px; }
#flowtabs a.solutions	{ background: url(../images/produits-solutions.gif) left top no-repeat; width: 121px; color: #636365; padding-left:14px; }
 
/* mouseover state */
#flowtabs a:hover		{ color: #003399; }

/* currently selected tabs */
#flowtabs a.current		{ color: #003399;  }
#flowtabs #t1.current	{  }
#flowtabs #t2.current	{  }
#flowtabs #t3.current	{  }
#flowtabs #t4.current	{  }


/* panes */
#flowpanes-test {
	width:610px;
	height:314px;
}


/* single pane */
/*
#flowpanes div {
	display:none;	
	color:#fff;	
}
*/

.lien-slider {
	margin: 150px 0 0 280px;
}

.itemEquipement .lien-slider-col1 {
	position: absolute;
	width: 190px;
	margin: 130px 0 0 250px;
}

.itemEquipement .lien-slider-col2 {
	position: absolute;
	width: 190px;
	margin: 130px 0 0 410px;
}

.itemStockage {
	background: url(../images/slider/stockage.jpg) left top no-repeat;
}

.itemManutention {
	background: url(../images/slider/manutention.jpg) left top no-repeat;
}

.itemEquipement {
	background: url(../images/slider/equipement.jpg) left top no-repeat;
	position: relative;
}

.itemEnvironnement {
	background: url(../images/slider/environnement.jpg) left top no-repeat;
}

.itemMagasin {
	background: url(../images/slider/magasin.jpg) left top no-repeat;
}

.itemTertiaire {
	background: url(../images/slider/tertiaire.jpg) left top no-repeat;
}

.itemCollectivites {
	background: url(../images/slider/collectivites.jpg) left top no-repeat;
}

.itemStockage a { color: #4185bb; }

.itemManutention a { color: #126e30; }

.itemEquipement a { color: #7e4f1f; }

.itemEnvironnement a { color: #97be0d; }

.itemMagasin a { color: #eb6a0a; }

.itemTertiaire a { color: #e30062; }

.itemCollectivites a { color: #82939b; }



/* override the root element to enable scrolling */
#flowpanes-test {
	position:relative;
	overflow:hidden;
	clear:both;
	z-index: 1;
}

/* override single pane */
#flowpanes-test div {
	float:left;
	display:block;
	width:610px;
	height: 314px;
	font-size:14px;
	z-index: 1;
}

#flowpanes-test div ul li {
	padding: 2px 0;
}

#flowpanes-test div ul li a {
	font-size: 1.0em;
}

/* our additional wrapper element for the items */
#flowpanes-test .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
	z-index: 1;
}
