@charset "utf-8";

/* ============ Video Player ============ */
#videoPlayer_container, #videoPlayer {
   width:300px;
   height:403px;
   z-index:499;
}
#bm_video h3 {width:500px;}
#videoPlayer{
   position:absolute;
}
#f_videoPlayer{
   z-index:500;
}
.flash_error_msg{
   margin: auto;
   /*padding: auto;*/
   border: 1px solid #666;
   background-color: #f6f6f6;
   text-align: center;
   width:300px;
   height:348px;
   line-height: 15px;
}
/* ============ Basics HTML ================*/
body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #dfdfdf url(/v2/i/bm_bg.gif) repeat-y 50% 0; margin: 0; padding: 0; color: #000} 
p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, blockquote, tt, th, td, form, fieldset, label, legend, input, textarea, button {padding:0; 	margin:0}
img {border:none}

/* form */
label {cursor: pointer}
button {background: #a3a3a3 url(/v2/i/bm_bgbutton.gif) repeat-x bottom left; border-top:1px solid  #DDFA6C;	border-left:1px solid  #DDFA6C; border-right:1px solid  #184900;	border-bottom:1px solid  #184900; color:#fff; padding: 0 7px; font-size: 1em;}
 
/* General linkology */
a:link {color: #6B0; text-decoration: none;}
a:visited {color: #690; text-decoration: none}
a:hover {color: #6B0; text-decoration: underline}
a:active {color: #6D0; text-decoration: underline}

/* ============ mobile version ================*/
p.mobversion {border-top: 1px solid #fff; background-color: #dfdfdf; padding: 4px 0 6px 2em} 
p.mobversion a {color: #000; font-weight: bold}
p.mobversion a img {border: 1px solid #fff; vertical-align: bottom}

p#toplink {text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; padding: 3px 0; font-size: 1.2em}
#toplink a:link, #toplink a:visited, #toplink a:hover, #toplink a:active {color: #000}

/* ============ Container ================ */
#container {width: 972px; margin: 0 auto; background: #7AC52D}

/* ============ Header ================ */
#header {background: #4A4A4A; padding: 5px 0 1px 0; border-bottom: 1px solid #fff; padding: 5px 20px 0 10px; /* super simple clear float */ clear: both; overflow: auto; _height: 1%}
#header a:link, #header a:visited {color: #eee}
#header p.branding {float: left;  width: 410px;}
#header div {float: right; width: 510px;}
#header p.branding em {display: block; float: left; padding-top: 58px; font: normal normal 100 1em arial, sans-serif; color: #ddd; margin: 0 0px 0 5px;}
#header a.businessmobile:link, #header a.businessmobile:visited {display: block; float: left; text-indent: -5000px; height: 84px; width: 246px;	background: transparent url(/v2/i/businessmobile.gif) no-repeat 0 100%; text-decoration: none}
#header a.zdnet:link, #header a.zdnet:visited {display: block; float: left; text-indent: -5000px; height: 90px; width: 81px; background: transparent url(/v2/i/zdnet.gif) no-repeat 0 42px; text-decoration: none}
#header p.branding a:hover {text-decoration: none}
#header ul.news {color: #fff; list-style-type: square;}
#header ul.news li {margin: 5px 0;}
#header ul.services {text-align: right; margin-top: 10px}
#header ul.services li {border-left: 1px solid #eee; padding-left: 5px; display: inline}
#header ul.services li img {vertical-align:bottom;}
#header ul.services li.first {border: none; padding: 0}

/* ============ Leaderboard ================ */
#leaderboard {margin: 10px 0 10px 0; padding-left: 140px; float: left;/* super simple clear float */ clear: both; overflow: visible; _height: 1%}
#leaderboard img.add {display: block; margin: 10px 5px 0 0;float: left}
#bm_leaderboard {float: left;}

/* ============ Menu + Search ================ */
#menu_container {background: #eee url(/v2/i/bm_bgm.gif) repeat-x bottom left; /* 7px = image background height */ padding-bottom: 7px; /* General width 940 px */ width: 940px; margin: 0 auto; /* super simple clear float */ clear: both; overflow: visible; _height: 1%}

/* Menu linkology */
#menu a:link, #menu a:visited {color: #fff; display: block; position: relative; background: #4a4a4a; float: left; padding: 7px 15px; /* font */ font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; /* border */ border-right: 1px solid #ccc}
#menu a:hover {background: #000; color: #fff; text-decoration: none}
#menu a:active {background: #fff; color: #000; text-decoration: none}
#menu .new a:link,  #menu .new a:visited {font-weight:bold;background:transparent url(/v2/i/btraveler_menu.jpg) repeat-x scroll 0 0;color:white;}
#menu .new a:hover {font-weight:bold;background:#5e8be5;} 
#menu .new2 a:link,  #menu .new2 a:visited {font-weight:bold;background:#275817;color:white;}
#menu .new2 a:hover {font-weight:bold;background:#7AC52D;} 




















/*selected item*/
ul#menu li.selected a:link, ul#menu li.selected a:visited {background: #fff; color: #000}
ul#menu li.selected-bt a:link, ul#menu li.selected-bt a:visited {/*background: url(/v2/i/btraveler_menu.jpg) repeat-x; */color: #FFF; font-weight: bold}
ul#menu li a.not-selected-bt:link, ul#menu li a.not-selected-bt:visited {/*background: url(/v2/i/btraveler_menu.jpg) repeat-x;*/ color: #FFF; font-weight: normal}

/* menu items */
ul#menu {list-style: inside none; border: 1px solid #fff; background: #4a4a4a; height: 29px}
ul#menu  li {/* special for ie */ display: inline}

/* search form */
#f_search {text-align: center; border-bottom: 1px solid #fff; height: 25px; padding-top: 5px}
#f_search fieldset {border: none}
#f_search select, input {font-family:verdana; font-weight:bold; font-size:1.2em}
#f_search input {width: 320px; padding: 1px 2px}
#f_search button {margin: 0 5px 1px 5px}
#f_search label {font: normal normal 600 12px arial,verdana; text-transform: uppercase; margin-right: 5px}

/* ============ Content ================ */

#content {clear: left;	/*	General width 940px*/ width: 940px;	 margin: 0 auto; /*	bg image */ background: #fff url(/v2/i/bm_bgcontent.gif) repeat-y 549px 0}
#content h2 {font-family: Arial, Helvetica, sans-serif}
#content h3 {text-transform: uppercase; margin-top: 10px}
#content p, #content ul, #content ol {font-size: 1.1em; line-height: 150%; margin-bottom: 15px}
#content legend {font-size: 1.2em; text-transform: uppercase}

/* story and talkback and list*/
p.auteur, p.date {color: #888}
#content p.metadata {color: #999}

/* ============ Struct - 2Col ================ */
#leftcol {float: left; width: 510px; padding: 0 15px; background: transparent} 
#rightcol {/* if leftcontent is smaller than right content*/ /*	margin-left: 540px;*/ float: right; width: 390px}

/* ============ Related ================ */
#related {margin: 30px 0; clear: left}
#related h3 {font-size: 1.2em}
#related ul {border-top: 1px solid #ccc; margin: 5px 0}
#related ul li {padding: 5px 0; list-style: none outside; /* specific definitions */ border-bottom: 1px solid #ccc}

/* ============ RSS ================ */
#rss {margin: 30px 0}
#rss h3 {font-size: 1.2em; margin-bottom: 10px}
#rss ul {list-style-type: none; margin-bottom: 5px}
#rss ul li {padding: 5px 0}

/* ============ ColRight ================ */
#rightcol {}
#rightcol div.first {margin-top: 10px}
#rightcol h3 {margin-bottom: 15px; font-size: 1.2em}
#rightcol ul {list-style-position: outside; list-style-type: none}
#rightcol div.first_block {margin-top: 15px}
#rightcol #searchcloud, #rightcol #blogs, #rightcol #favorites, #rightcol #last_products {border-top: 1px solid #ccc; background:   url(/v2/i/bm_bgrighdiv.gif) repeat-x 0 1px; padding: 0 10px; margin: 30px 0; /* super simple clear float */ clear: left; overflow: visible; _height: 1%}

/* ============ MPU ============ */
#bm_mpu{margin: 5px auto; width: 302px; text-align: center; /*	height: 302px;*/ }
#bm_mpu p {text-align: center; margin: 0}

/* ============ Newsletter ============ */
#newsletter  {width: 291px; height: 195px; margin: 30px auto; background: transparent url(/v2/i/newsletter_bg.jpg) no-repeat 0 0}
#newsletter fieldset {padding: 0 30px 0 15px; border: none}
#newsletter legend {font-weight: bold; color: #fff; padding: 10px 5px}
#newsletter ul {margin: 5px 0}
#newsletter label {}
#newsletter input {margin-right: 10px}
#lab_email {display: none}

/* ============ POWER PROMO ============ */
img.powercenter {display:block;margin:2em auto 0;width:67px;}
#rightcol .promoBox {background:#D6D6CA none repeat scroll 0 0;padding:2px;width:300px;margin:5px auto;}
#rightcol #powerPromo {border:1px solid #fff;margin:5px;}
#rightcol #powerHeader {border-bottom:0;position: relative;}
#rightcol #powerHeader h6 {background:url(/businessmobile/s/media/powercenter/bg_powerCenterHed.jpg) 0 0 no-repeat;margin:0;padding:86px 0 0 0;overflow:hidden;height: 0px !important;height /**/:86px;}
#rightcol #powerItems {background-color:#f0f0eb;}
#rightcol #powerItems dl {margin:0;padding:10px 0;border-bottom: 1px solid #cad1d8;width: 100%;}
#rightcol #powerItems dt {background:url(/businessmobile/s/media/powercenter/icn_zoomIn_16x16.gif) 0 0 no-repeat;padding:0 0 0 22px;margin:0 14px 0 5px;}

#rightcol #powerItems dd {padding:0 0 0 14px;margin:4px 14px 0 14px;}
#rightcol #powerItems .dek {display:none;}
#rightcol #powerItems a {color:#000;font-size:1.2em;}
#rightcol #powerItems .cta a {font-weight:bold;color:#004d99;}
#rightcol #powerItems .dek img {float:left;margin:0 5px 2px 0;}
#rightcol #powerLogos {background:#fff url(/businessmobile/s/media/powercenter/bkg_powerCenterLogos.gif) 0 0 repeat-x;}
#rightcol #powerLogos ul {margin:0;padding:6px 0;text-align:center;}
#rightcol #powerLogos li {margin:0;padding:0;background:none;display:inline;padding:0 5px;border:0;}
/* rollover state */
#rightcol #powerItems .selected .dek {display:block;}
#rightcol #powerItems .selected dt {background:url(/businessmobile/s/media/powercenter/icn_zoomOut_16x16.gif) 0 0 no-repeat;padding:0 0 0 22px;margin:0 14px 0 5px;}
#rightcol #powerItems .selected dt a {font-weight:bold;color:#8d0000;}


/* ============ Searchcloud ============ */
#searchcloud p {font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 180%}
#searchcloud p a {padding: 0 2px 0 0}

/* ============ blogs ============ */
#rightcol #blogs {margin-bottom: 0}
#rightcol #blogs a:link, #rightcol #blogs a:visited {border-bottom: none}
#rightcol #blogs a:hover, #rightcol #blogs a:active {border-bottom: 1px dotted #6C3}
#rightcol #blogs ul li {height: 65px; clear: left}
#rightcol #blogs img {float: left; margin-right: 10px; padding: 1px; border: 1px solid #ccc}
#rightcol #blogs img:hover {border: 1px solid #6C3}

/* ============ favorites ============ */
#favorites h3 {margin-bottom: 20px}
#favorites ul li {padding: 5px 0; clear: left}
strong.user_rating {float: left; display: block; font-size: 3em; font-family: Arial, Helvetica, sans-serif; color: #e0e0e0; padding: 7px 0 3px 0;	 margin-right: 15px}
em.user_rating {color: #999}

/* ============ extra ============ */
/* Linkology */
#extra a:hover, #extra a:visited {text-decoration: none}
#extra h3 {/* ie win only */ _margin-top: 50px}
#extra img {float: left; margin: 0 10px 10px 0px}

/* Menu */
#extra_nav {background-color: #7AC52D}
#extra_nav a:link, #extra_nav a:visited {display: block; float: left; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;	 border-right: 1px solid #fff; text-align: center; padding: 5px 11px 5px 11px}
#extra_nav a.toggle:link, #extra a.toggle:visited {color: #fff; background-color: #7AC52D}
#extra_nav a.toggle:hover, #extra_nav a.toggle:active {background-color: #693}

/* selected class MUST overwrite the toggle class */
#extra_nav a.selected:link, #extra_nav a.selected:visited {background-color: #fff; color: #000}
/* html bulk */
#extra1, #extra2, #extra3, #extra4 {padding: 0 10px}

/* ============ Last products ============ */
#rightcol #last_products ul li {clear: left; padding: 10px 0}
#rightcol #last_products img {float: left; padding: 1px; border: 1px solid #ccc; margin-right: 20px}
#rightcol #last_products img.reset {float: none; border: none; margin: 0; padding: 0}
#rightcol #last_products img.reset:hover {border: none}
#rightcol #last_products img:hover {border: 1px solid #6C3}

/* ============ businessfocus ================ */
#bfocuslist {background: #fff; /* Super simple clearing floats */ clear: both; /* visible instead of auto - cause safari */ overflow: visible; _height:1%}

/* Focus blocks */
.focus_first, .focus_alt, .focus, .focus1, .focus2, .focus3, .focus4, .focus5 {float: left; position: relative; width: 170px; padding: 0 5px 0 10px; /* hiding bg content img for Safari*/ background: #FFF}

/* List pages */
#bfocuslist {padding: 10px 0}
#bfocuslist h3 {font-size: 1.1em}
#bfocuslist p {margin: 0; padding: 0; height: 9em; font-size: 1em; line-height: 130%}
#bfocuslist p a.hovereffect {margin-right: 5px; float: left}


/* List Nav */
#bfocuslist .nav {background: #4a4a4a url(/v2/i/bm_bgm.gif) repeat-x bottom left; padding-top: 2px; height: 2.2em; clear: both}
#bfocuslist .nav h3 {text-align: center; margin: 0}

/* linkology */
#bfocuslist p a:link, #bfocuslist p a:visited {text-decoration: none; color: #000}
#bfocuslist p a:hover, #bfocuslist p a:active {text-decoration: underline}

/* img hover effect for Compliant browsers */
#bfocuslist img {border: 1px solid #333; padding: 1px; /* hiding border from Compliant browsers */ _border: none}
#bfocuslist img:hover {border: 1px solid  #6C3}

/* img hover effect for IE */
#bfocuslist a.hovereffect:link, #bfocuslist a.hovereffect:visited {/* especially for ie */ _border: 1px solid #333}
#bfocuslist a.hovereffect:hover, #bfocuslist a.hovereffect:active {/* especially for ie */ _border: 1px solid #6C3}
#bfocuslist .nav a {color: #fff; text-decoration: none}

/* ============ Liens annonceurs ================ */
#splinks {padding: 0 15px; border-top: 1px solid #ccc; background: #fff url(/v2/i/bm_bgrighdiv.gif) repeat-x 0 1px; border-bottom: 15px solid #4a4a4a; /* super simple clear float */ clear: both; /* visible instead of auto - cause safari */ overflow: visible; _height: 1%}
#splinks h3 {font-size: 1.2em}
#splinks ul {list-style: none outside}

/* ============ Network footer ================ */
#networkfooter {width: 940px; margin: 0 auto; padding: 15px 0; text-align: center; font-size: 1em}
#networkfooter a:link, #networkfooter a:visited {color: #000; border: none; font-weight: bold}
#networkfooter a:hover, #networkfooter a:active {text-decoration: underline}

/* About */
#bm_about{padding-top:10px; float:right}

/* Copyright */
#bm_copyright{padding-top:10px;text-align:left}

/*adding sponsor*/
#rightcol #gn_promo p small {color:#999}
/* elu */
#elu {position: absolute; top: 0px; left: 0px}

/* poll */
#list_poll {background: transparent url(/v2/i/bg_bfocus_voip_r.jpg) 0 0 no-repeat; width: 360px; height: 346px; margin: 0 auto}
#list_poll h3 {color: #fff; padding: 10px 5px; margin: 0 0 0 10px}
#rightcol #list_poll .poll div h4, #rightcol .poll form div h4 {padding-bottom: 10px}
#list_poll .poll div, #list_poll .poll form {padding: 10px 50px 0 20px}
#rightcol #zdpoll p {padding: 10px 50px 0 0}
#rightcol ul.results li {line-height: 150%; margin: 2px 0}
#rightcol .poll form li {line-height: 150%; margin: 7px 0}
.results img {border: 1px solid #666}

/* General class */
.hide {display: none} 	

/* ============ Member Zone ================*/
#memberzone {font: normal normal 100 0.9em arial, verdana, sans-serif; position: absolute; clear: both; top: 25px; width: 965px; text-align: right;}
#memberzone a:link, #memberzone a:visited {color: #000}
#memberzone form {display: inline; padding: 0 .5em;}
#memberzone input {border: 1px solid #999; padding: 1px; width: 100px}
#memberzone li.first {border: none;}
#memberzone li {display: inline;}
a#inscription, a#myaccount {padding: 0 5px; border-left: 2px groove #eee}
a#myaccount {padding-right: 0}
a#profileresume {padding: 0 5px}
#memberzone li a#connect {padding-right: 0}
#jiwire {clear:left; float:left;height:430px;}

.yahooBuzzBadge a {border:none !important;background:white !important;color:black !important;height:24px !important;}
.yahooBuzzBadge span span {margin-left:-4px !important;margin-top:-4px !important;}

/* nouveau powercenter */
#pwcBox {margin:15px auto;width:300px;}
.clearfix:after {content:".";height:0;line-height:0;display:block;visibility:hidden;clear:both;}
#pwcBox h3 {height:41px;overflow:hidden; text-indent:-6666px;background:url(http://www.zdnet.fr/2009/ads/i/pwc_title.gif) no-repeat top left}
#pwcBox div {border:4px solid #dadada;_height:1%}
+ html #pwcBox div {height:1%}
#pwcBox .slides {position:relative;height:250px;}
#pwcBox .slide {/*visibility:hidden;*/position:absolute;height:250px;width:100%;top:0;left:0;}
.pasDePuce ul li {background:transparent none repeat scroll 0 0;padding-left:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
#pwcBox .logos li {border:none;display:block;float:left;width:55px;clear:none}
	#pwcBox .logos li a {background:white url() no-repeat scroll center center;overflow:hidden;text-indent:-1000px;display:block;height:40px;border-top:2px solid white;}
		#pwcBox .logos li.selected a , #pwcBox .logos li a:hover {border-top:2px solid #C9000D}	
#pwcBox .content li a {background:transparent url() no-repeat scroll top center;display:block;padding-top:120px;}
#pwcBox .content li a .description {display:block;color:black;background:transparent url(http://www.zdnet.fr/2009/ads/i/text_bkg2.png) repeat-x scroll top left;_background-image:url(http://www.zdnet.fr/2009/ads/i/pxw_text_bkg_ie.gif);padding:5px;}
#pwcBox .content li a .title {display:block;font-family:georgia,sans-serif;font-size:20px;font-style:normal;color:#004D99;padding-bottom:10px;}
#pwcBox .content li a .link {color:#004D99;font-weight:bold;}