/* Common styles */

/* @group Initialize */

* {margin: 0;padding: 0;}

*:focus {outline: 0 none;}

a {text-decoration: none;color: #000;cursor: pointer;}
img {border: 0;}
.clear {clear: both;}
.float {float: left;}
.left {float: left;}
.right {float: right;}
table tr {vertical-align: top;}
.caps, a.caps { text-transform: uppercase;}
.hide { display: none; }
a.underline, .underline { text-decoration: underline; }
hr {
	display: block;
	height: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 0;
	border-top: 1px solid #999;
	background-color: transparent;
}
object {
	display: block;
}
hr.dotted {
	border-top: 1px dotted #999;
}

table tr th {
	text-align: left;
}

.Images img {
	display: block;
	margin-bottom: 10px;;
}

#Loading {
	visibility: hidden;
}

/* @end */

/* @group Html & Body */

html {
	overflow-y: scroll;
}

body {
	font: 12px/15px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Layout */

#Main {
	width: 980px;
	margin: 0px auto 50px auto;
}

#Content {
	overflow: hidden;
	width: 980px;
}

#MainContent {

}

#LeftContent {
	padding-top: 1000px;
}

#RightContent {
	margin-left: 60px;
}



/* @end */

/* @group h & Title */

h1 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	color: #CCC;
	font: bold 18px/20px Helvetica, Arial, Geneva, sans-serif;
}

h3, .Webpage h2 {
	color: #000;
	font: 32px/31px Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

h4 {
	font: 18px/18px Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-style: normal;
}

h5 {
	font: 12px/12px Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-style: normal;
}

h6 {

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	color: #fff;
}

/* @end */

/* @group Menu */

.Menu {
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #000;
}

.Menu a {
	display: block;
	font-weight: bold;
	color: #000;
}

.Menu a {
	display: block;
	font-weight: bold;
	color: #000;
}


.Menu div.subMenu{
	margin: 4px 0px 8px 0px;
	background: url('../images/ico_threechild.gif') no-repeat 6px 3px;

}
div.subMenu a.subMenuItem{
	display: block;
	font-weight: normal;
	padding-left: 15px;
	color: #000;
}
div.subMenu a.subMenuItem:hover{
	color: #fff;
}
div.subMenu a.Selected{
	color: #fff;
	text-decoration: underline;
}


.Menu h3 {
	font: 14px/18px Helvetica, Arial, Geneva, sans-serif;
	display: block;
	font-weight: bold;
	color: #000;
	text-transform: none;
}

.Menu a.select, .Menu a:hover {
	color: #fff;
}

.CategoryMenu a:hover {
	color: #fff;
}

.CategoryMenu a.select {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Header */

#Header {
	letter-spacing: 0.5px;
	overflow: hidden;
}

#Lngs {
	margin-bottom: 20px;
}

#IntroText {
	width: 465px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}

/*#IntroText .up {
	height: 15px;
	background: url(../images/bulle_long.png) no-repeat center top;
	#background: url(../images/bulle_long.gif) no-repeat center top;
}

#IntroText .center {
	border-right: 2px solid #000;
	border-left: 11px solid #000;
	background-color: #fff;
	padding: 0 10px;
}

#IntroText .down {
	height: 55px;
	background: url(../images/bulle_long.png) no-repeat center bottom;
	#background: url(../images/bulle_long.gif) no-repeat center bottom;
}*/

/* @end */

/* @group Logo */

#Logo {
	height: 130px;
	padding: 30px 0 0 0;
}

/* @end */

/* @group Footer */

#Footer {
	position: relative;
	font-size: 12px;
	margin-top: 25px;
	line-height: 18px;
	border-top: 1px solid #000;
}

#FooterContent {
	color: #000;
	margin: 0px auto;
	overflow: hidden;
	padding: 5px 0;
}

#FooterContent a {
	color: #000;
	text-decoration: underline;
}

/* @end */

/* @group Tiny */


.Tiny p, p.Tiny {
	margin-bottom: 10px;
	padding-right: 10px;
	font: 13px/18px Arial;
}

.Tiny a {
	border-bottom: 1px dotted #000;
}

.Tiny img {
	vertical-align: middle;
}

.Tiny ul {
	margin: 0 0 10px 30px;
}

.Tiny ul li {
	margin: 0;
	list-style-type: disc;
	list-style-position: outside;
}


/* @end */

/* @group margin & padding */



