body { background-color: #ffffff; font-family: "MS Reference sans serif", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; text-align: justify; margin: 0px; color: #000000; white-space: normal; }
a { color: #4283d2; text-decoration: none; font-style: normal; }
a:hover { text-decoration: underline; }

#main 					{ margin: 25px; margin-right: 40px; }
#main #description 		{ font-size: 36px; font-family: "MS Reference sans serif", Verdana, Helvetica, Arial, sans-serif; color: #4283d2; margin-bottom: 30px; }
             
#menu a				{ color: #ffffff; text-decoration: none; text-indent: 5px; }
#menu .item a:hover	{ color: #cfe2f9; }
#menu .item			{ font-weight: bold; margin: 0px; border-width: 0px; padding: 3px; background-image: url(../../IMAGES/DESIGN/menu_up.png); cursor: pointer; }
#menu .item:hover	{ background-color: #e4e4e4; color: #cfe2f9; }
#menu .down			{ font-weight: bold; margin: 0px; border-width: 0px; padding: 3px; background-image: url(../../IMAGES/DESIGN/menu_up.png); cursor: pointer; }
#menu .down a		{ color: #ffffff; }
#menu .menuText		{ padding-top: 1px; }

#menu .submenu				{ font-weight: normal; padding: 0px; padding-left: 0px; padding-right: 0px; background-color: #ffffff; border-style: solid; border-width: 0px; border-color: #ffffff; }
#menu .submenu a			{ color: #000000; }
#menu .submenu .item		{ font-weight: normal; text-indent: 45px; padding: 2px; clear: both; border-style: solid; border-color: #cccccc; border-width: 0px; border-bottom-width: 1px; background-color: #f8f8f8; cursor: pointer; background-image: url(../../IMAGES/DESIGN/submenu_up.png); }
#menu .submenu .item:hover	{ color: #4283d2; }
#menu .submenu .down		{ font-weight: normal; text-indent: 45px; margin: 0px; border-width: 0px; padding: 2px; background-color: #4283d2; color: #4283d2; background-image: url(../../IMAGES/DESIGN/submenu_down.png); cursor: pointer; }
#menu .submenu .down a		{ color: #4283d2; }
#menu .submenu .menuText	{ float: left; }
#menu .submenu .fleche	{ margin: 0px; margin-left: 6px; margin-top: 4px; background-image: url(../../IMAGES/DESIGN/menu_iconGreen.png); width: 12px; height: 12px; float: left; }

#footer   { clear: both; background-color: #4283d2; text-align: center; color: #ffffff; padding: 5px; padding-bottom: 7px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: underline; }

.label    { padding-left: 10px; }
.subtitle { color: #999999; font-size: 14px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 20px; margin-bottom: 15px; }

.h0 { font-size: 48px; color: #cfe2f9; padding: 0px; margin: 0px; }
h1 { font-size: 20px; color: #000000; padding: 0px; margin: 0px; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
h2 { color: #4283d2; font-size: 16px; font-family: "MS Reference sans serif", Verdana, Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 20px; margin-bottom: 15px; }
h3 { color: #999999; font-size: 12px; font-family: "MS Reference sans serif", Verdana, Helvetica, Arial, sans-serif; padding: 2px; margin: 0px; text-indent: 15px; }
h4 { color: #4283d2; font-size: 11px; font-weight: bold; font-style: italic; margin: 0px; padding: 0px; margin-bottom: 5px; margin-top: 15px; cursor: default; }
h5 { color: #999999; font-size: 11px; border-color: #c7c7c7; border-width: 1px; border-style: solid; margin: 20px; background-color: #ffffff; padding: 10px; background-image: url(../../IMAGES/DESIGN/bg_bulle.png); background-repeat: repeat-x; }
h6 { color: #4283d2; font-size: 11px; padding: 0px; margin: 0px; text-indent: -20px; }
h6:hover {  cursor: pointer; color: #000000; }

textarea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
input { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }

.gallerie_picture { float: left; margin: 5px; }

.infobulle { position: absolute; margin-top: -40px; visibility : hidden; border: 1px solid #c7c7c7; padding: 10px; font-size: 10px; background-color: #ffffff; background-image: url(../../IMAGES/DESIGN/bg_bulle.png); background-repeat: repeat-x; z-index: 4000; color: #999999; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }

.s_field				{ width: 120px; font-size: 12px; padding: 2px; padding-top: 3px; margin: 0px; padding-left: 5px; padding-right: 5px; color: #ffffff; background-color: #ba0307; border-style: solid; border-width: 1px; border-top-color: #9d0205; border-left-color: #9d0205; border-bottom-color: #4283d2; border-right-color: #4283d2; }
.s_field:hover			{ background-color: #c80206; }

.searchBarre				{ margin-bottom: 15px; padding: 5px; background-image: url(../../IMAGES/DESIGN/bg_itemHead.png); background-repeat: repeat-x; border-style: solid; border-color: #c7c7c7; border-width: 1px; } 
.searchBarre .searchButton 	{ background-color: #999999; border-style: solid; border-width: 1px; border-color: #666666; border-top-color: #e4e4e4; border-left-color: #e4e4e4; color: #ffffff; padding: 2px; font-family: "MS Reference sans serif", Arial, Helvetica, sans-serif; cursor: pointer; }
.searchBarre .searchButton:hover { background-color: #999999; border-color: #666666; border-bottom-color: #e4e4e4; border-right-color: #e4e4e4; }
.searchBarre .searchZoom	{ width: 24px; height: 24px; position: absolute; background-image: url(../../IMAGES/DESIGN/zoom.png); }

.userBarre			{ margin-left: 20px; margin-right: 20px; padding: 1px; padding-top: 2px; border: 1px solid #666666; background-color: #999999; color: #ffffff; padding-left: 15px; padding-right: 15px; cursor: pointer; }
.userBarre:hover	{ background-color: #666666; border-color: #999999; }

.buttonBarre			{ text-align: center; color: #ffffff; padding: 2px; width: 100px; background-color: #4283d2; cursor: pointer; border-style: solid; border-width: 1px; border-bottom-color: #666666; border-right-color: #666666; border-top-color: #e4e4e4; border-left-color: #e4e4e4; }
.buttonBarre:hover		{ border-color: #666666; border-bottom-color: #e4e4e4; border-right-color: #e4e4e4; }
.buttonBarre a			{ color: #ffffff; }
.buttonBarre a:hover	{ text-decoration: none; }

.topButtons { color: #ffffff; font-size: 14px; padding: 10px; padding-top: 10px; padding-bottom: 7px; float: left; }
.topButtons:hover { cursor: pointer; }
.topButtonsActive { cursor: pointer; color: #ffffff; font-size: 12px; padding: 3px; margin: 2px; margin-top: 10px; margin-bottom: 5px; margin-right: 10px; float: left; background-color: #4283d2; border: 0px solid #830103; border-bottom-width: 1px; border-right-width: 1px;}
.topButtonsSeparation { width: 2px; height: 40px; background-image: url(../../IMAGES/DESIGN/topButtons_sep.png); padding: 0px; float: left; }
.pushButton				{ float: left; padding: 5px; border: 1px solid #4283d2; background-color: #ffffff; height: 40px; cursor: pointer; }
.topButtons a     { color: #ffffff; }
.topButtons a:hover { color: #ffffff; text-decoration: underline; }

.icon_points			{ margin: 0px; margin-left: 10px; margin-top: 4px; margin-right: 10px; float: left; background-image: url(../../IMAGES/DESIGN/menu_iconGray.png); width: 12px; height: 12px; }
.icon_pointsGreen	{ margin: 0px; margin-left: 10px; margin-top: 4px; margin-right: 10px; float: left; background-image: url(../../IMAGES/DESIGN/menu_iconGreen.png); width: 12px; height: 12px; }
.icon_fleche_white		{ float: left; }
.icon_tg_auto			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: 0px 0px; }
.icon_tg_boot			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -300px 0px; }
.icon_tg_hars			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -100px 0px; }
.icon_tg_huis			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -400px 0px; }
.icon_tg_kunst			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -200px 0px; }
.icon_tg_tools			{ float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -500px 0px; }
.icon_tg_prof_vosschemie	{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: 0px 0px; }
.icon_tg_prof_stockhausen	{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -100px 0px; }
.icon_tg_prof_spheretex		{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -200px 0px; }
.icon_tg_prof_glass_ocha	{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -300px 0px; }
.icon_tg_prof_devold_amt	{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -400px 0px; }
.icon_tg_prof_cytec			{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -500px 0px; }
.icon_tg_prof_altropol		{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -600px 0px; }
.icon_tg_prof_newsystems	{ border: 3px solid #999999; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -700px 0px; }
.icon_tg_auto_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: 0px 0px; }
.icon_tg_boot_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -300px 0px; }
.icon_tg_hars_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -100px 0px; }
.icon_tg_huis_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -400px 0px; }
.icon_tg_kunst_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -200px 0px; }
.icon_tg_tools_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; margin-top: -1px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/tg.png); background-position: -500px 0px; }
.icon_tg_prof_vosschemie_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: 0px 0px; }
.icon_tg_prof_stockhause_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -100px 0px; }
.icon_tg_prof_spheretex_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -200px 0px; }
.icon_tg_prof_glass_ocha_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -300px 0px; }
.icon_tg_prof_devold_amt_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -400px 0px; }
.icon_tg_prof_cytec_selected		{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -500px 0px; }
.icon_tg_prof_altropol_selected		{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -600px 0px; cursor: pointer; }
.icon_tg_prof_newsystems_selected	{ border: 3px solid #4283d2; float: left; margin: 2px; width: 100px; height: 100px; background-image: url(../../IMAGES/DESIGN/profs.png); background-position: -700px 0px; cursor: pointer; }
.icon_back				{ background-image: url(../../IMAGES/DESIGN/icons.png); background-position: -400px 0px; width: 40px; height: 40px;  }
.icon_buy				{ background-image: url(../../IMAGES/DESIGN/icons.png); background-position: -440px 0px; width: 40px; height: 40px;  }
.icon_fleche			{ float: left; background-image: url(../../IMAGES/DESIGN/icons.png); background-position: -76px -101px; width: 24px; height: 24px; }
.icon_download			{ float: left; background-image: url(../../IMAGES/DESIGN/icons.png); background-position: -480px 0px; width: 40px; height: 40px;  }
.icon_pdf			{ width: 38px; height: 40px; background-image: url(../../IMAGES/GLOBAL/icon_pdf.png);  }