*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}

#conteneur{
	width:960px;
	height:470px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	background:transparent url(../atelier_couleur/img/bg-conteneur.jpg) no-repeat;
}

#centre {
	position:absolute;
	top:0;
	left:185px;
	width:776px;
}

/***********************************************************************************
								DEBUT NAV DE GAUCHE
***********************************************************************************/
#colonne_gauche, #colonne_gauche *
{
	margin : 0;
	padding : 0;
	border : 0;
}
#colonne_gauche
{
	width : 180px;
	height : 470px;
	background : url(../atelier_couleur/img/nav/fd_nav_03.png) 0 0 no-repeat;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_fr/_fr/atelier_couleur/img/nav/fd_nav_03.png');*/
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/_fr/_fr/atelier_couleur/img/nav/fd_nav_test.png');
  _background: none;	
	overflow : hidden;
	position : absolute;
	z-index : 2;
}
#colonne_gauche .herbabrillanceBR{
	position:absolute;
	z-index:3;
	width : 180px;
	height : 59px;
	left:0;
	bottom:6px;
}
.nav_atelier_couleur *
{
	display : block;
}
* html .nav_atelier_couleur *
{
	zoom : 1;
}

/* niv 1 >> */
.nav_atelier_couleur a
{
	text-decoration : none;
}
#colonne_gauche .nav_atelier_couleur li a
{
	font : bold 13px Arial, sans-serif;
	color : #fff;
	text-transform : uppercase;
	border-top : 1px solid #b9cc88;
	height : 32px;
	padding : 2px 0 3px 9px;
	position : relative;
	z-index:1000px;
}
#colonne_gauche .nav_atelier_couleur li a.mono
{
	line-height : 32px;
}
#colonne_gauche .nav_atelier_couleur li a:hover, #colonne_gauche .nav_atelier_couleur li a.active
{
	background : #dc006b;
	color:#fff;
}
.etsurmoi_produit
{
	position : absolute;
	right : 10px;
	top : 2px;
	width : 18px;
	height : 33px;
}
* html #colonne_gauche .nav_atelier_couleur ul, * html #colonne_gauche .nav_atelier_couleur li
{
	float : left;
	width : 180px
}
* html #colonne_gauche .nav_atelier_couleur li a, * html #colonne_gauche .nav_atelier_couleur li a:hover
{
	float : left;
  width : 180px;
}
*+html #colonne_gauche .nav_atelier_couleur ul, *+html #colonne_gauche .nav_atelier_couleur li
{
	float : left;
	width : 180px
}
*+html #colonne_gauche .nav_atelier_couleur li a, *+html #colonne_gauche .nav_atelier_couleur li a:hover
{
	float : left;
	width : 180px; 
}

/* << niv 1 */
/* niv 2 >> */
#colonne_gauche .nav_atelier_couleur li ul
{
	background : url(../atelier_couleur/img/nav/nav_gauche_sub_ul.png) 0 0 no-repeat;
	
}
* html #colonne_gauche .nav_atelier_couleur li ul
{
	background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_fr/_fr/atelier_couleur/img/nav/nav_gauche_sub_ul.png');
}

#colonne_gauche .nav_atelier_couleur li li
{
	padding : 1px 0 0 0;
	/*background : url(../atelier_couleur/img/nav/nav_gauche_sub_li.gif) 3px 0 repeat-x;*/
}
#colonne_gauche .nav_atelier_couleur li li a
{
	font : bold 11px/14px Verdana, Arial, sans-serif;
	color : #dc006b;
	text-transform : none;
	border-top : none;
	padding : 2px 0 3px 19px;
	background : url(../atelier_couleur/img/nav/nav_gauche_puce2_on.gif) no-repeat 9px 9px ;
	height : auto;
}
#colonne_gauche .nav_atelier_couleur li li a:hover, #colonne_gauche .nav_atelier_couleur li li a.active
{
	color:#dc006b;
	background :#fff url(../atelier_couleur/img/nav/nav_gauche_puce2_on.gif) no-repeat 9px 9px ;
}
* html #colonne_gauche .nav_atelier_couleur li ul, * html #colonne_gauche .nav_atelier_couleur li li
{
	float : left;
	width : 180px;
}
* html #colonne_gauche .nav_atelier_couleur li li a, * html #colonne_gauche .nav_atelier_couleur li li a:hover
{
	float : left;
	width : 161px;
}
*+html #colonne_gauche .nav_atelier_couleur li ul, *+html #colonne_gauche .nav_atelier_couleur li li
{
	float : left;
	width : 180px;
}
*+html #colonne_gauche .nav_atelier_couleur li li a, *+html #colonne_gauche .nav_atelier_couleur li li a:hover
{
	float : left;
	width : 161px;
}
#flashcontent
{
	position : absolute;
	z-index : 1;
	left : 0;
	top : 0;
	width : 960px;
	height : 470px;
}

/* << niv 2 */

/***********************************************************************************
								FIN NAV DE GAUCHE
***********************************************************************************/