*{
	padding:0;
	margin:0;
	border:0
}

html{
	background:#5a4f5d;
}


body{
	background:url('../images/fond-page.gif') #857985 repeat-x;
	color:#353535;
	font: normal 12px "Trebuchet MS", Helvetica, sans-serif;
}



/*____________________________________________________________________*/
/*_________________________________=GENERAL_____________________________*/
/*____________________________________________________________________*/

*html img, *html a, *html p, *html input, *html textarea, *html select{
	position:relative;
	z-index:15;
}

a{text-decoration:none;}

.spacer{clear:both;font-size:0px;height:0px;line-height:0px;}

/*____________________________________________________________________*/
/*_______________________________=CONTENEUR___________________________*/
/*____________________________________________________________________*/

#menu_access{
	background:url('../images/fond-access.jpg') repeat-x;
	height:16px;
	line-height:10px;
	margin:0 auto;
	padding:2px 5px 0 0;
	text-align:right;
	width:973px;
}

#menu_access li{
	display:inline;
	color:#6c6c6c;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#menu_access li a{
	color:#6c6c6c;
}
#menu_access li a:hover,#menu_access li a:focus{
	color:#000;
}


#conteneur{  
	background:url('../images/fond-site.png') repeat-y;
	margin:0px auto;
	padding:0 13px;
	width:978px;
}
*html #conteneur{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.ermatec-emballages.com/images/fond-site.png');
}


/*____________________________________________________________________*/
/*_________________________________=HAUT_____________________________*/
/*____________________________________________________________________*/

#bandeau{
	background:url('../images/fond-bandeau.gif') repeat-x;
	height:135px;
}

#bandeau h1{
	display:none;
}

#bandeau ul{
	list-style:none;
}

#anim-titre{
	float:left;
}
#anim-titre img{
	display:block;
}
#zone-recherche{
	background:url('../images/fond-recherche.jpg') no-repeat;
	float:left;
	height:53px;
	padding:38px 0 0 10px;
	width:368px;
}
#zone-recherche label{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;	
	width:160px;
}
#zone-recherche input#idc_keyword{
	background:url('../images/fond-input.jpg') #fff repeat-x;
	border:1px #e57112 solid;
	height:14px;
	width:150px;
}
*+html #zone-recherche input#idc_keyword{
	margin:0;	
}

#zone-recherche input.submit{
	border:none;
	padding:0;
	vertical-align:top;
}


#zone-panier{
	background:url('../images/fond-panier.jpg') no-repeat;
	float:right;
	height:41px;
	padding:40px 18px 10px 78px;
	width:90px;
}
#zone-panier p{
	color:#fff;
	line-height:14px;
	text-align:center;
}
#zone-panier p a{
	color:#fff;
}
#zone-panier p a:hover,
#zone-panier p a:focus{
	color:#000;
}

#menu-haut{
	clear:both;
	margin:92px 0 0 335px;
	position:absolute;
	z-index:50;
}
*+html #menu-haut{
	margin:0 0 0 335px;
}
*html #menu-haut{
	margin:0 0 0 335px;
}


#menu-haut li{
	float:left;
}

#menu-haut a{
	color:#fff;
	display:block;
	font-size:16px;
	height:27px;
	margin:0 4px;
	text-transform:uppercase;
	width:99px;
}
#menu-haut .btn-new a{
	background:url('../images/btn-new.png') no-repeat;
	padding:22px 0 0 50px;
	width:106px;
}
#menu-haut .btn-panier a{
	background:url('../images/btn-chariot.png') no-repeat;
	padding:22px 0 0 43px;
}
#menu-haut .btn-compte a{
	background:url('../images/btn-compte.png') no-repeat;
	padding:22px 0 0 40px;
	width:102px;
}


#menu-haut a:hover,
#menu-haut a:focus{
	background-position:0px -49px;	
}

*html #menu-haut .btn-new a{
	background-image:none;
	cursor:hand;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.ermatec-emballages.com/images/btn-new.png');
}
*html #menu-haut .btn-panier a{
	background-image:none;
	cursor:hand;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.ermatec-emballages.com/images/btn-chariot.png');
}
*html #menu-haut .btn-compte a{
	background-image:none;
	cursor:hand;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.ermatec-emballages.com/images/btn-compte.png');
}



