*{
	font-family:Verdana, Arial, sans-serif;
}


body{
	margin:0;
	padding:0;
	color:#8F8284;
	font-size:9px;
	text-align:center;
}
.clear{
	clear:both;
	margin:-2px 0 0 0;
	height:1px;
	font-size:1px;	
}
/***** Structure *****/

#container{
	position:relative;
	margin:auto;
	margin-top:0px;
	width:950px;
	text-align:left;
}

#header{
	position:relative;
	height:46px;
	background-image:url(../images/header_fd_2.gif);
	background-repeat:no-repeat;
}
#header #header_logo{
	position:absolute;
	top:14px;
	left:21px;
	display:block;
	width:215px;
	height:45px;
}

#search{
	display:block;	
	DELfloat:left;	
	height:22px;
	margin:0;
	padding:0;
	padding:20px 0 0 0px; 
	width:150px;
}
#search .search_string{ 
	padding:2px;
	width:112px;
	height:12px;
	vertical-align:middle;
	border:1px solid #CDCDCD;
}
#search .search_btn{
	width:17px;	
	height:18px;	
	vertical-align:middle;	
	background-repeat:no-repeat;
	background-image:url(../../CommonFiles/images/btn/header_search.gif);	
}

/*	
*/
#content{
       display: block;
	position: relative;
	margin:0px 0 0 20px;		 
	min-height:500px;
	}

/*	
*/
#segment{
      display: block;
	position: relative;
	margin:0px 0 0 172px;		 
	min-height:500px;
}


/****left and right*******/
#lefttop{
}


#left{
	position: absolute;	
	left:0px !important;
	top:140px;
	left:0px;	
	float:left;
	margin:0 0px 0 0;
	width:171px; 
}

#center{
	margin:8px 0 0 18px;
	width:523px;
}
#right{
	float:left;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	width:208px;
}

/*****meft and right******************/
#footer_certification{
	DELdisplay:block; 
	position:relative;	
	margin:0px 0 0 0px; 
	width:180px;
	left:750px;
	height:30px;   	
	DELcolor:#7F8083;
	vertical-align:bottom;			
}
#footer_certification img{
	margin:0 3px;
}

#footer{	
	display:block;
	position:relative;	
	DELpadding:10px 0 0 0;
	margin:0px 0 0 0;
	width:940px;
	height:38px;
	color:#7F8083;
	vertical-align:bottom;	
	background-image:url(../../CommonFiles/images/footer_fd.gif);	
}
#footer .copyright{
	position:absolute;
	bottom:0;
	left:2px;
}
#footer .links{
	position:absolute;
	top:10px;
	left:360px;
}
#footer .links a{
	color:#7F8083;
	text-decoration:none;	
}
#footer .links a:hover{
	text-decoration:underline;	
}
#footer .mention{
	position:absolute;
	top:10px;
	left:2px;
	width:210px;	
	DELbackground-repeat:no-repeat;	
}
/***** Navigations *****/

#navtop{
	float:left;
	padding:0 0 0 0 ;
	DELbackground-color:green;
}

#navtop ul, #navtop ul li, dl, dt, dd{
	margin:0;
	padding:0;
	list-style-type:none;
}

#navtop dl{
	z-index:10;
	position:relative;
	float:left;
}

/*#navtop dt{
	margin:0 6px 0 0;
	width:118px;
	height:26px;
	font-weight:bold;
	text-align:center;
}*/
#navtop dt{
	margin:0 2px 0 0;
	width:103px;
	height:31px;
	font-weight:bold;
	text-align:center;
}
#navtop dt a{
	display:block;
	padding:10px 0 0 0;
	width:103px;
	height:20px;
	text-decoration:none;
	text-transform:uppercase;
	background:none;
}
#navtop dt a.neopost{
	text-transform:none;
}
#navtop dt.grey{
	background-image:url(../images/nav/nav_haute_1.gif);
	background-repeat:no-repeat;
}
#navtop dt.prod{
	background-image:url(../images/nav/nav_haute_1.gif);
	background-repeat:no-repeat;
}
#navtop dt.grey2{
	background-image:url(../images/nav/nav_haute_1.gif);
	background-repeat:no-repeat;
}
#navtop dt.grey a{
	color:#000000;
}
#navtop dt.prod a{
	color:#CC0010;
}
#navtop dt.black{
	background-image:url(../images/nav/nav_haute_3.gif);
	background-repeat:no-repeat;
}
#navtop dt.black2{
	background-image:url(../images/nav/nav_haute_3.gif);
	background-repeat:no-repeat;
}
#navtop dt.black a{
	color:#C00010;
}
#navtop dt.red{
	background-image:url(../images/nav/nav_haute_2.gif);
	background-repeat:no-repeat;
}
#navtop dt.red2{
	background-image:url(../images/nav/nav_haute_2.gif);
	background-repeat:no-repeat;
}
#navtop dt.red a{
	color:#000000;
}
#navtop dt.grey a:hover, #navtop dt.red a:hover{
	color:#C00010;
	background-image:url(../images/nav/nav_haute_1bis.gif);
}
#navtop dt.black a:hover {
	color:#000000;
	background-image:url(../images/nav/nav_haute_3bis.gif);
}
#navtop dt.prod a:hover {
	color:#000000;
	background-image:url(../images/nav/nav_haute_1bis.gif);
}
#navtop dd{
	z-index:-10;
	visibility:hidden;
	position:absolute;
	top:20px;
	padding:0 0 7px 0;
	width:auto !important;  
	width:128px;
	min-width:128px;
	background-image:url(../images/nav/dd_fd.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#navtop dd ul{
	padding:10px 10px 0 10px;
	background-image:url(../images/nav/ul_fd.gif);
	background-repeat:no-repeat;
	background-color:#DFE0E1;
}
#navtop dd a{
	color:#000000;
	text-decoration:none; 
	white-space:nowrap;
}
#navtop dd a:hover{
	color:#C00010;
}

