/* VIDEOGATE.TV CSS*/

body {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background: url(/htdocs/images/w_bg_body.jpg) #000 repeat-x;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	font-size:11px;
}
a {
	color:#129aff;
	text-decoration:none;
}
hr {
	display:none;
	clear:both;
}
h1 {}
h2 {}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}
.center {text-align:center;margin:0px auto;}

#wrapper {
	width:990px;
	margin:0px auto;
}
.scBanner img, .fatBanner img  {border:0px;}
.scBanner {padding: 24px 0px 0px 0px;display:block;float:left;}
.fatBanner {padding: 0px;display:block;float:left;}

#mainBox {
	float:left;
	width:870px;
	text-align:left;
	background:url(/htdocs/images/w_bg_mainBox.gif) repeat-y;
}
#headerBox {
	height:127px;
	background:url(/htdocs/images/w_bg_header.jpg) no-repeat;
	position:relative;
}
#headerBox h1, #headerBox p, #headerBox ul{ margin:0px;padding:0px; }
#headerBox h1 {
	position:absolute;top:34px;left:18px;
}
#headerBox h1 a{
	text-indent:-10000px;
	font-size:0px;
	line-height:0px;
	background:url(/htdocs/images/logo.gif) no-repeat;
	width:274px;
	height:27px;
	display:block;
}
#headerBox #searchBox {
	background:url(/htdocs/images/w_bg_search.gif) no-repeat 0px 0px;
	position:absolute;top:98px;left:20px;
	width:142px;
	height:24px;
	padding: 3px 0px 0px 10px;
}
#searchBox input{
	border:0px;
}
#searchBox .field{
	background:#cecece;color:#000;
	width:100px;
	font-size:10px;
	margin-right:14px;
}
#searchBox .button{
	background:url(/htdocs/images/w_btn_search.gif) no-repeat;
	width:17px;
	height:17px;
	text-indent:-50000px;
	font-size:0px;
	line-height:0px;
	cursor:pointer;
}
#mainNav {
	position:absolute;
	top:98px;left:172px;
	list-style:none;
	width: 690px;
}
#mainNav li {float:left;}
#mainNav a {
	color:#000; 	
	background:url(/htdocs/images/w_delimiter.gif) no-repeat;
	text-transform:uppercase; 
	padding:5px 20px;
	display:block;
}
#metaNav {
	position:absolute;
	top:16px;
	left:770px;
	width: 90px;
	list-style:none;
	text-align:right;
	text-transform:uppercase;
	font-size:9px;
	margin:0px; padding:0px;
	letter-spacing:0em;
	font-family:Arial, Helvetica, sans-serif;
}
html>body #metaNav {left:767px;}
#metaNav a{color:#898989;padding-right:20px;line-height:20px;margin-right:0px;display:block;height:22px;}
#metaNav a:hover{color:#000;}
#metaNav .home {background:url(/htdocs/images/w_ico_home.jpg) 100% 0% no-repeat;}
#metaNav .sitemap {background:url(/htdocs/images/w_ico_sitemap.jpg) 100% 0%  no-repeat;}
#metaNav .contact {background:url(/htdocs/images/w_ico_contact.jpg) 100% 0% no-repeat; }
#bannerBox{position:absolute;top:17px;left:300px;}
#wideCol {
	float:left;
	position:relative;
	width: 490px;
}
#tightCol {
	width:365px;
	float:left;
	padding-left:15px;
	background:url(/htdocs/images/w_bg_tightColHome.jpg) repeat-y 100% 0%;
	height: 482px;
}
#tightCol h2 {
	background:url(/htdocs/images/w_bg_h2.jpg) no-repeat;
	width:365px;
	height:132px;
	margin:0px;padding:0px;
	font-size:0px;
	line-height:0px;
	text-indent:-50000px;
}