/*____________________________________________________________________*/
/*_________________________________=GAUCHE_____________________________*/
/*____________________________________________________________________*/

#gauche{
	background:url('../images/fond-gauche.jpg') no-repeat;
	clear:both;
	float:left;
	height:auto;
	min-height:440px;
	padding:6px 5px;
	width:206px;
}
*html #gauche{
	height:420px;
}
#gauche ul{
	list-style:none;
}

#gauche .menu1 li a{
	background:url('../images/fond-accueil.jpg') no-repeat;
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:bold;
	/*height:23px;*/
	margin:1px 0;
	padding:2px 0 2px 29px;
}



#gauche .menu{
	margin:0 0 6px 0;
}

#gauche .menu li a{
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:bold;
	/*height:23px;*/
	margin:1px 0;
	padding:2px 0 2px 29px;
}
#gauche .menu li ul{
	background:#fff;
	padding:5px 2px 5px 20px;
}

*html #gauche .menu li li a{
	/*line-height:14px;*/
	height:18px;	
}

#gauche .menu li li a{
	background:none;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0px 0 0px 6px;
}
#gauche .menu li li a:hover{
	color:#000;
}

#gauche li.menu_famille_1 a{
	background:url('../images/fond-emball-boutique.jpg') no-repeat;
}
#gauche li.menu_famille_2 a{
	background:url('../images/fond-emball-textile.jpg') no-repeat;
}
#gauche li.menu_famille_3 a{
	background:url('../images/fond-emball-aliments.jpg') no-repeat;
}
#gauche li.menu_famille_4 a{
	background:url('../images/fond-emball-divers.jpg') no-repeat;
}

#gauche li.menu_famille_1 li a{
	background:url('../images/puce-f1.jpg') no-repeat;
	color:#e51987;
}
#gauche li.menu_famille_2 li a{
	background:url('../images/puce-f2.jpg') no-repeat;
	color:#00a0dd;
}
#gauche li.menu_famille_3 li a{
	background:url('../images/puce-f3.jpg') no-repeat;
	color:#8cb001;
}
#gauche li.menu_famille_4 li a{
	background:url('../images/puce-f4.jpg') no-repeat;
	color:#d89600;
}

#gauche ul ul ul{
	display:none;
}
#gauche ul ul li.idc_menu_famille_selected ul{
	display:block;
}



#zone-promoa{
	background:url('../images/fond-gris.jpg') #fff repeat-x;
	border:1px #fff solid;
	height:auto;
	margin:0 0 6px 0;
	min-height:87px;
	padding:5px;
	width:194px;
}

#zone-promoa img{
	display:block;
	float:left;
}

#zone-promoa .designation{
	float:right;
	line-height:14px;
	width:110px;
}
#zone-promoa .designation img{
	display:block;
	float:none;
	margin:7px auto 0 auto;
}

#zone-promoa h2{
	color:#e57112;
	font-size:14px;
	padding:0 0 4px 0;
	text-transform:uppercase;
}

#menu-static{
	background:url('../images/fond-gris.jpg') #fff repeat-x;
	height:auto;
	min-height:68px;
	margin:0 0 6px 0;
	padding:2px 1px;
	width:204px;
}
#menu-static li{
	line-height:17px;
}
#menu-static a{
	color:#7b707d;	
	font-size:12px;

}
#menu-static a:hover,
#menu-static a:focus{
	color:#000;
}

#zone-sclient{
	background:url('../images/fond-serviceclient.jpg') no-repeat;
	height:111px;
	padding:6px 1px 6px 8px;
	width:197px;
}
#zone-sclient h2{
	color:#fff;
	font-size:15px;
}

#zone-sclient ul{
	margin:2px 0 0 3px;
}

*html #zone-sclient ul li{
	line-height:12px;
	height:18px;	
}

