body {
	font-weight:normal;
	font-size: 12px;
	font-family : "Helvetica Neue", arial, sans-serif ;
	color:#070f14;
	text-align:left;
	background:#f4f4f4 url(http://m.bestofmedia.com/p/images/design/sprites/tgu-header-bg.0.1.png) repeat-x scroll 0 -59px;
}

/* ------- START - Clear ------- */

.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
/* \*/ .ie6 .clearFix {
	height:1%;
}
.clearFix {
	display:block;
}
/* ------- END - Clear ------- */

/* = Generic class for display inline-block cross-browsers = */

.inlineBlock {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  zoom: 1;
  *display: inline;
/* Do not forget to attribute a height in the component
  _height: 250px;
  min-height: 250px;
*/
}

	
/*** Grids ***/ 

.line:after, .lastUnit:after {
	content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
	visibility:hidden;
	clear:both;
	height:0 !important;
	display:block;
	line-height:0;
	font-size: xx-large;
	overflow: hidden;
}
.line {
*zoom:1;
}
.unit {
	float:left;
}
.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size21of5 {
	width:37%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.size1of6 {
	width:16.66666%;
}
.size5of6 {
	width:83.33333%;
}
.size1of10 {
	width:10%;
}
.size3of10 {
	width:30%;
}
.size7of10 {
	width:70%;
}
.size9of10 {
	width:90%;
}
.lastUnit {
	display: table-cell;
	*display:block;
	*zoom:1;
	float:none;
	_position:relative;
	_left:-3px;
	_margin-right: -3px;
	width:auto;
}

.btBig, 
.btSmall, 
.btMed,
.navMenu,
.btChrome,
.greyDash,
.hdBack,
.inputTxt,
.dropDown .select,
.ui-dialog .ui-dialog-buttonpane button
{
  background-image: url(http://m.bestofmedia.com/p/images/design/sprites/tgu-sprite-bg.0.1.png);
}

.btSearch .picto,
.ftCountry,
.picto,
.sp,
.btFt,
.btPictoStandAlone,
.tl span,
.downArrowBlack,
.navOS .btPicto,
.specDefList .btPicto,
.progressOk,
.progressCurrent,
.carousel .carousel-pagination a span,
.carousel-control,
.ui-dialog-titlebar-close,
.numberPicto,
.diggedRightArrow
{
  background-image: url(http://m.bestofmedia.com/p/images/design/sprites/tgu-sprite-icon.0.1.png?456);
}

#bomFT{
  background-image: url(http://m.bestofmedia.com/p/images/design/sprites/tgu-header-bg.0.1.png);
}


/* B - STYLE CONSTRUCTOR */

/* HEADER  */

#newHeader {
  position:relative;
  display:block;
  background-color:#216eaf;
  height:111px;
}

.ie6 #newHeader,
.ie7 #newHeader {
   z-index: 20;
}

/* Logo */
#newHeader .logo {
  position:absolute;
  top:26px;
  left:0;
  white-space:nowrap;
}

#newHeader .logo .site {
  display : block;
  text-indent : -9999px;
  background : transparent url(http://m.bestofmedia.com/p/images/design/logos/tgu-logo.0.1.png) 0 0 no-repeat;
  height:100px;
  width:325px;
}

.ie6 #newHeader .logo .site,
.ie7 #newHeader .logo .site{
  height: 85px;
}

#newHeader .logo .picto{
  background-position:-171px -385px;
  padding:10px;
}


#newHeader .logo .section{
  font-size:138.5%;
  font-weight:normal;
  left:255px;
  position:absolute;
  text-decoration:none;
  text-shadow:0 1px 0 #103656;
  top:30px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* Nav  */
.hdNav,
.hdNav a {
  background-color:#050D13;
  display:block;
  font-size: 11px;
  font-weight: normal;
}

.ie6 .hdNav a,
.ie7 .hdNav a {
    margin-right: -3px;
}

.hdNav {
  text-transform:uppercase;
  border-bottom:1px solid #338BD2;
  height:25px;
  overflow: hidden;
}
.hdNav a {
  border-left:1px solid #050D13;
  border-right:1px solid #050D13;
  color:#aeaeae;
  line-height:26px;
  margin-right: -1px;
  padding:0 5px;
}

.hdNav a:hover,
.hdNav a:active,
.hdNav a:focus,
.hdNav .active {
  border-right:1px solid #338BD2;
  border-left:1px solid #338BD2;
  border-bottom:1px solid #216eaf;
  background-color:#216eaf;
  color:#fff;
  text-decoration:none;
  _padding-bottom: 5px;

}

