@import "init.css";
@import "box.css";

/* tag */
body, a, div, li, p, i, em,
strong, b           { font:8.6pt/1.3em Arial, Verdana, Sans-serif; color: #111; }
sup                 { font:7pt/1.3em Arial, Verdana, Sans-serif;  }
a                   { font-weight: bold; color: #264a7b; }
a:hover             { color: #C90000; }
.ahover							{ font:10pt/1.3em Arial, Verdana, Sans-serif; font-weight: bold; }
h1                  { font:11pt/1.6em Arial, Verdana, Sans-serif; font-weight: bold; color: #FFF; padding: 0 0 0 7px; }
h2                  { font:10pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #333; padding: 1px 0 6px 22px; }
h3                  { font:10pt/2em Arial, Verdana, Sans-serif; font-weight: bold; color: #000f38; padding: 1px 0 1px 0px; text-decoration: underline; }
h4                  { font:9pt/1.4em Arial, Verdana, Sans-serif; color: #264a7b; padding: 1px 0 1px 2px; }
strong              { font-weight: bold; color: #264a7b; }
i,em                { font-weight: bold; font-style: italic; color: #264a7b; }
i.std,em.std        { font-weight: normal; font-style: italic; color: #111; }
b                   { font-weight: bold; color: #333; }
p                   { padding: 4px;  }
table               { border-collapse: collapse; border: 0px solid #acacac; padding: 0; margin: 0; }
th                  { font: 9pt/1.3em Arial, Verdana, Sans-serif; background: #3669AE; color: #FFF; font-weight: bold; }
td, th              { padding: 3px; }
td                  { font: 8.6pt/1.3em Arial, Verdana, Sans-serif; vertical-align: top; }
hr                  { font: 0px/0px monospace; display: block; clear: both; width: 100%; height: 1px; background: #acacac; margin: 10px 0 10px 0; border: 0; }

/* id */
#intro              { margin: 0 auto; width: 900px; }
#intro ul           { margin: 0 auto; width: 200px; }
#intro ul li        { float: left; }
#intro a            { font:9.6pt/3.2em Arial, Verdana, Sans-serif; font-weight: bold; color: #000F38; }

#site               { margin: 0 auto; width: 970px; }
#top                { width: 970px; }
#top-left						{ float: left; }
#top-right					{ float: right}
#logo               {  }
#separ-top-menu     { height: 1px; font:0pt/0em Arial, Verdana, Sans-serif; }
#baseline           { float: right; padding-top: 0px; }
#visuel             { width: 970px; height: 215px; }
#bottom             { width: 950px; height: 20px; padding: 0 10px; background: url('../gif/site/menu-bottom.png') no-repeat; }
#bottom ul          { float: right; }
#bottom li          { float: left; padding: 3px 0 0 5px; }
#bottom li, #bottom li a { font:8.6pt/1em Arial, Verdana, Sans-serif; color: #fff; font-weight: normal; text-decoration: none;  }

#top-menu           { float: right; width: 450px; position: relative; border: 0px solid red; }
#top-menu ul li     { float: left; padding: 0 2px; }
#top-menu ul li a   { font:9pt/3.2em Arial, Verdana, Sans-serif; color: #000F38; font-weight: bold; text-decoration: none;  }
#ln-menu            { float: right; }
#ln-menu ul li      { float: left; padding: 0 1px; }

#menu-bar           { width: 970px; }

#menu               		{ width: 960px; padding: 0; float:left; background: url('../gif/site/menu.png') repeat-x; }
#menu li ul 						{ position: absolute; display: none; width: 210px; top: 35px; left: 0px;}
#menu li ul ul					{ left: 210px; top: 0px;}
#menu li 								{ float: left; height: 35px; position: relative; }
#menu ul li.separ   		{ float: left; width: 1px; height: 35px; background: url('../gif/site/menu-separ.png') no-repeat; }
#menu li.selectedblue 	{ background: url('../gif/menu/bg_nav_active.png') repeat-x; }
#menu li.selectedgreen 	{ background: url('../gif/menu/bg_nav_active_vert.png') repeat-x; }
#menu li a       				{ font:9.6pt/2.7em Arial, Verdana, Sans-serif; color: #FFF; font-weight: bold; text-decoration: none; text-align: center;}
#menu li li							{ clear: both; height: 25px; width: 100%;  }
#menu li li li					{ border-left: 1px solid white;  }
#menu li li,
#menu li li.blue 				{ background: url('../gif/menu/bg_nav_submenu.png') repeat-x; height: 25px; }
#menu li li.plomb 			{ background: url('../gif/menu/bg_nav_submenu_plomb.png') repeat-x; height: 25px; }
#menu li li.plastiques 	{ background: url('../gif/menu/bg_nav_submenu_plastiques.png') repeat-x; height: 25px; }
#menu li li.zinc 	      { background: url('../gif/menu/bg_nav_submenu_zinc.png') repeat-x; height: 25px; }
#menu li li.metaux 	    { background: url('../gif/menu/bg_nav_submenu_metaux.png') repeat-x; height: 25px; }
#menu li li.green 			{ background: url('../gif/menu/bg_nav_submenu_vert.png') repeat-x; height: 25px; }
#menu li li a       		{ font:8pt/2.3em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 0 5px; display: block; text-align: left;}
#menu li li.separ   					{ display: none; }

.left-menu-padded         { padding: 0 0 0 1px; }
#site #ss_menu ul         { padding: 5px; }
#site #ss_menu ul ul      { padding: 5px; }
#site #ss_menu ul ul ul   { padding: 5px 0; }
#site #ss_menu ul li      { list-style-image: none; }
#site #ss_menu ul li li   { list-style-image: none; }
#site #ss_menu ul li li li      { list-style-image: none; }
#site #ss_menu li         { clear: both; }
#site #ss_menu li a       { font:10pt/1.2em Arial, Verdana, Sans-serif; color: #264a7b; font-weight: bold; text-decoration: none;  }
#site #ss_menu li         { background: url('../gif/site/puce-gray-1.png') no-repeat; padding: 0px 0 5px 14px; }
#site #ss_menu li li      { background: url('../gif/site/puce-gray-2.png') no-repeat; padding: 0px 0 5px 10px; }
#site #ss_menu li li a    { font:7.9pt/1em Arial, Verdana, Sans-serif; color: #264a7b; font-weight: bold; }
#site #ss_menu li li li   { background: url('../gif/site/puce-gray-3.png') no-repeat; padding: 0px 0 5px 10px; }
#site #ss_menu li li li a { font:7.5pt/1em Arial, Verdana, Sans-serif; color: #264a7b; font-weight: bold; }
#site #ss_menu li.selected a  {  color: #B91207; }
#site #ss_menu a:hover  {  color: #C90000; }

/* class */
.horizontal-spacer  { font:0pt/0em Arial, Verdana, Sans-serif; height: 10px; }
.menu-bord          { width: 5px; float:left; }
.fleft             { float: left; }
.fright             { float: right; }
.smallchart         { padding: 14px 0 10px 20px; }
.selected           { color: #B91207; }
.euronext						{ font: 8pt/1.2em Arial, Verdana, Sans-serif;  }
/* com */
.layout             { float: left; }
.padleft            { padding-left: 10px; }
.padright           { padding-right: 10px; }
.padded             { padding: 0 8px; }
.padded-big         { padding: 0 18px; }
.bordright          { border-right: 1px solid #acacac; }
.bordleft           { border-left:  1px solid #acacac; }
.bd                 { border: 1px solid #acacac; }
.bottom             { height: 5px; font:0pt/0em Arial, Verdana, Sans-serif; }
.left-main          { width: 160px; }
.right-main         { width: 775px; }

.ileft              { float: left; text-align:right;  padding: 0 0 0 10px; margin: 0; }
.iright             { float: left; text-align:left;  padding: 0 0 5px 10px; margin: 0; }

.w190               { width: 190px; float: left; margin-right: 10px; margin-bottom: 10px; border: 0px;  }
.w190 th 						{ border: 0px; border-bottom: 1px solid white; }
.w190 td 						{ padding: 10px 5px; text-align: left; border: 0px; background: #D1D7DF; }
.agenda_tableau                     { width: 190px; float: left; margin-right: 10px; margin-bottom: 10px; border: 0px;  }
.agenda_tableau thead td						{ border: 0px; border-bottom: 1px solid white; background: #3669AE; color: #FFF; font-weight: bold; }
.agenda_tableau tbody td 						{ padding: 10px 5px; text-align: left; border: 0px; background: #D1D7DF; }

.w200               { width: 200px; }
.w250               { width: 250px; }
.w300               { width: 300px; }
.w350               { width: 350px; }
.w400               { width: 400px; }
.w500               { width: 500px; }
.w550               { width: 550px; }
.w650               { width: 650px; }
.w760               { width: 760px; }
.w750               { width: 750px; }


.pollutec           { padding-top: 15px; }

.txt_color_plomb							{ color: #9688AC; }
.txt_color_plastique					{ color: #74BEE2; }
.txt_color_zinc							{ color: #D4A548; }
.txt_color_waelz							{ color: #BC8448; }
.txt_color_metaux_speciaux		{ color: #95507B; }
.background_color_plomb							{ background: #9688AC; }
.background_color_plastique					{ background: #74BEE2; }
.background_color_zinc							{ background: #D4A548; }
.background_color_waelz							{ background: #BC8448; }
.background_color_metaux_speciaux		{ background: #95507B; }