.xsmb { margin-bottom: 5px; }
.xsmt { margin-top: 5px; }
.xsml { margin-left: 5px; }
.xsmr { margin-right: 5px; }
.smb { margin-bottom: 10px; }
.smt { margin-top: 10px; }
.sml { margin-left: 10px; }
.smr { margin-right: 10px; }
.mmb { margin-bottom: 20px; }
.mmt { margin-top: 20px; }
.mml { margin-left: 20px; }
.mmr { margin-right: 20px; }
.lmb { margin-bottom: 40px; }
.lmt { margin-top: 40px; }
.lml { margin-left: 40px; }
.lmr { margin-right: 40px; }

.xspb { padding-bottom: 5px; }
.xspt { padding-top: 5px; }
.xspl { padding-left: 5px; }
.xspr { padding-right: 5px; }
.spb { padding-bottom: 10px; }
.spt { padding-top: 10px; }
.spl { padding-left: 10px; }
.spr { padding-right: 10px; }
.mpb { padding-bottom: 20px; }
.mpt { padding-top: 20px; }
.mpl { padding-left: 20px; }
.mpr { padding-right: 20px; }
.lpb { padding-bottom: 40px; }

.lpt { padding-top: 40px; }
.lpl { padding-left: 40px; }
.lpr { padding-right: 40px; }


/* @end */

/* @group border */

.brdt { border-top: 1px solid #000; }
.brdr { border-right: 1px solid #000; }
.brdb { border-bottom: 1px solid #000; }
.brdl { border-left: 1px solid #000; }

/* @end */

/* @group Column & ColFrame */

.ColFrame {
	overflow: hidden;
	clear: left;
}

.Form .ColFrame {
	margin-bottom: 20px;
}

.Col0-5 {
	display: inline;
	float: left;
	width: 40px;
}

.Col1 {
	display: inline;
	float: left;
	width: 100px;
}

.Col2 {
	display: inline;
	float: left;
	width: 215px;
}

.Col3 {
	display: inline;
	float: left;
	width: 330px;
}

.Col4 {
	display: inline;
	float: left;
	width: 445px;
}

.Col5 {
	display: inline;
	float: left;
	width: 560px;
}

.Col6 {
	display: inline;
	float: left;
	width: 675px;
}

.Col7 {
	display: inline;
	float: left;
	width: 790px;
}

.Col8 {
	display: inline;
	float: left;
	width: 905px;
}

.ColMargin {
	margin-left: 15px;
}


/* @end */

/* @group Form */

label {
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 14px;
}

label.bold {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}

.Form .small {
	font-size: 11px;
	margin-top: -7px;
	font-style: italic;
	display: block;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 2px 4px;
	border: 1px solid #000;
}
.noninput {
	display: block;
	margin: 0 0 10px 0;
}

.Form input[type=text], .Form input[type=password] {
	width: 178px;
}

.FormMessage {
	display: none;
}

#error_wrapper a {
	color: #f10215;
}

/* @end */

/* @group Preview Alert */

div#PreviewAlert{ position: fixed; bottom: 0px; color: #fff; width: 100%; z-index: 9000; background-color: #21a9ab; }
div#PreviewAlertContent { padding:10px 20px; height: 20px; }
div#PreviewAlert a{ color: #fff; margin: 0; display: block; float: left;}

div#PreviewAlert form{ float : right; margin : 0 35px 0 0;}



/* @end */

/* Specific Styles */

/* @group Link */

a.white {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Button */

.BtBlack {
	display: block;
	overflow: hidden;
	height: 26px;
	color: #fff;
	float: left;
	margin: 1px 5px 4px 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
}

.BtBlack img {
	vertical-align: middle;
}

.BtBlack .start {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_black.png) no-repeat left top;
}

.BtBlack .end {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_black.png) no-repeat right bottom;
}

.BtBlack .text {
	display: block;
	float: left;
	height: 21px;
	padding: 5px 10px 0 5px;
	background-color: #000;
	white-space: nowrap;
}

.BtWhite {
	display: block;
	overflow: hidden;
	height: 26px;
	color: #000;
	float: left;
	margin: 1px 5px 4px 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
}

.BtWhite .start {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_white.png) no-repeat left top;
}

.BtWhite .end {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_white.png) no-repeat right bottom;
}

.BtWhite .text {
	display: block;
	float: left;
	height: 21px;
	padding: 5px 10px 0 5px;
	background: url(../images/bt_white.png) no-repeat center bottom;
	white-space: nowrap;
}

