body {
  background:white url(../images/background_page_produit_2.gif) repeat-x;
}

#global {
	border-bottom:30px solid white;
}

/*************** HEAD ***************/

#header {
	height:217px;
	margin-bottom:0px;
}


#header h1 {
  height:0;
  width:188px;
  overflow:hidden;
  padding-top:70px;
  float:right;
	margin:13px 0 5px 0;
	position:relative;
  background:url(../images/logo_dupont_blanc.png) no-repeat;
}
#header h1 a {
	display:block;
	position:absolute;
	top:0; 
	left:0; 
	width:100%;
	height:100%;
}

#header #menu_produits {
  position:relative;
	clear:both;
}

#header ul.menu_langues, #header ul.menu_divers {
	float:right;
	margin-top:6px;
}
#header ul.menu_langues li, #header ul.menu_divers li{
	float:left;
	margin-left:10px;
}

#header ul.menu_divers li.actu {
	margin-top:0;
}
#header ul.menu_divers li.actu a {
	color:#f25b00;
}
#header ul.menu_divers li.contact {
	margin-top:2px;
}
#header ul.menu_divers li.contact a {
	color:#2c2c2c;
}
#header ul.menu_langues li {
	margin-top:2px;
}

/**************** CORPS ****************/

.pres_prod {
	position:relative;
	float:right;
	width:528px;
	/*margin-top:4em;*/
}
.illus_prod {
	/*margin-right:50%;*/
	width:427px;
	margin-left:20px;
}

.contenu h2 {
	font-size:45px;
}
.pres_prod dfn {
	font-size:15px;
	font-weight:bold;
}
.pres_prod hr {
	border-bottom:1px solid #999999;
	margin:10px 0;
}

.pres_prod p.desc_prod, p.grand {
	font-size:12px;
	margin-bottom:1em; 
}

.pres_prod p.notes, , p.petit {
	font-size:10px;
	margin-bottom:1em; 
}

.pres_prod a.dl_pdf {
	border:0 solid #999999;
	border-width:1px 0;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#491469;
	padding:2px 0;
	margin-top:15px;
}

.pres_prod h3 {
	margin-top:1em;
	font-size:29px;
}

.pres_prod h4 {
	margin:0.5em 0;
	font-size:15px;
	font-weight:bold;
}

.pres_prod h5 {
	margin:0.5em 0;
	font-size:13px;
	font-weight:bold;
}

.pres_prod .spacer {
	height:30px;
}

.illus_prod div.hr {
	background:url(../images/hr_1.gif) no-repeat;
	position:relative;
	height:3px;
	width:450px;
	margin-left:-35px;
	font-size:1px;
}
.illus_prod h3 {
	margin:7px 0 10px 0;
	font-size:9px;
	font-weight:bold;
	color:#757171;
}
.illus_prod img {
	/*margin-left:2em;*/
	margin-left:0px;
	margin-right:9px;
}

.nuancier {
	width:522px;
}

.nuancier ul {
	float:left;
	width:24%;
	margin-right:1%;
	color:#60666b;
}
.nuancier ul li {
	position:relative;
	height:20px;
	border-top:1px dotted black;
	padding-top:3px;
	margin-bottom:2px;
	vertical-align:top;
}
.nuancier ul li .couleur{
	float:right;
	width:54px;
	height:100%;
}
.nuancier ul li .numero{
	float:right;
	font-size:12px;
	margin:6px 4px 0 0;
}
.nuancier ul li .nom{
	font-size:8px;
	font-family:Verdana;
	color:black;
	position:absolute;
	width:50%;
}

#popup_nuancier {
	z-index:5;
	position:absolute;
	width:100px;
	height:80px;
	display:none;
	border:1px solid #EAE7D1;
}

.zoomer {
	z-index:5;
	position:absolute;
	width:40px;
	height:40px;
	visibility:hidden;
	background-color:white;
	border:1px solid #AAA;
}

.zoom_zone {
	position:relative;
	width:300px;
	height:300px;
	overflow:hidden;
	border:1px solid #EAE7D1;
	/*position:fixed;
	margin-top:0px;*/
}

.zoom_zone img {
	position:absolute;
}

.zoom_img_container {
	width:auto;
	position:relative;
}

.hidden {
	display:none;
}