#eventsBox {
	background:url(/htdocs/images/w_bg_events.jpg) no-repeat 0px 100%;
	height: 352px;
}
#eventsBox h3 {
	background:url(/htdocs/images/w_title_events.jpg) no-repeat 5px 0px;
	width:365px;
	height:60px;
	margin:0px;padding:0px;
	font-size:0px;
	line-height:0px;
	text-indent:-50000px;
}
#eventsBox p {
	color: #999;
	padding:0px 30px 0px 13px;
	margin: 0px;
}
#eventsBox ol {
	list-style:none;
	color: #129aff;
	margin:0px 0px 11px 0px; padding:0px 0px 20px 20px;
	line-height:1.4em;
	float:left;
}
#eventsBox ol  li{
	border-bottom: 1px solid #e4e4e4;
	padding: 6px 4px;
	float:left;
	width: 300px;
}
#eventsBox ol  em{
	width: 100px;
	display:block;
	float:left;
	font-style:normal;
}
#eventsBox ol  a{
	float:left;
	width: 190px;
	display:block;
	padding: 1px 3px;
	color:#9b9b9b; 
	border-top:0px solid #000;
	border-bottom:0px solid #000;
}
#eventsBox ol  a:hover{
	padding: 0px 3px;
	color:#000;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background:#fff;
}
#eventsList {
	background:url(/htdocs/images/w_bg_events_list.gif) no-repeat 2px 100%;
	margin:10px 0px;
	width: 350px;
	padding-bottom:20px;
}
#eventsList a{font-weight:bold;}
.btnEvenements {
	display:block; font-size:0px; line-height:0px; text-indent:-5000px; height:16px;margin: 0px 0px 0px 118px;
	background:url(/htdocs/images/w_btn_evenements.gif) no-repeat; clear:both;  width: 120px;
}

#clientsList {
	margin:10px 0px;
	position:absolute;
	left: -190px;
	top:117px;
	width: 180px;
	height:340px;
	z-index:10;
	display:block;
	overflow:auto;
	scrollbar-highlight-color: #222;
	scrollbar-3dlight-color: #222;
	scrollbar-track-color: #222; 
	scrollbar-face-color: #222;
	scrollbar-shadow-color: #222; 
	scrollbar-darkshadow-color: #222; 
	scrollbar-arrow-color: #666;
}
#contentBox #clientsList h3 {
	font-size: 11px;
	color:#fff;
	float:none;
	margin:2px 0px 10px 0px;
	padding: 5px 0px;
}
html>body #contentBox #clientsList h3 {
	margin:6px 0px 10px 0px;
	padding: 5px 0px;
}
#clientsList ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
}
#clientsList ul a:hover{color:#000;}
#subNavBox {
	background:url(/htdocs/images/w_bg_events.jpg) no-repeat 1px 100%;
	height: 352px;
	position:relative;
	z-index:0;
}
#subNavBox h3 {margin:0px 0px 0px 40px; padding:0px;}
#subNavBox h3 a{font-size: 11px;color:#ccc;text-transform:uppercase;}
#subNavRegions {
	width: 160px;
	border-right:1px solid #222;
}
#subNavRegions ul{
	color:#fff;
	list-style:none;
}
#subNavRegions a {color:#5e5e5e;}
#subNavRegions a:hover{color:#aaa;}
#videoBox{
	padding:0px;
	margin:0px;
	border:1px solid #efefef;
	float:left;
}
#mapBox {
	width: 333px;
	height:222px;
	margin: 16px 20px 10px 0px;
}
#newsBox, #contentBox {
	float: left;
	width: 480px;
	min-height: 222px;
	color:#c6c6c6;
	background:url(/htdocs/images/w_bg_news.jpg) no-repeat 0% 100%;
	padding: 0px 0px 16px 10px;
	margin: 0px 0px 10px 0px;
}

#contentBox {padding-right:50px;width:430px;color:#666;height:250px;}
html>body #contentBox {height:auto;min-height:250px;}
#contentBox h3 {color: #666;font-size: 1.5em;margin:0px 0px 0px 0px; padding:0px;}
#contentBox h5 {font-weight:normal;clear:both; margin:5px 0px;padding:5px 0px;}
#contentBox h5 a{ color:#ccc; }
#contentBox h5 a:hover{color:#000;}

#tabsBox {background:url(/htdocs/images/w_bottomTabs.gif) no-repeat 0% 100%; text-transform:uppercase;
	 float:left;width: 479px;margin: 14px -25px 10px -5px; padding: 0px 0px 17px 8px; }