.BtGrey {
	display: block;
	overflow: hidden;
	height: 26px;
	color: #000;
	float: left;
	margin: 1px 5px 4px 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
}

.BtGrey .start {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_grey.png) no-repeat left top;
}

.BtGrey .end {
	display: block;
	height: 26px;
	width: 6px;
	float: left;
	background: url(../images/bt_grey.png) no-repeat right bottom;
}

.BtGrey .text {
	display: block;
	float: left;
	height: 21px;
	padding: 5px 10px 0 5px;
	background: url(../images/bt_grey.png) no-repeat center bottom;
	white-space: nowrap;
}

.BtBlack:hover, .BtWhite:hover, .BtGrey:hover {
	margin: 0px 5px 5px 0;
}

.BtBlack:active, .BtWhite:active, .BtGrey:active {
	margin: 1px 5px 4px 0;
}

/* @end */

/* @group Right */

.RightTitle {
	display: block;
	font-size: 18px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.RightMenuTab {
	font-weight: bold;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.RightMenuTab a {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 2px solid #000;
}

.RightMenuTab a.select {
	text-decoration: underline;
	color: #fff;
}

.NewsBox {
	line-height: 18px;
}

.NewsBox img {
	vertical-align: text-top;
}


.Related {

}


/* @end */

/* @group Box Small & Medium */

#TransitionDiv {
	position: relative;
	#position: static;
	overflow: hidden;
	padding: 0;
}

.MediumBox {
	padding: 0 0 60px 0;
}

.SmallBox {
	display: block;
	background: url(../images/bulle_small_white.png) no-repeat;
	padding: 3px 4px 49px 10px;
	margin-bottom: 40px;
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: left;
}

.bgwhite {
	background: url(../images/bulle_small_white.png) no-repeat;
}

.bgwhite:hover {
	background: url(../images/bulle_small.png) no-repeat;
}

.bgwhitehover {
	background: url(../images/bulle_small.png) no-repeat;
}

.bgwhitehover:hover {
	background: url(../images/bulle_small_white.png) no-repeat;
}

.SmallBox.left {
	padding: 3px 10px 49px 4px;
	background: url(../images/bulle_small_left_white.png) no-repeat;
}

.left.bgwhite {
	background: url(../images/bulle_small_left_white.png) no-repeat;
}

.left.bgwhite:hover {
	background: url(../images/bulle_small_left.png) no-repeat;
}

.left.bgwhitehover {
	background: url(../images/bulle_small_left.png) no-repeat;
}

.left.bgwhitehover:hover {
	background: url(../images/bulle_small_left_white.png) no-repeat;
}

.SmallBox.right {
	padding: 3px 4px 49px 10px;
}

a.SmallBox .on {
	display: block;
}

a.SmallBox:hover .on {
	display: none;
}

a.SmallBox .off {
	display: none;
}

a.SmallBox:hover .off {
	display: block;
}

.SmallBoxText {
	padding: 10px;
	width: 180px;
	height: 130px;
	overflow: hidden;
	background-color: #fff;
}

.SmallBox h3 {
	color: #000;
	font: 16px/18px Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.SmallBox.right {

}

.SmallBox.left {

}

.VideoTargetMedium {
	background: url(../images/bulle_big.png) no-repeat;
	width: 615px;
	height: 423px;
	padding: 12px 0 0 25px;
	margin-bottom: 10px;
}

.VideoTargetSmall {
	background: url(../images/bulle_small.png) no-repeat;
	width: 223px;
	height: 150px;
	padding: 7px 0 0 8px;
	text-align: left;
}

.MediumBoxText {
	margin: -25px 25px 0 76px;
}



/* @end */

/* @group bulle */

.bulle {
	display: block;
}

.bulle .up {
	height: 10px;
	background: url(../images/bulle_long.png) no-repeat left top;
	#background: url(../images/bulle_long.gif) no-repeat left top;
	border-right: 2px solid #000;
}

.bulle .center {
	border-right: 2px solid #000;
	border-left: 11px solid #000;
	background-color: #fff;
	padding: 10px 10px;
}

.bulle .down {
	height: 47px;
	background: url(../images/bulle_long.png) no-repeat right bottom;
	#background: url(../images/bulle_long.gif) no-repeat right bottom;
}

.bulleinvers {
	display: block;
}

.bulleinvers .up {
	height: 10px;
	background: url(../images/bulle_long_invers.png) no-repeat right top;
	#background: url(../images/bulle_long_invers.gif) no-repeat right top;
	border-left: 2px solid #000;
}

.bulleinvers .center {
	border-left: 2px solid #000;
	border-right: 11px solid #000;
	background-color: #fff;
	padding: 10px 10px;
}

.bulleinvers .down {
	height: 47px;
	background: url(../images/bulle_long_invers.png) no-repeat left bottom;
	#background: url(../images/bulle_long_invers.gif) no-repeat left bottom;
}

.bulleblack {
	display: block;
}

.bulleblack .up {
	height: 10px;
	background: url(../images/bulle_long_black.png) no-repeat left top;
	#background: url(../images/bulle_long_black.gif) no-repeat left top;
	border-right: 2px solid #000;
}

.bulleblack .center {
	border-right: 2px solid #000;
	border-left: 11px solid #000;
	background-color: #000;
}

.bulleblack .down {
	height: 47px;
	background: url(../images/bulle_long_black.png) no-repeat right bottom;
	#background: url(../images/bulle_long_black.gif) no-repeat right bottom;
}

.bullevideo {
	display: block;
	background: url(../images/bulle_small.png) no-repeat;
	padding: 3px 4px 49px 10px;
	margin-bottom: 40px;
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: left;
}



/* @end */

/* @group Category */

.CategoryMenu {
	overflow: hidden;
}

.Category {
	display: block;
	height: 200px;
	width: 157px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

a.Category:hover {
	color: #fff;
}

a.Category .on {
	display: block;
}

a.Category:hover .on {
	display: none;
}

a.Category .off {
	display: none;
}

a.Category:hover .off {
	display: block;
}



/* @end */

/* @group LngMenu */

#LngMenu {
	position: absolute;
	z-index: 3000;
	display: none;
	top: 0;
	left: 0;
	width: 230px;
}

#LngMenu.LngMenuUpFooter #LngMenuUp {
	background: url(../images/bulle_small.png) no-repeat 0 top;
	height: 15px;
}

#LngMenu.LngMenuUpFooter #LngMenuDown {
	background: url(../images/bulle_small.png) no-repeat 0 bottom;
	height: 30px;
}