.hdNav ul li {
  display:block;
  float:left;
  zoom : 1.05;
  height: 25px;
  overflow: hidden;
}

.hdNav ul li .active {
  border-bottom:1px solid #216eaf;
}


#newHeader .sites a {
  background-position : -730px 4;
}

#newHeader .sites {
  position:absolute;
  top:-1px;
  right:0;
  text-transform:capitalize;
}


/* Form search */
.hdSearch{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border:1px solid #0a64a9;
  background:#3f83bb none;
  padding:10px 6px;
  _padding : 5px 0px;
  position : absolute;
  right : 165px;
  top:36px;
  text-align:center;
  width : 405px;
  zoom : 1;
}

.bdSearch{
  position : relative;
  right : 0;
}

.inputTxt {
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border:1px solid #fff;
  background-position : 0 -130px ;
  font-size:138.5%;
  margin:2px 5px;
  padding:4px 2px 4px 10px;
  vertical-align:middle;
  width:266px;
  
}

/* Page Navigation */
.navMenu {
  background-repeat: repeat-x;
  background-position: 0 -840px;
  background-color : #fff;
  color:#182E62;
  position:relative;
  z-index: 11;
}


.navMenu .hd {
  display:inline;
  text-transform:uppercase;
  font-size:100%;
  font-weight:bold;  
  padding:0px;
  margin-left:0;
}


.navMenu .hd li{
  top : 0px;
  font-size: 100%;
  float : left;
  border-right:1px solid #ccc;
  border-left:1px solid #fff;
  background-color : transparent;
}

.navMenu .hd li .picto{
  background-position:-77px -81px;
}

.navMenu .hd .ui-state-active .picto{
  background-position:-12px -81px;
}

.navMenu .hd a{
  color:#182E62;
  padding: 0 20px;
}

.navMenu a:hover, 
.navMenu .active {
  color:#000;
  text-decoration:none;
}

.navMenu .ui-tabs-selected,
.navMenu .ui-state-active,
.navMenu .active{
  border-left:none;
  border-right:none;
  border-bottom:1px solid #f4f4f4;
  border-top:4px solid #000000;
  margin-left:-1px;
  background:#fff;
}

.navMenu .ui-tabs-selected,
.navMenu .active{
  margin-top:-5px;
  border-bottom:3px solid #FFFFFF;
}

.navMenu .ui-tabs-nav .ui-tabs-selected,
.navMenu li.active{
  border-left : none;
  border-right : none; 
  background:#fff; 
}


.hdBox {
  position: absolute;
  top: 60px;
  right: 9px;
  color:#fff;
}
.hdBox a {
  color:#fff;
}
.hdBox .hdMark{
  color:#fff;
  padding-left : 5px;
  font-size:95%;
}

.hdAd {
  position:absolute;
  top:120px;
  right:0;
  padding:0 10px 0 0;
}
.hdAd a {
  color:#747474;
}

/* FOOTER  */

#bomFT {
  background-color:#206fb0;
  background-repeat: repeat-x;
  background-position: 0 -188px;
  padding:30px 0 10px;
  font-size: .93em;
  color:#c6e6ff;
  overflow: hidden;
}

#bomFT a{
  color:#c6e6ff;
}

#bomFT dd a{
  line-height:2em;
}

#bomFT dd a,
.ftCountry li a{
  text-transform: uppercase;
  font-weight: bold;
}

.ftTwit {
  padding-left:20px;
}
.ftList li{
  display:inline;
}
.ftForm .ftList {
  padding-left:0;
}


#bomFT dl.last{
  margin-top : 10px;  
}

#bomFT .ftTitle{
  font-size:19px;
  font-weight:bold;
  color:#fff;
  margin-bottom:6px;
}

#bomFT .ftTitle a {
  color : #fff;
}

.ftTitle,
.size1of5 dd,
.ftForm {
  padding-left:20px;
}

/* form mail */
.ftForm {
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border:1px solid #0b5f9f;
  background-color:#639ac8;
  width:auto;
  padding:10px;
  margin:0 34px 18px 20px;
}

.ftForm button{
  _width : 7em;
}

.ftLegend {
  color:#182e62;
  text-transform:uppercase;
  margin-bottom:10px;
  font:bold 10px Arial, Helvetica, sans-serif;
}

.btTwitter {
  background-position:-78px -450px;
}

.btTwitter:hover {
  background-position:0 -450px;
}

.btFacebook {
  background-position:-79px -530px;
}

