/*########################################################################################################################################
																	NAVTOP
/*######################################################################################################################################*/

div#navtop { position:relative; margin:0; padding:0; height:66px;
			 background:url(../gene/image/navtop/bg_nt.gif) right top no-repeat; z-index:50; margin-top:40px;}
			 
/* ######### LOGO ########### */

div#navtop h1 { display:inline;  }

div#navtop h1 a { display:block; position:relative; background:url(../gene/image/logo_NATHAN.gif) left top no-repeat;
				  width:208px; height:66px; float:left; }

div#navtop h1 span { display:none; }

/*########################################################################################################################################
																	NAVTOP
/*######################################################################################################################################*/

ul.mainmenu {  margin: 0; border: 0 none; padding: 0; width: auto; /*For KHTML*/ list-style: none; height: 66px; position:relative;
			   float:left;}
			   
/*########################################################################################################################################
																RUBRIQUES NAVTOP
/*######################################################################################################################################*/
ul.mainmenu li.n1 { margin: 0; border: 0 none;  list-style: none; position: relative; float:left; padding:0;					 }

ul.mainmenu li.n1 a.n1 { background:url(../gene/image/navtop/separateur.gif) right 10px no-repeat; display:block; height:66px; 
padding:23px 15px 0 15px; margin:0;float:left; color: #666; font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none;
text-transform:uppercase; } 
ul.mainmenu li.n1 a.n1:hover { background:#fff; color: #000; }




/*########################################################################################################################################
																SOUS MENU
/*######################################################################################################################################*/
ul.mainmenu ul { margin: 0; border: 0 none; padding: 0 0 50px 0; width: 484px; list-style: none; display: none; position: absolute;
				 top: 64px; left: -35px; background:url(../gene/image/navtop/subnav_bg.png) left bottom no-repeat; z-index:800; }


div.subnav_nt { position:relative; overflow:hidden; margin:0; padding:0; }
div.subnav_nt div.left_sn { float:left; } div.subnav_nt div.right_sn { float:right; margin:0 15px 0 0; }
div.left_nt { width:190px; float:left; margin:0 0 0 35px; padding:5px 0 0 15px;  }
div.right_nt { width:190px; float:right; margin:0; padding:5px 0 0 0; margin:0 30px 0 0; }

div.subnav_nt p { margin:0; padding:0; }
div.subnav_nt h3 { font-size:14px; color:#595959; text-transform:uppercase; font-weight:bold; float:left; margin:5px 0 6px 0; padding:0; }
div.subnav_nt h3 a { color:#595959;  }
div.subnav_nt p a { color:#333333; font-size:12px; margin:0; padding:2px 0 2px 12px; display:block; font-weight:normal; 
					background:url(../gene/image/puce/bullet_gris.png) left 6px no-repeat; text-transform:none; }		
div.subnav_nt p a:hover { color:black; text-decoration:underline; }


/*########################################################################################################################################
																COULEURS RUBRIQUES
/*######################################################################################################################################*/

li.rub_vert   span b { border-bottom:3px solid #95ce28; display:block; }
li.rub_rouge  span b { border-bottom:3px solid #fe0040; display:block; }
li.rub_bleu   span b { border-bottom:3px solid #007db7; display:block; }
li.rub_orange span b { border-bottom:3px solid #f47301; display:block; }

li.rub_vert   span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 0; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_rouge  span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -27px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_bleu   span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -54px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }
li.rub_orange span strong { background:url(../gene/image/puce/nt/puces.png) no-repeat 0 -81px; display:block; height:25px;padding:2px 0 0 30px; position:relative; top:0; float:left; }


li.rub_vert   div.subnav_nt h3 { border-bottom:3px solid #95ce28; }
li.rub_rouge  div.subnav_nt h3 { border-bottom:3px solid #fe0040; }
li.rub_bleu   div.subnav_nt h3 { border-bottom:3px solid #007db7; }
li.rub_orange div.subnav_nt h3 { border-bottom:3px solid #f47301; }

ul.mainmenu li.rub_orange ul { left: -140px; }

/*########################################################################################################################################
																	TRAITS
/*######################################################################################################################################*/

div.hr_nt { border-top:1px solid #c0c0c0; }
div.hr_nt hr { display:none; }

li.rub_vert   div.hr_nt { width:267px; margin:0 0 0 191px; }
li.rub_rouge  div.hr_nt { width:296px; margin:0 0 0 162px; }
li.rub_bleu   div.hr_nt { width:312px; margin:0 0 0 146px; }
li.rub_orange div.hr_nt { width:183px; margin:0 0 0 275px; }


/*########################################################################################################################################
																	FORM MDR
/*######################################################################################################################################*/

div#form_nt { position:relative; margin:0; overflow:hidden; float:right; }

div#form_nt form { position:relative; margin:20px 75px 0 0; padding:0; }

input.input_txt_nt { border:0; margin:0; padding:3px 7px 0 7px; background:url(../gene/image/navtop/mdr_input.gif) left top no-repeat;
					 width:100px; height:20px; font:13px Arial, Helvetica, sans-serif; color:#666666; float:left; }
					 
input.input_submit_nt { border:0; margin:0; padding:0; background:url(../gene/image/navtop/mdr_submit.gif) left top no-repeat;
						width:26px; height:23px; cursor:pointer; }
						
/* ######### LIEN ########### */
				
a.lien_nt { display:block; width:52px; font-size:10px; color:#666666; position:relative; left:150px; top:-24px; 
			text-decoration:underline; }
a.lien_nt:hover { text-decoration:none; }