.titre, .sousTitre{
	margin: 0 0 0 19px;
}

.titre{
	height: 31px;
	padding-top: 8px;
}

.titre h1{
	font-size: 24px;
	font-weight: bold;
	color:#006500;
}

.titre span{
	text-transform: uppercase;
}

.sousTitre{
	font-size: 12px;
	color:#033d27;
	/*width: 616px;*/
	line-height: 15px;
	letter-spacing: -1px;
}

.produits{
	position: absolute;
	top: 113px;
	left: 19px;
}
.trade4-garnier-produits{width: 570px; padding-top: 50px;}

.produitsBas{top: 287px;}

.produitsLigne{display: table !important;}

.trade4-garnier-produitsLigne{width: 570px;}

/* DEBUT GABARIT 1 */
.gabarit1 .produitsColGlobal{
	width:280px;
	height:347px;
	float: left;
	display: block;
	position: relative;	
}

.gabarit1 .produitsCol, .gabarit1 .produitsColEnAvant, .gabarit1 .produitsColHoverproduit1, .gabarit1 .produitsColHoverproduit2, .gabarit1 .produitsColHoverproduit3{	
	width:279px;
	height:347px;
	cursor: pointer;
}

.gabarit1 .produitsColHoverproduit1, .gabarit1 .produitsColHoverproduit2, .gabarit1 .produitsColHoverproduit3{
	float: left;	
}

