body {
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFF;
	background-color: #999999;
	background-image: url(images/fond_gris.jpg);
	background-repeat: repeat-x;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #858585;
	scrollbar-face-color: #A0A0A0;
	scrollbar-highlight-color: #A0A0A0;
	scrollbar-shadow-color: #A0A0A0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-darkshadow-color: #A0A0A0;
	scrollbar-base-color: #A0A0A0;
}
#site {
	width: 980px;
	height: 588px;
	margin: auto;
	margin-top: 0px;
}
#swf {
	z-index: 1;
	width: 490px;
	height: 490px;
	float: left;
}
#content {
	z-index: 2;
	width: 490px;
	height: 490px;
	overflow: auto;
	float: right;
}
#logocreora {
	width: 130px;
	height: 76px;
	position: static;
	float: right;
}
#title {
	margin:0;
	padding-top: 65px;
	padding-left: 13px;
	font-weight: bolder;
	font-size: 26px;
	float: left;
}
#title_approche { margin:0; padding-top: 65px; padding-left: 13px; font-weight: bolder; font-size: 18px; float: left; 
}
#paragraph {
	margin:0;
	width:470px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 12px;
	float: left;
}
a {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
a:hover {
	color: #FF762D;
}
a:active, a:focus {
	text-decoration: none;
	color: #FF9900;
}
a:link {
}
a:visited {
}
/* ________________________________________ Home _____________________________________________ */
#speechintro {
	width: 300px;
	height: 150px;
	float: left;
	padding-left: 15px;
	margin-top: 55px;
	font-size: 12px;
}
#baseline {
	width: 250px;
	height:110px;
	float: left;
	font-size: 51px;
	font-weight: normal;
	line-height: 50px;
	padding-left: 15px;
}
#news_home { 
	width: 320px;
	float: left;
	margin: 20px 0 0 15px;
	padding-bottom:2px;
	border-bottom: 2px solid white;
	font-size:12px; 
}
#news_home a { font-size:12px; color:white;}
#news_home a:hover { color:#FF762D; font-weight:bold;}
#news_home h1 { 
	font-size:18px; 
	margin:0; 
	padding:0; 
	display:inline; 
}
#home_news_infos {
	width: 320px;
	float: left;
	margin: 0 0 0 15px;
	font-size:11px;
	text-align:right;
}
#home_news_infos a:hover { color:#FF762D; font-weight:bold;}
#home_partners {
	width: 300px;
	float: left;
	margin: 15px 0 0 15px;
}
a.access_partner { float:right; margin:20px 0 0 0; background: url(images/bt_home_partners.jpg) no-repeat top right; padding: 6px 8px 0 0; width:190px; height:25px;  font-size: 11px; color: #fff; font-weight:bold; text-align:right;}
a.access_partner:hover { color: #FF762D; padding: 6px 5px 0 0; background:url(images/bt_home_partners_hover.jpg) no-repeat top right;}
a.access_partner_logo { float:right; margin:0; background: url(images/logo_home_partners.jpg) no-repeat top right; padding:0; width:99px; height:68px; font-size: 12px; color: #fff; font-weight:bold; text-align:right;}
a.access_partner_logo:hover { color: #000; background:url(images/logo_home_partners_hover.jpg) no-repeat top right;} 
#cdt {
	width: 490px;
	float: left;
	font-size:9px;
	padding-left:0px;
	margin-top:160px;
}
#cdt_home_news {
	width: 490px;
	float: left;
	font-size:9px;
	padding-left:0px;
	margin-top:15px;
}

/* ________________________________________ Vision & History _____________________________________________ */
#anim_history {
	z-index: 1;
	width: 580px;
	height: 490px;
	float: left;
}
#anim_vision {
	z-index: 1;
	width: 700px;
	height: 490px;
	float: left;
}
#paragraph_history { margin:0; width:380px; height: 380px; padding-top: 5px; padding-left: 15px; font-size: 11px; float: left; overflow:auto; 
}
#paragraph_vision { margin:0; width:260px; padding-top: 5px; padding-left: 15px; font-size: 12px; float: left; 
}
/* ________________________________________News_____________________________________________ */
#contentindexnews {
	width: 490px;
	height: 380px;
	float: left;
	overflow: auto;
}
.headsnews {
	width: 430px;
	margin: 0;
	float: left;
	margin-top: 20px;
	margin-right: 7px;
	margin-left: 13px;
	padding-left: 15px;
	padding-bottom: 1px;
	font-size: 12px;
	background-image:  url("images/product_list_square.gif");
	background-repeat:no-repeat;
	border-bottom: solid 1px #ccc;
}
.date {
	width: 400px;
	float: right;
	font-size: 11px;
	font-style: italic;
	text-align: right;
}
#contentindexnews a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#contentindexnews a:hover {
	color: #FF762D;
}
#subtitlesnews {
	width: 455px;
	float: left;
	margin-top: 20px;
	margin-right: 7px;
	margin-left: 13px;
	padding-left: 15px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	background-image:  url("images/product_list_square.gif");
	background-repeat:no-repeat;
	border-bottom: solid 1px #ccc;
}
#date {
	width: 478px;
	float: left;
	padding-right: 12px;
	padding-top: 5px;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}