/*#navleft{
	display: inline;  
	float:left;	
	top: 135px;
	left: 80px;
	margin:0 0 0 0;
	width:130px;
	height:500px;
	background-color:gray;


	display: inline;	
	float:left;	
	position:absolute;
	margin:0 0 0 0;
	width:130px;
	height:500px;
	background-color:gray;

	top:156px;
	left:80px;
	float:left;
	margin:0 0px 0 0;
	DELwidth:715px;
	width:130px; 
	height:300px;	
}*/

#subnav{
	DELmargin:0 0 17px 0;
	margin:0 0 0px 0;
}

#subnav .head{
	padding:5px 0 0 0;
	height:21px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	background-image:url(../../CommonFiles/images/nav/navleft_head.gif);
}
#subnav ul, #subnav ul li, #subnav ul li ol, #subnav ul li ol li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#subnav ul{
	border-right:1px solid #C4C4C5;
	border-left:1px solid #C4C4C5;
}
#subnav ul li{
	border-top:1px solid #C4C4C5;
}
#subnav ul li.first{
	border:0;
}

#subnav ul li a{
	display:block;
	padding:4px 10px 3px 19px;
	height:1%;
	color:#C00010;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../../CommonFiles/images/puces/choco.gif);
	background-repeat:no-repeat;
	background-position:7px 6px;
}
#subnav ul li.on a, #subnav ul li.open a, #subnav ul li a:hover{
	color:#000000;
}
#subnav ul li ol li a, #subnav ul li.open ol li a, #subnav ul li.on ol li a{
	display:block;
	padding:2px 10px 2px 30px;
	height:1%;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../../CommonFiles/images/puces/flc_s_black.gif);
	background-repeat:no-repeat;
	background-position:25px 7px;
	background-color:#EFF0F0;
}
#subnav ul li ol li.on a, #subnav ul li ol li a:hover{
	color:#FFFFFF;
	background-image:url(../../CommonFiles/images/puces/flc_s_white.gif);
	background-color:#000000;
}

#subnav .bot{
	height:6px;
	font-size:1px;
	background-image:url(../../CommonFiles/images/nav/navleft_bot.gif);
}

#navproduit{
	margin:0 0 17px 0;
	width:171px;
}
#navproduit .head{
	padding:3px 0 0 12px;
	height:17px;
	color:#555556;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	background-image:url(../../CommonFiles/images/nav/navproduit_head.gif);
	background-repeat:no-repeat;
}
#navproduit ul, #navproduit ul li, #navproduit ul li ol, #navproduit ul li ol li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navproduit ul{
	padding:1px 0 0 0;
	border-right:1px solid #C4C4C5;
	border-left:1px solid #C4C4C5;
}
#navproduit ul li{
	height:1%;
}
#navproduit ul li a{
	display:block;
	padding:1px 5px 1px 10px;
	height:1%;
	color:#555556;
	text-decoration:none;
	background-image:url(../../CommonFiles/images/puces/flc_s_grey.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
}
#navproduit ul li a:hover, 	#navproduit ul li.on a{
	background-color:#E6E6E6;
}
#navproduit ul li ol li a{
	padding:1px 5px 1px 26px;
	background-image:url(../../CommonFiles/images/puces/t_grey.gif);
	background-repeat:no-repeat;
	background-position:17px 7px;
}

#navproduit ul li.layer ol{
	position:absolute;
	display:inline;
	visibility:hidden;
	left:170px !important;
	left:170px;
	margin:-14px 0 0 0;
	padding:5px 10px 5px 5px;
	background-image:url(../../CommonFiles/images/nav/navproduit_layer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#navproduit ul li.layer ol li{
	margin:0 !important;
	margin:0 0 0 -15px;
}
#navproduit ul li.layer ol li a{
	padding:0 0 0 10px !important; 
	background-position:2px 7px;
	white-space:nowrap;
}
#navproduit ul li.on ol li a{
	background-color:transparent;
}
#navproduit ul li.layer ol li a:hover{
	color:#C00010;
	background-color:transparent;
}

#navproduit .bot{	
	height:6px;
	font-size:1px;
	background-repeat:no-repeat;
	background-image:url(../../CommonFiles/images/nav/navleft_bot.gif);
	background-repeat:no-repeat;
}

#chemin{
	margin:0 0 14px 14px;
	color:#C00010;
}
#chemin a, #chemin span{
	margin:0 6px 0 0;
	padding:0 12px 0 0;
	color:#555556;
	background-image:url(../../CommonFiles/images/puces/flc_grey.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/***** 
Ces classes serent à cacher la portlet WebSphere Commerce My Cart.
La portlet est positionné sur la page home de l'extranet, mais cacher.   
Elle assure le login de l'user, et éventuellement la création de l'user dans la base Commerce.
 *****/
.inner{
	display:none;
}
.nb{
	display:none;
}

/***************************/