.gabarit1 .titreProduitHaut{
	position: absolute;
	width: 274px;
	padding: 0 3px;
	left: 0;
	top: 11px;
	z-index: 16;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.gabarit1 .titreProduitHaut h2{
	font-size: 17px;
	color: #313131;
	font-weight: normal;	
}

.gabarit1 .imgProduitCentre{
	position: absolute;
	left: 0;
	top:61px;
	z-index: 15;
	cursor: pointer;
}

.gabarit1 .fondProduitBas{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 279px;
	height: 35px;	
	z-index: 10;
}

.gabarit1 .fondProduitBas a{
	display: block;
	background: none;
	width: 279px;
	height: 35px;
	font-size: 15px;
	color: #313131;	
}

.gabarit1 .fondProduitBas span{
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/common/flechefondbasg.png');
	background: none;
	padding: 0 0 0 13px;
	margin: 0 0 0 30px;
	width: 226px;
	cursor: pointer;
	line-height:15px;
}

.gabarit1 .fondProduitBas[class] span{
	background: transparent url("/img/common/flechefondbasg.png") top left no-repeat;	
}
/* FIN GABARIT 1 */

/* DEBUT GABARIT 2 */
.gabarit2{color:#006500;}

.gabarit2 .produitsColGlobal{
	width:142px;
	height:174px;	
	float: left;
	display: block;
	position: relative;		
}

.gabarit2 .produitsCol, .gabarit2 .produitsColEnAvant, .gabarit2 .produitsColHover, .gabarit2 .produitsColHoverEnAvant{	
	width:141px;
	height:174px;	
	cursor: pointer;
}

.gabarit2 .produitsColHover, .gabarit2 .produitsColHoverEnAvant{float: left;}

.gabarit2 .produitsCol{	
	background: transparent url("/img/our_products/rolloff.png") top left repeat;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/our_products/rolloff.png');
	_background: none;		
}

.gabarit2 .produitsColHover{background: url("/img/our_products/rollon.gif") top left repeat;}

.gabarit2 .produitsColEnAvant{
	background: transparent url("/img/our_products/rolloffenavant.png") top left repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/our_products/rolloffenavant.png');
	_background: none;		
}

.gabarit2 .produitsColHoverEnAvant{background: url("/img/our_products/rollonenavant.gif") top left repeat;}


.gabarit2 .titreProduitHaut{
	position: absolute;
	width:136px;
	padding: 0 3px;
	left: 0;
	top: 8px;
	z-index: 16;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	line-height: 11px;			
}

.gabarit2 .titreProduitHaut h2{
	font-size: 10px;
	font-weight:bold;			
}

.gabarit2 .imgProduitCentre{
	position: absolute;
	left: 0;
	top: 32px;
	z-index: 15;
	cursor: pointer;
}

.gabarit2 .fondProduitBas{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 141px;
	height: 41px;	
	z-index: 10;
}

.gabarit2 .fondProduitBas a{
	display: block;
	background: none;
	width: 141px;
	height: 41px;	
	font-size: 11px;
	color: #114c09;
}

.gabarit2 .fondProduitBas span{
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/common/flechefondbas.png');
	background: none;
	padding: 0 0 0 8px;
	margin: 1px 0 0 5px;
	/*width:114px;*/
	cursor: pointer;
	line-height: 12px;
}

.gabarit2 .fondProduitBas[class] span{
	background: transparent url("/img/common/flechefondbas.png") 0 0 no-repeat;	
}

.gabarit2 .imgLienSurProduit{
	width:141px;
	height:174px;	
	cursor: pointer;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
}

/* DEBUT POUR LES USA */
.textefondproduitsglobal, .textefondproduitsglobalinter{width:141px;height:174px;}
.textefondproduitsglobal{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	font-size: 12px;
	color: #313131;
}
.textefondproduitsglobalinter{
	display:table;
	position:static;
	_position:relative;
	_display:block;
}
*+html .textefondproduitsglobalinter{display:block;position:relative;}
.textefondproduitsglobalinter p{text-align:center;width:131px;padding:0 5px;cursor:pointer;font-weight:bold;}
/* FIN POUR LES USA */

/* FIN GABARIT 2 */


/* DEBUT GABARIT 3 */
.gabarit3{color:#006500;}

.gabarit3 .produitsColGlobal{
	width:171px;
	height:174px;	
	float: left;
	display: block;
	position: relative;		
}

.gabarit3 .produitsCol, .gabarit3 .produitsColEnAvant, .gabarit3 .produitsColHover, .gabarit3 .produitsColHoverEnAvant{	
	width:170px;
	height:174px;	
	cursor: pointer;
}

.gabarit3 .produitsColHover, .gabarit3 .produitsColHoverEnAvant{float: left;}

.gabarit3 .produitsCol{	
	background: transparent url("/img/our_products/rolloff.png") top left repeat;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/our_products/rolloff.png');
	_background: none;		
}

.gabarit3 .produitsColHover{background: url("/img/our_products/rollon.gif") top left repeat;}

.gabarit3 .produitsColEnAvant{
	background: transparent url("/img/our_products/rolloffenavant.png") top left repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/our_products/rolloffenavant.png');
	_background: none;		
}

.gabarit3 .produitsColHoverEnAvant{background: url("/img/our_products/rollonenavant.gif") top left repeat;}


.gabarit3 .titreProduitHaut{
	position: absolute;
	width:165px;
	padding: 0 3px;
	left: 0;
	top: 8px;
	z-index: 16;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	line-height: 11px;			
}

.gabarit3 .titreProduitHaut h2{
	font-size: 10px;
	font-weight:bold;			
}

.gabarit3 .imgProduitCentre{
	position: absolute;
	left: 0;
	top: 32px;
	z-index: 15;
	cursor: pointer;
	width:170px;
	text-align:center;
}

.gabarit3 .fondProduitBas{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 170px;
	height: 41px;	
	z-index: 10;
}

.gabarit3 .fondProduitBas a{
	display: block;
	background: none;
	width: 170px;
	height: 41px;	
	font-size: 11px;
	color: #114c09;
}

.gabarit3 .fondProduitBas span{
	display: block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/common/flechefondbas.png');
	background: none;
	padding: 0 0 0 8px;
	margin: 1px 0 0 5px;
	/*width:114px;*/
	cursor: pointer;
	line-height: 12px;
}

.gabarit3 .fondProduitBas[class] span{
	background: transparent url("/img/common/flechefondbas.png") 0 0 no-repeat;	
}

.gabarit3 .imgLienSurProduit{
	width:170px;
	height:174px;	
	cursor: pointer;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
}

.produitsgab12plus{margin:29px 0 0 19px;}
.produitsgab12plusgauche, .produitsgab12plusdroite{
	float:left;
	height:348px;
	position:relative;
}
.produitsgab12plusgauche{width:873px;}
.produitsgab12plusdroite{width:11px;}
.produitsLignegab12plus{
	display:block;
	width:873px;
}
.produitsgab12plusgauche #zone_txt_scroll{
	height:348px;
	overflow:hidden;
	position:relative;
	width:873px;
	z-index:2;
}
.produitsgab12plusgauche .content{

height:348px;
left:0;
padding:0 0 0;
position:absolute;
text-align:left;
top:0;
visibility:visible;
width:873px;
z-index:1;

}
.produitsgab12plusgauche .contentgab12plus{
	left:0;
	position:absolute;
	text-align:left;
	top:0;
	visibility:visible;
	z-index:3;
}
.produitsgab12plusdroite #scrollbar{
	height:348px;
	font-size:1px;
	width:11px;	
}
.produitsgab12plusdroite #up{
	position:absolute;	
	z-index:3;	
	left:0;
	top:0;
}
.produitsgab12plusdroite #trackH{
	left:0;
	top:14px;	
	position:absolute;
	z-index:8;
}
.produitsgab12plusdroite #track{
	position:absolute;	
	z-index:2;	
	height:312px;
	width:11px;	
	background:transparent url(/img/our_products/prd_haircolor/track.gif) repeat scroll left top;	
	left:0;
	top:18px;
}
.produitsgab12plusdroite #dragBar{
	background:#FFFFFF none repeat scroll 0 0;
	height:20px;
	margin:0 0 0 2px;
	position:absolute;
	width:5px;
	z-index:3;
	cursor:pointer;
}
.produitsgab12plusdroite #dragBarH{
	background:transparent url(/img/our_products/dragbarh.gif) no-repeat scroll left top;
	height:3px;
	left:0;
	position:absolute;
	top:0;
	width:5px;
	z-index:4;
	cursor:pointer;	
}
.produitsgab12plusdroite #dragBarB{
	background:transparent url(/img/our_products/dragbarb.gif) no-repeat scroll left top;
	bottom:0;
	height:3px;
	left:0;
	position:absolute;
	width:5px;
	z-index:4;
	cursor:pointer;	
}
.produitsgab12plusdroite #trackB{
	position:absolute;
	z-index:8;	
	bottom:14px;
	left:0;
}
.produitsgab12plusdroite #down{
	position:absolute;
	z-index:3;	
	bottom:0;
	left:0;
}
/* FIN GABARIT 3 */