.btFacebook:hover {
  background-position:0 -530px;
}

.btRSS {
  background-position:-79px -611px;
}

.btRSS:hover {
  background-position:0 -611px;
}

.ftParse {
  font-size : 85%;
  margin:30px 15px 0;
  padding-top: 20px;
  clear: both;
  display: block;
  border-top: 1px solid #4a8fc6;
}

.ftCountry {
  border-right: 1px solid #4a8fc6;
  padding-bottom: 10px;
  background-repeat:  no-repeat;
  background-position: 0 -709px;
}

.ftCountry .ftLegend,
.ftCountry ul {
  display:block;
  width:50%;
  margin-left: auto;
}

.ftCountry ul li{
  display: block;
  clear: none;
  width: 49%;
  float:left;

}

.ftParse .ftList,
.ftParse .footer-links,
.ftParse p{
  font-size: 1.2em;
  text-align : left;
  margin-left: 30px;
}

/* CONTENT & BREADCRUMBS */

.tguContent {

  display:block;
  padding:20px 0 0;

}

.breadcrumbs {
  margin-bottom:20px;
}
.breadcrumbs li {
  display:inline;
  padding:5px 20px 5px 0;
}
.breadcrumbs li a,
.breadcrumbs li strong {
  color:#fff;
  font-weight:bold;
  position:relative;
  display:block;
  padding:6px 5px 5px 5px;
  float:left;
}
.breadcrumbs li strong {
  padding-left:20px;
  background-color:#0c75c5;
}
.breadcrumbs li a{
  background-color:#182e62;
  z-index:2;
}
.breadcrumbs .arrowSkin {
  border-width:12px 0px 12px 12px;
  font-size:0px;
  position:absolute;
  top:0;
  right:-22px;
  _top:-1px;
  display:block;
}
.breadcrumbs a .arrowSkin {
  border-color: transparent transparent transparent #182e62;

}
.breadcrumbs strong .arrowSkin {
  border-color: transparent transparent transparent #0c75c5;
}

.breadcrumbs a:hover{
  background-color:#c00;
  text-decoration:none;
}
.breadcrumbs a:hover .arrowSkin{
  border-color: transparent transparent transparent #c00;
}
.breadcrumbs a .arrowSkin,
.breadcrumbs strong .arrowSkin,
.breadcrumbs a:hover .arrowSkin {
  _border-top-color: red;
  _border-bottom-color: red;
  _border-right-color: red;
  _filter: chroma(color=red);
}

/* BREADCRUMB OLD SCHOOOL */
.breadcrumb li {
  display: inline;
}

.breadcrumb .arrowRight {
  float: none;
  border: none;
  font-size: 1em;
}

.breadcrumb a:hover .arrowRight {
  text-decoration:none;
  border-bottom:#f4f4f4;
}

.breadcrumb .noLink .arrowRight {
  display: none;
}

/* PICTO */


.homepage {
  position: absolute;
  left:-9999px;
}

.picto {
  background-repeat: no-repeat;
  *vertical-align : middle;
  font-size: 9px;
  padding : 4px 7px;
  zoom:1;
}

.pictoHome {
  background-position: -168px -216px;
}

.pictoNews{
  background-position:-650px 2px;
  padding-right:9px;
} 

.pictoGuide{
  background : none;
}

.active .pictoHome,
.hdNav a:hover .pictoHome {
  background-position: -222px -216px;
}

.active .pictoNews,
.hdNav a:hover .pictoNews {
    background-position : -650px -39px;
} 

.pictoDld {
  background-position: -175px 2px;
}
.active .pictoDld,
.hdNav a:hover .pictoDld {
  background-position: -175px -38px;
}

.pictoReadall {
  background-position: -175px 2px;
}

.pictoShop {
  background-position: -191px 3px;
}
.active .pictoShop,
.hdNav a:hover .pictoShop {
  background-position : -191px -37px;
}

.pictoTcs {
  background-position: -475px 4px;
}
.active .pictoTcs,
.hdNav a:hover .pictoTcs {
  background-position: -475px -36px;
}

.pictoFrm {
  background-position: -268px 2px;
}
.active .pictoFrm,
.hdNav a:hover .pictoFrm {
  background-position: -268px -38px;
}

.pictoLocation {
  background-position: 0 2px;
}

.pictoTomsOthers {
  background-position: -206px 2px;
}
.active .pictoTomsOthers,
.hdNav a:hover .pictoTomsOthers {
  background-position: -206px -38px;
}

.pictoArrowDown {
  background-position: -533px 2px;
}