#newsdescription {
	width: 455px;
	height:260px;
	float: left;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 24px;
	padding-left: 1px;
	padding-right: 4px;
	font-size: 11.5px;
	text-indent: 10px;
	letter-spacing: -0.5px;
	line-height: 18px;
	overflow:auto;
}
.newspics1 {
	margin-right:34px;
	margin-top:5px;
	border:1px solid #CCC;
}
#bluetitle { margin:0; font-size: 14px; color:#83CEE2; text-transform: uppercase; 
}
#news_dwnld_pdf {
	color:#83CEE2;
	width: 440px;
	float: left;
	margin-right: 25px;
	margin-left: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#newsnavigation {
	width: 455px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* ________________________________________ Fairs _____________________________________________ */
.logofairs {
	float:right;
	border:1px solid #666;
}
/* ________________________________________ Movie _____________________________________________ */
#movie {
	z-index: 1;
	width: 490px;
	height: 490px;
	margin-left:120px;
	float: left;
}
/* ________________________________________ Press Room _____________________________________________ */
#contentindexpr {
	width: 490px;
	height: 356px;
	float: left;
	overflow: auto;
}
#pr_agencies_contact {
	color:#83CEE2;
	width: 445px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 11px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#pr_agencies_contact a , #pr_agencies_contact a:hover {
	font-size: 14px;
}
/* ________________________________________ Applications _____________________________________________ */
#contentindex {
	width: 490px;
	height: 380px;
	float: left;
	overflow: auto;
}
.h2apps {
	width: 430px;
	margin: 0;
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 13px;
	padding-left: 18px;
	padding-bottom: 1px;
	font-size: 14px;
	font-weight:normal;
	background-image:  url("images/apps_list_square.gif");
	background-repeat:no-repeat;
	border: solid 1px #fff;
	background-color: #999999;
}
.h3apps {
	width: 425px;
	margin: 0;
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 28px;
	padding-bottom: 1px;
	font-size: 12px;
	font-weight:normal;
	background-image:  url("images/apps2_list_square.gif");
	background-repeat:no-repeat;
	border-bottom: solid 1px #ccc;
}
.contentapps {
	width: 430px;
	margin: 0;
	float: left;
	margin-top: 5px;
	margin-right: 7px;
	margin-left: 13px;

	padding-bottom: 1px;
	font-size: 12px;
	font-weight:normal;
}
.appspics {
	margin-right: 5px;
	float:left;
}
/* ________________________________________ Products page _____________________________________________ */
#titlesproducts {
	padding-top: 65px;
	padding-left: 10px;
	font-weight: bolder;
	font-size: 14px;
	float: left;
}
#contentscrollproducts {
	width: 490px;
	height: 360px;
	float: left;
	margin-top:5px;
	overflow: auto;
}
.subtitlesproducts { width: 428px; float: left; margin-top: 20px; margin-right: 10px; margin-left: 10px; padding-left: 15px; font-size: 12px; font-weight: bold; background-image:  url("images/product_list_square.gif"); background-repeat:no-repeat; 
}
#productsdescription1, #productsdescription2, #productsdescription3, #productsdescription4, #productsdescription5, #productsdescription6, #productsdescription7 {
	margin: 0;
	padding-top: 0px;
	width: 470px;
	float: left;
	font-size: 11px;
}
.descriptionlist1 {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 41px;
	font-size: 11px;
	list-style-position: outside;
}
.descriptionlist2 {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 65px;
	font-size: 11px;
	list-style-position: outside;
	list-style-type:none;
}
.productspics {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 29px;
	font-size: 11px;
}
/* ________________________________________ Trends & Directions _____________________________________________ */
#trendsdescription {
	width: 455px;
	height: 295px;
	float: left;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 24px;
	padding-left: 1px;
	padding-right: 4px;
	font-size: 11.5px;
	line-height: 18px;
	overflow:auto;
}
#subtitlestrends {
	width: 455px;
	float: left;
	margin-top: 20px;
	margin-right: 7px;
	margin-left: 13px;
	padding-left: 15px;
	padding-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	background-image:  url("images/product_list_square.gif");
	background-repeat:no-repeat;
	border-bottom: solid 1px #ccc;
}
.drawing {
	float:right;
	margin-top:1px;
	margin-right:4px;
	margin-left:5px;
	margin-bottom:30px;
	border:1px solid #666;
}
/* ________________________________________ Resource Lists _____________________________________________ */
.resourcelists {
	border:5px ridge #FFF;
}
/* ________________________________________ Menu haut _____________________________________________ */
#menu {
	width: 980px;
	height: 63px;
	position: static;
	font-size: 11px;
	background-image: url(images/pictos_fond_menu_de.jpg);
	background-repeat: repeat-x;
	float: left;
	z-index: 50;
}
#menu dl {
	float: left;
	width: 162px;
	height: 63px;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu dt {
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	color:#FFF;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
}
#menu dt a {
	color: #FFF;
	text-decoration: none;
	padding-right: 20px;
}
#menu dt a:hover {
	color: #CCCCCC;
}
#menu dd {
	background-color: #8B8B8B;
	position: absolute;
	bottom:1.5em;
	width:100%;
	margin: 0;
	padding: 0;
	margin-bottom: 28px;
	display: none;
}
#menu ul {
	margin-bottom: 14px;
	background-color: #666666; 
	margin: 0;
	padding: 0;
}
#menu li {
	list-style-type: none;
	text-indent: 15px;
	margin: 0;
	padding: 0;
}
#menu li a {
	color: #F3F3F3;
	text-decoration: none;
	display: block;
	border: 0 none;
	background-color: #AAAAAA;
	height: 17px;
}
#menu li a:hover {
	color: #ED5100;
	background-color: #CCCCCC;
	background-image: url(images/submenu_square.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#ssmenu {
	background-color: #999999;
}
/* ________________________________________ Partners Only_____________________________________________ */
#logspeech {
	width: 450px;
	height: 165px;
	float: left;
	padding-left: 15px;
	margin-top: 40px;
	font-size: 12px;
}
#menu2 {
	width: 490px;
	height: 15px;
	position: static;
	padding-top: 3px;
	float: right;
	font-size: 11px;
	z-index:100;
}
#menu2 dl {
	float: right;
	width: 140px;
	text-align: right;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu2 dt {
	cursor: pointer;
	font-weight: bold;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
	background-image: url(images/members_only.gif);
	background-repeat: no-repeat;
	background-position: top-left;
}
#menu2 dt a {
	color: #CCC;
	text-decoration: none;
	padding-right: 5px;
}
#menu2 dt a:hover {
	color: #FFF;
}
#menu2 dd {

	position: absolute;
	bottom: 1.5em;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-right:80px;
	margin-bottom: 4px;
	display: none;
	text-align: left;
}
#menu2 ul {
	margin-bottom: 14px;
	background-color: #666666; 
	margin: 0;
	padding: 0;
}
#menu2 li {
	list-style-type: none;
	text-indent: 15px;
	margin: 0;
	padding: 0;
}
#menu2 li a {
	color: #F3F3F3;
	text-decoration: none;
	display: block;
	border: 0 none;
	background-color: #AAAAAA;
	height: 17px;
}
#menu2 li a:hover {
	color: #ED5100;
	background-color: #CCCCCC;
	background-image: url(images/submenu_square.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#bt_log{
	width:260px;
	height:66px;
	margin-left:75px;
	margin-top:5px;
}
.log {
	width:260px;
	height:33px;
	position: static;
	float:left;
}
.log a {
	text-decoration: none;
}
.log a:hover {
	background: none; /* correction d'un bug IE */
}
.log a span { /* definition de la balise <span> inclue dans <a> */
	display: none;
}
.log a:hover span { /* definition de la balise <span> au survol */
	display: inline;
	position: relative;
	top: -33px; /* positions et dimensions du calque, que vous pouvez changer a loisir */
	left: 0px;
	width:260px;
	height:33px;
	text-align: center;
	color: white;
}
/* ________________________________________ Privacy _____________________________________________ */
#paragraph_privacy {
	margin:0;
	width:450px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 12px;
	float: left;
}
/* ________________________________________ Bottom links _____________________________________________ */
.copyright {
	float: right;
	color: #CCC;
	text-align: right;
}
.copyright a {
	color: #CCC;
	text-decoration: none;
}
.copyright a:hover {
	color: #FFF;
}
/* ________________________________________ Copyright Hyosung _____________________________________________ */
#hyosung {
	width: 490px;
	height:20px;
	padding-top:10px;
	position: static;
	font-size: 11px;
	float: left;
	z-index:100;
}
.logohyosung {
	width: 202px;
	padding-left:30px;
	position: static;
	float: left;
}
.logohyosung a {
	text-decoration: none;
}
.logohyosung a:hover {
	background: none; /* correction d'un bug IE */
}
.logohyosung a span { /* définition de la balise <span> inclue dans <a> */
	display: none;
}
.logohyosung a:hover span { /* définition de la balise <span> au survol */
	display: inline;
	position: relative;
	top: -19px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	left: 0px;
	width: 202px;
	height: 19px;
	text-align: center;
	color: white;
}
.copyright_hyosung {
	float: right;
	font-size: 9px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 3px;
}