html>body #tabsBox {width: 458px;margin: 14px 0px 10px -20px;padding: 0px 0px 17px 20px;}
#tabsBox span {float:left;display:block;background:url(/htdocs/images/tab_L_rgt.gif) no-repeat 100% 0%;padding:6px 10px;}
#tabsBox a {float:left;display:block;color:#666; background:url(/htdocs/images/tab_L_lft.gif) no-repeat;margin: 0px 1px;
}
#tabsBox .selected span {background:url(/htdocs/images/tab_D_rgt.gif) no-repeat 100% 0%;} 
#tabsBox a.selected {background:url(/htdocs/images/tab_D_lft.gif) no-repeat;}
#tabsBox a:hover {color:#000;cursor:pointer;} 

#contentBox .clientlogo {float:left;margin-right:10px;}
#contentBox #clientLinks {
	border-top: 1px solid #ccc;
	text-transform:uppercase;
	font-size:10px;
	padding-top:4px;
	text-align:center;
	clear:both;
}
#contentBox #clientLinks  a {margin-right: 20px;color:#ccc; padding-left:13px;}
#contentBox #clientLinks  a:hover {color:#666;}
#contentBox #clientLinks  a.whours{background:url(/htdocs/images/w_ico_workinghours.gif) no-repeat;}
#contentBox #clientLinks  a.favorites{background:url(/htdocs/images/w_ico_favorites.gif) no-repeat;}
#contentBox #clientLinks  a.map{background:url(/htdocs/images/w_ico_map.gif) no-repeat; margin-right:0px;}

#feedsBox {float:right;margin:0px; padding:17px 50px 0px 0px;}
#feedsBox a {display:block;float: left;font-size:0px;line-height:0px;text-indent:-5000px;height:16px;margin: 3px;}
#feedsBox .rss {background:url(/htdocs/images/w_btn_rss.jpg); width:47px;}
#feedsBox .atom {background:url(/htdocs/images/w_btn_atom.jpg); width:60px;}
#newsBox h3 {
	margin:18px 0px;padding:0px;
	font-size:0px;
	line-height:0px;
	text-indent:-50000px;
}
#newsBox h3 a{
	background:url(/htdocs/images/w_title_news.jpg) no-repeat;
	width:45px;
	height:18px;
	display:block;
	margin-left:7px;
}
.newsCollection {
	background:url(/htdocs/images/w_news_delimiter.gif) repeat-y 145px 0px;
	float:left;
	padding:0px 0px 10px 0px;
	width: 470px;
}
#newsBox .news{
	float: left;
	width: 130px;
	margin: 0px 20px 0px 2px;
}
#newsBox .news h5{
	margin:0px; padding: 0px;
	font-weight:normal;
}
#newsBox .news h6{
	margin:6px 0px; padding: 0px 0px 0px 3px;
	font-weight:normal;
	font-size:0.95em;
	color:#666;
}
#newsBox .news a{
	margin:0px; padding: 0px 3px;
	display:block;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
#newsBox .news a:hover{
	color:#0084e6;
	border-top:1px solid #26a3ff;
	border-bottom:1px solid #26a3ff;
	background:#b3dfff;
}
#newsBox .news p{
	margin:0px; padding: 0px 0px 0px 3px;
}
#buttonsBar {
	clear:both;
	border-top:1px solid #f8f8f8;
	border-bottom:1px solid #f8f8f8;
	height: 26px;
	padding:0px 0px 0px 377px;margin:0px;
}
#buttonsBar a {display:block;float: left;font-size:0px;line-height:0px;text-indent:-5000px;height:20px;margin: 3px;}
#buttonsBar .newsletter {background:url(/htdocs/images/w_btn_newsletter.jpg); width:167px; }
#buttonsBar .sms {background:url(/htdocs/images/w_btn_sms.jpg); width:102px;margin-left:70px;}
#buttonsBar .email {background:url(/htdocs/images/w_btn_email.jpg); width: 134px;}
#footerBox {
	background:url(/htdocs/images/w_bg_footer.jpg) no-repeat #000;
	color:#5d5d5d;
	padding:0px;margin:0px;
	text-align:center;
	padding-top: 20px;
}
#footerBox a{color:#5d5d5d;}
#footerBox a:hover{text-decoration:underline;}