.pictoDiscussion {
  background-position: -268px -81px;
}

a .pictoDartDown {
  background-position: -64px -38px;
}

a:hover .pictoDartDown {
  background-position: -64px -38px;
}

/* BUTTONS (only skin and contextual for content) */
/* ================ */
/* = Skin Buttons = */
/* ================ */


.btBig, 
.btSmall, 
.btMed,
.btBig:hover, 
.btSmall:hover, 
.btMed:hover,
.btBig:focus, 
.btSmall:focus, 
.btMed:focus {
  text-decoration : none;
}

.btBig, 
.btSmall, 
.btMed, 
.ui-button {
  text-align : center;
  display : inline-block;
  _display : inline;
  vertical-align : middle;
  text-transform : capitalize;
  padding : 0px;
  overflow : hidden;
  padding: 6px;
  _padding : 3px 6px;
  /*margin : 0px 5px;*/
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:3px;
  -moz-box-shadow: 0 1px 2px #94B3CD;
  -webkit-box-shadow: 0 1px 2px #94B3CD;
  text-shadow: 0 1px 0px #103656;
  position: relative;
  cursor: pointer;
  zoom : 1;
}

/* footeur ico */
.btFt {
  text-indent:-99999em;
  display:block;
  float:left;
  width:50px;
  height:50px;
  margin-right:10px;
}

.btFt {
  background-repeat:no-repeat;
}

.btBig {
  font-size:150%;
  font-weight:bold;
}

.btSmall {
  padding: 3px 6px;
  font-size: 77%;
}

.btMed {
  padding: 3px 6px;
  font-size: 100%;
}

.btBig span, 
.btSmall span, 
.btMed span {
  display : inline;
  padding:6px 0 6px 6px;
}

.btBig .ui-button-text, 
.btSmall .ui-button-text, 
.btMed .ui-button-text
{
  padding-left : 0px;
}


.btBig .picto, 
.btSmall .picto, 
.btMed .picto {
  border-right: 1px solid #3876a9;
  padding:16px 15px 7px 12px;
  margin-left : -5px;
}

.ie6 .btBig span,
.ie7 .btBig span{
  vertical-align : top;
  margin-top : -6px;
  margin-bottom : -6px;
}


/* =============== */
/* = Grey Button = */
/* =============== */

.btGrey,
.ui-dialog .ui-dialog-buttonpane button {
  border : 1px solid #ccc;
  background-position : 0 -122px;
  background-color : #e7e7e7;
  color : #070F14;
  -moz-box-shadow: 0 1px 2px #ddd;
  -webkit-box-shadow: 0 1px 2px #ddd;
  text-shadow: 0 1px 0px #fff;
}

.btGrey:hover,
.ui-dialog .ui-dialog-buttonpane button:hover{
  background : #e7e7e7;
}

.btGrey:visited{
  color : #070F14;
}

.btGrey span {
  border-left:1px solid #fff;
}

.btGrey .picto {
  border-right:1px solid #ccc;
  border-left : none;
}

/* =============== */
/* = Blue Button = */
/* =============== */
.btBlue {
  border : 1px solid #005092;
  background-color : #206FB0;
  background-position:0 -38px;
  color:#fff;
  -moz-box-shadow: 0 1px 2px #94B3CD;
  -webkit-box-shadow: 0 1px 2px #94B3CD;
  text-shadow: 0 1px 0px #103656;
  font-weight : bold;
}

.btBlue:hover{
  background:#0c75c5;
}

.btBlue:visited{
  color : #fff;
}

.btBlue span {
  border-left:1px solid #3393d4;
}

.btBlue .picto {
  border-right:1px solid #206fb0; 
  border-left : none;
}

/* ================= */
/* = Button Orange = */
/* ================= */
.btOr {
  border : 1px solid #D86600;
  background-position:0 -210px;
  background-color : #f18200;
  color:#fff;
  -moz-box-shadow: 0 1px 2px #FFA555;
  -webkit-box-shadow: 0 1px 2px #FFA555;
  text-shadow: 0 1px 0px #7C4500;
  font-weight : bold;
}

.btOr:hover{
  background:#f18200;
}

.btOr:visited{
  color : #fff;
}

.btOr span {
  border-left:1px solid #F19F00;
}

.btOr .picto {
  border-right:1px solid #f18200; 
  border-left : none;
}


.btChrome {
  border:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#e7e7e7;
  background-repeat:repeat-x;
  background-position:0 -136px;
  padding: 0 5px 0 0;
  color: #666;
  font-weight: bold;
  font-size: 10px;
  margin-right: auto;
}