#lienServiceHaut, #lienServiceBas{
	display: none;
}

.lienService{
	position: absolute;
	z-index: 1;
	height: 49px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;	
}

.lienServiceG, .lienServiceC, .lienServiceD{float:left;height:49px;}

.lienServiceG, .lienServiceD{width:5px;}

/* Début pour centrer verticalement du texte dans un div */
.lienServiceC{
	padding:0 10px;
	_padding:0 15px 0 10px;
	display:table;
	position:static;
	_position:relative;
	_display:block;
}
*+html .lienServiceC{display:block;position:relative;}		
#middle, .middle{
	display:table-cell;
	vertical-align:middle;
	position:static;
	_position:absolute;
	_top:50%;
}
*+html #middle, *+html .middle{position:absolute;top:50%;display:block;zoom:1;}		
#inner, .inner{position:relative;top:-50%;}

/* Fin pour centrer verticalement du texte dans un div */

.lienServiceC span.spanLienService{
	cursor: pointer;
	display:block;	
}

.lienServiceC span.spanLienService a{
	color: #fff;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/common/flechefondbasservice.png');
	background: none;
	padding: 0 0 0 13px;
	cursor: pointer;
	display:block;	
	_display:inline-block;
	_width:1%;
	_min-width:1%;
	white-space:nowrap;
}

.lienServiceC[class] span.spanLienService a{
	background: transparent url("/img/common/flechefondbasservice.png") top left no-repeat;	
}

.lienServiceHaut{
	right: 8px;
	top: 14px;
}

.lienServiceBas{
	right: 8px;
	bottom: 6px;
}

.lienServiceG{
	background: url("/img/our_products/bt-trade-left.png") top left no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/our_products/bt-trade-left.png');
	_background: none;	
}

.lienServiceC{
	background: url("/img/our_products/bt-trade.png") top left repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/our_products/bt-trade.png');
	_background: none;	
}

.lienServiceD{
	background: url("/img/our_products/bt-trade-right.png") top left no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/img/our_products/bt-trade-right.png');
	_background: none;	
}