#LngMenu.LngMenuUpHeader #LngMenuUp {
	background: url(../images/bulle_small_invers.png) no-repeat 0 top;
	height: 30px;
}

#LngMenu.LngMenuUpHeader #LngMenuDown {
	background: url(../images/bulle_small_invers.png) no-repeat 0 bottom;
	height: 15px;
}

#LngMenu #LngMenuContent {
	background-color: #000;
	color: #ccc;
	padding: 0 15px;
	overflow: hidden;
}

#LngMenu #LngMenuContent a {
	display: block;
	color: #ccc;
	float: left;
	width: 100px;
	line-height: 20px;
}

div.LngMenuBt span{
	cursor: pointer;
}

/* @end */

/* @group SelectContinent */

.SelectContinentLink {
	display: block;
	float: left;
	width: 195px;
	height: 419px;
	padding: 10px 15px;
	margin: 0 50px 0 0;
}

.SelectContinentLink .ChooseLngMenu {
	display: none;
}

.SelectContinentLink:hover .ChooseLngMenu {
	display: block;
}

#SelectContinentEuropeLink {
	background: url(../images/select_continent_europe.png) no-repeat left top;
}

#SelectContinentAsiaLink {
	background: url(../images/select_continent_asia.png) no-repeat left top;
}

#SelectContinentEuropeLink:hover {
	background: url(../images/select_continent_europe.png) no-repeat right top;
}

#SelectContinentAsiaLink:hover {
	background: url(../images/select_continent_asia.png) no-repeat right top;
}

/* @end */

/* @group Download */



.downloadFile {
	height: 40px;
	margin-right: 5px;
}

.downloadFile a {
	border: 0;
}

.fileIco {
	width: 20px;
	font-family: Verdana, sans-serif;
	height: 17px;
	color: #fff;
	font-size: 9px;
	padding: 5px 0;
	text-align: center;
	float: left;
	background: url(../images/ico.gif);
	margin: 0 10px 10px 0;
}

.fileIco a {
	text-decoration: none;
}

.downloadFile .fileInfo {
	float: left;
	padding: 10px 0 0 0;
}
.downloadFile .fileInfo .fileSize {

}

/* @end */