.btChrome .picto {
  border-right: 1px solid #ccc;
  width: 15px;
  padding: 3px 5px 3px 0;
  margin: 0 3px 0 0;
}


.btClose{
  margin-top : 10px;
  font-weight : bold;
}
.btClose .picto {
  background-position:-356px -323px;
  padding:3px 6px ;
}

.btDld .picto{
  background-position:-4px -312px;
}
.btDlBuy {
  border:1px solid #ccc;
}

.btDlBuy .picto {
  background-position: -59px -314px;
}

.btSearch{
  -moz-box-shadow: 0 1px 2px #225892;
  -webkit-box-shadow: 0 1px 2px #225892;
  border : 1px solid #206FB0;
  font-size : 123%;
  *padding:3px 5px;
  overflow: visible;
  zoom: 1;
  position: relative;
}

.btSearch span{
  padding-left : 0px;
}

.btSearch span, 
.btSearch .picto,
.ui-button span{
  border : none;
}


.ie6 .btSearch span{
  padding : 0px;
  margin : 3px 0px 0px;
  zoom : 1;
}

.btSearch .picto{
  background-position: -108px -312px;
}

.ie6 .btSearch .picto{
  margin : 0px;
  background-position : -112px -318px;
  padding:0px 0px 12px 20px;
}

.ie7 .btSearch .picto{
  background-position : -112px -316px;  
  padding:0px 0px 12px 20px;
}

.btArrowRight .picto {
  background-position:-731px -209px;
}

.ie6 .hdNav .services li a,
.ie6 .hdNav .sites li a {
  padding-top: 3px;
}

.ie6 .hdNav .universe li a {
  color: #AEAEAE;
}

.ie6 .hdNav .universe a .pictoHome,
.ie6 .hdNav .universe a:hover .pictoHome {
  background-position: -222px -213px;
}

.ie7 .hdNav .universe .pictoHome {
  background-position: -222px -215px;
  height: 30px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
  .hdNav .universe .pictoHome {
    display: block;
    background-position: -222px -213px;
    height: 30px;
  }
}

.pictoComputing {
  background-position: -475px 3px;
}

.active .pictoComputing,
.hdNav a:hover .pictoComputing{
  background-position: -475px -37px;
}

.navMenu .hd li a,
.navMenu .hd li.unlinked {
  display: block;
  padding:6px 25px 7px;
}

#breadcrumbs a {
  color: #004488;
}

#blockWelcome {
  float: none;
  position: absolute;
  top: 50px;
  right: 9px;
  margin-top: 0;
  padding: 9px 9px 3px 9px;
  height: 14px;
  z-index: 13;
  white-space: nowrap;
}

#blockWelcome.clicked {
  background-color: #fff;
  border-top: 1px solid #000;
  border-right 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}

#triggerPanelAccount {
  color: #fff;
}

.clicked #triggerPanelAccount {
  color: #000;
}

.clicked #triggerPanelAccount .count {
  color: #215786;
}

#triggerPanelAccount .picto {
  background-position: -78px -37px;
}

.clicked #triggerPanelAccount .picto {
  background-position: -13px -80px;
}

#accountPanel {
  top: 76px;
  right: 9px;
  background-color: #fff;
  padding-top: 9px;
  width: 258px;
  height: auto;
  color: #004389;
  font-size: 11px;
  border: 1px solid #dfdfdf;
  overflow: visible;
  z-index: 12
}

#accountPanel .last_topics {
  background: url("http://m.bestofmedia.com/i/commun/forum/smallBlueFlag.png") no-repeat 10px 2px;
}

#accountPanel .last,
#accountPanel .actions {
  font-weight: bold;
}

#accountPanel ul {
  padding-bottom: 5px;
}

#accountPanel ul.categs,
#accountPanel .notopics {
  margin-bottom: 5px;
  padding-top: 2px;
  border-bottom: 1px dotted #ccc;
}

#accountPanel a,
#accountPanel .notopics {
  display: block;
  padding: 0 12px 0 30px;
}

#accountPanel .notopics {
  padding-bottom: 12px;
}

#accountPanel .notopics a {
  display: inline;
  padding: 0;
}

#accountPanel a:hover {
  background-color: #0c75c6;
  color: #fff;
  text-decoration: none;
}

#accountPanel .notopics a:hover {
  background-color: #fff;
  color: #004389;
  text-decoration: underline;
}

#accountPanel .last,
#accountPanel ul.actions li a {
  padding-top: 2px;
  padding-bottom: 2px;
}