#zone-sclient li.btn-paiement a{
	background:url('../images/ico-paiement.gif') center left no-repeat;
}
#zone-sclient li.btn-infoscommande a{
	background:url('../images/ico-tel.gif') top left no-repeat;
}
#zone-sclient li.btn-cgv a{
	background:url('../images/ico-cgv.gif') center left no-repeat;
}
#zone-sclient li.btn-contact a{
	background:url('../images/ico-contact.gif') center left no-repeat;
}


#zone-sclient a{
	color:#fff;	
	display:block;
	font-weight:bold;
	padding:1px 0 0 17px;
}
#zone-sclient a em{
	color:#d4d4d4
}
#zone-sclient a:hover,
#zone-sclient a:focus{
	color:#000;
}
/*____________________________________________________________________*/
/*_________________________________=CONTENU_____________________________*/
/*____________________________________________________________________*/



#contenu{
	background:url('../images/fond-droite.jpg') repeat-x;
	float:left;
	height:auto;
	min-height:450px;
	padding:21px 12px 10px 12px;
	width:553px;	
}


/*____________________________________________________________________*/
/*_________________________________=DROITE_____________________________*/
/*____________________________________________________________________*/

#droite{
	background:url('../images/fond-droite.jpg') repeat-x;
	float:right;
	height:auto;
	min-height:420px;
	padding:30px 0 0 0;
	width:185px;
}

#droite h2{
	color:#7b707d;
	font-size:20px;
	font-weight:normal;
	line-height:17px;
	text-transform:uppercase;
}

#btn-perso{
	background:url('../images/btn-personnalisation.jpg') no-repeat;
	display:block;
	height:124px;
	margin:5px 0 10px 0;
	width:185px;
}
#btn-perso:hover,#btn-perso:focus{
	background-position:0 -124px;
}
#btn-perso span{
	display:none;
}





#zone-nouveautes{
	background:#7b707d;
	padding:1px 2px;
}

#zone-nouveautes .idc-nouveaute{
	background:url('../images/fond-nouveaute.jpg') #fff repeat-x;
	border:1px #fff solid;
	color:#a7161f;
	font-size:13px;
	margin:1px 0;
	padding:8px 0 5px 0;
	text-align:center;
}
#zone-nouveautes .idc-nouveaute img{
	border:4px #fff solid;
	display:block;
	margin:0 auto;	
}






#zone-localisation{
	background:url('../images/fond-localisation.jpg') no-repeat;
	color:#fff;
	font: normal 10px Verdana, Helvetica, sans-serif;
	height:90px;
	margin:8px 0 0 0;
	padding:3px 7px;
	width:171px;
}
#zone-localisation p{
	padding:5px 0;
}

/*____________________________________________________________________*/
/*_________________________________=BAS_____________________________*/
/*____________________________________________________________________*/


#bas{
	background:url('../images/fond-bas.jpg') repeat-x;
	clear:both;
	height:50px;
	width:100%;
}

#bas-site{
	background:url('../images/bas-site.png') no-repeat;
	clear:both;
	height:30px;
	margin:0 auto;
	padding:20px 13px 0 13px;
	width:978px;
}
*html #bas-site{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.ermatec-emballages.com/images/bas-site.png');
}

#bas ul{
	list-style:none;
}

#bas ul li a{
	color:#fff;
	font-size:11px;
}
#bas ul li a:hover,#bas ul li a:focus{color:#d1d1d1}

#logo-paiement{
	background:url('../images/sep-bas.jpg') right top no-repeat;
	float:left;
	padding:2px 0 0 0;
	text-align:center;
	width:215px;
}

#legales{
	background:url('../images/sep-bas.jpg') right top no-repeat;
	float:left;
	height:40px;
	padding:15px 0 0 25px;
	width:430px;
}



#concepteurs,#creation{
	color:#fff;
	float:left;
	font-size:11px;
	padding:3px 0 0 20px;
	width:140px;
}
#creation{
	width:120px;
}

#concepteurs{
	background:url('../images/sep-bas.jpg') right top no-repeat;
}


#concepteurs ul,#creation ul{
	margin-left:15px;	
}	
#concepteurs ul li,#creation ul li{
	padding:0;
	line-height:12px;
}
#concepteurs ul li a,#creation ul li a{
	color:#bababa;	
}


	

