section, nav { 
  display: block;
}

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

.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
/* \*/ .ie6 .clearFix {
	height:1%;
}
.clearFix {
	display:block;
  zoom:1;
}
/* ------- 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:" x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . x . ";
  visibility:hidden;
  clear:both;
  height:0 !important;
  display:block;
  line-height:0;
  font-size:xx-large;
  overflow:hidden;
  }
.line {
*zoom:1;
}
.unit {
	float:left;
}

.unitR{
  float : right;
}

.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}

/* Generic classes */
.noBg { background: none; }

/* Margin (space) classes */
.noSpace { margin: 0; }
.spaceAuto { margin: 0 auto; }
.spaceT5 { margin-top: 5px; }
.spaceT10 { margin-top: 10px; }
.spaceT15 { margin-top: 15px; }
.spaceR5 { margin-right: 5px; }
.spaceR10 { margin-right: 10px; }
.spaceR15 { margin-right: 15px; }
.spaceB5 { margin-bottom: 5px; }
.spaceB10 { margin-bottom: 10px; }
.spaceB15 { margin-bottom: 15px; }
.spaceB20 { margin-bottom: 20px; }
.spaceB25 { margin-bottom: 25px; }
.spaceB30 { margin-bottom: 30px; }
.spaceL5 { margin-left: 5px; }
.spaceL10 { margin-left: 10px; }

/* Padding classes */
.noPadding { padding: 0; }
.padding5 { padding: 5px; }
.padding15 { padding: 15px; }
.padding10 { padding: 10px; }
.paddingT5 { padding-top: 5px; }
.paddingT10 { padding-top: 10px; }
.paddingT15 { padding-top: 15px; }
.paddingB5 { padding-bottom: 5px; }
.paddingB10 { padding-bottom: 10px; }
.paddingB15 { padding-bottom: 15px; }
.paddingL5 { padding-left: 5px; }
.paddingL10 { padding-left: 10px; }
.paddingL15 { padding-left: 15px; }
.paddingR5 { padding-right: 5px; }
.paddingR10 { padding-right: 10px; }
.paddingR15 { padding-right: 15px; }

.txtL {text-align: left;}
.txtCenter {  text-align: center;}
.txtR {  text-align: right;}
.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);
}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-helper-clearfix{display:inline-block}
* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
.ui-tabs-nav li{float:left;position:relative;top:1px;margin-left:-1px}.js .hide,.js .ui-tabs-hide,.js .h{display:none}.ui-helper-hidden-accessible{left:-9999999px;position:absolute}.ui-state-default,.ui-tabs-selected{border:1px solid #dfdfdf;background-color:#f4f4f4;padding:10px 15px;text-transform:uppercase;font-size:85%;font-weight:bold}.ui-state-default a{color:#666}.ui-tabs-selected a{color:#000}.ui-tabs-selected{border-top:1px solid #000;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #fff;background-color:#fff}.ui-tabs-nav{border-bottom:1px solid #dfdfdf}.ui-tabs-panel{padding:10px 0}.ui-dialog{overflow:hidden;position:absolute}.ui-widget-overlay{left:0;position:absolute;top:0;opacity:0.5;background-color:#000;z-index:1000}.ie6 .ui-widget-overlay,.ie7 .ui-widget-overlay{filter:alpha(opacity:50)}
#bomFT{
  background-image: url(http://m.bestofmedia.com/p/images/design/sprites/tgu-header-bg.0.1.png);
}


/*  Sprite Gradients */
.bgg {
  background-image: url(http://m.bestofmedia.com/sfp/images/design/sprites/tgu-gradient.0.1.png);
}

/*  Sprite Community */
.bgc {
  background-image: url(http://m.bestofmedia.com/sfp/images/design/sprites/tgu-community-sprite-icon.0.1.png);
}

/* B - STYLE CONSTRUCTOR */

/* HEADER  */

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

/*.ie6 #header,
.ie7 #header {
   z-index: 20;
}
*/
/* Logo */
#header .logo {
  white-space:nowrap;
  position: static; 
}

#header .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;
  width: 250px; 
  height: 85px;
}

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


#header .logo .section{
  font-size:138.5%;
  font-weight:normal;
  text-decoration:none;
  text-shadow:0 1px 0 #103656;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  margin-top: 30px;
  margin-right:12px;
}

/* Nav  */
.hdNav,
.hdNav a {
  background-color:#050D13;
  display:block;
  font-size:11px;
  font-weight:normal
}
.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;
  line-height:24px;  
  margin: 0 -1px 0 0;
  padding: 0 5px;
  height: 25px;
  line-height: 25px;
}
.hdNav a:hover,
.hdNav a:active,
.hdNav a:focus,
.hdNav .active{
  border-right:1px solid #338BD2;
  border-left:1px solid #338BD2;
  background-color:#216eaf;
  color:#fff;
  text-decoration:none;
  _padding-bottom:5px
}
.hdNav ul li{
  display: block;
  float: left;
  height: 25px;
}
.universe{
  position:relative;
  z-index:12
}
.services{
  position:relative
}
#header .sites{
  position:absolute;
  top:-1px;
  right:0;
  text-transform:capitalize;
}
.active .pictoHome,.hdNav a:hover .pictoHome{background-position:-222px -216px}
.active .pictoNews,.hdNav a:hover .pictoNews{background-position:-650px -39px}
.active .pictoDld,.hdNav a:hover .pictoDld{background-position:-175px -38px}
.active .pictoShop,.hdNav a:hover .pictoShop{background-position:-191px -36px}
.active .pictoTcs,.hdNav a:hover .pictoTcs{background-position:-475px -36px}
.active .pictoFrm,.hdNav a:hover .pictoFrm{background-position:-268px -38px}
.active .pictoTomsOthers,.hdNav a:hover .pictoTomsOthers{background-position:-206px -38px}
.cDisabled,.textDisabled,.hdNav a{color:#9A9A9A}

.hdNav ul li.home { margin-right: 3px; }
.hdNav ul li .leftDots {
    margin-top: 8px;
    padding-top: 11px;
    border-left: 1px dotted #216EAF;
}
#header .hdNav .sites { position: static; }
.hdNav .sites a .pictoTomsOthers,
.hdNav .sites a:hover .pictoTomsOthers {
    background-position:-206px -38px;
    margin-left: 3px;
}

.ie6 .hdNav ul li,
.ie7 .hdNav ul li {
  overflow-y: hidden;
}
.ie6 .hdNav ul li a,
.ie7 .hdNav ul li a {
  float: left;
}
.ie6 .hdNav ul li.home a,
.ie6 .hdNav .sites a,
.ie6 .hdNav .services a,
.ie7 .hdNav ul li.home a { padding-top: 3px; }
.ie6 .hdNav a:visited { color: #9A9A9A; }
.ie6 .hdNav a.active:visited,
.ie6 .hdNav a:hover { color: #ffffff; }
.ie6 .hdNav ul li .leftDots,
.ie7 .hdNav ul li .leftDots { height: 1px; }


/* Form search */
.hdSearch{
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border:1px solid #0a64a9;
  background:#3f83bb none;
  text-align:center;
  zoom : 1;
  position: relative;
  padding: 6px 0 6px 7px;
  width: auto; 
  height: 35px;
}

.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;
  float:left;
}


.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;
  line-height:11px;
  padding:8px 0;
  margin-left:0;
}

.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;
  font-size:93%;
}

.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 {
  color:#fff;
  position: absolute;
  top: 18px;
  right: 0;
  padding: 16px 16px 16px;
  text-align: right;
}

.modeSocialOn .hdBox{
  padding: 7px 16px 16px;
}
.modeSocialOn .socialLoginLabel{
  line-height:20px;
}
.modeSocialOn #socialLoginButtons{
  float:left;
}
.modeSocialOn .hdMember{
  clear:right;
}
.hdBox a {
  color:#fff;
}
.hdBox .hdMark{
  color:#fff;
  font-size:85%;
  font-weight: bold;
}

.hdAd {
  position:absolute;
  top:0;
  right:0;
  z-index:1000;
  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: 85%;
  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;
}
.ftList .ui-state-hover,
.ftList .ui-state-active,
.ftActiveMail {
  background-image: none;
  background-color: #070F14;
  border: 0 none;
  text-decoration: none;
}
.ftList .btMail {
  background: none repeat scroll 0 0 #206FB0;
  border: 0 none;
  font-weight: bold;
  margin-bottom: 10px;
}


#bomFT a { 
  color: #C6E6FF;
  line-height: 2em;
}
#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 {
  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;
  margin-bottom: 20px;
  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 -215px;
}

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

.pictoGuide{
  background : none;
}

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

.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;
  margin-left: 3px;
}
.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, .btRed {
  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, .btRed:hover {
  background:#0c75c5;
}

.btBlue:visited, .btRed:visited{
  color : #fff;
}

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

.btBlue .picto, .btRed .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:hover .pictoHome {
  background-position: -222px -215px;
}

@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.unlinked {
  display: block;
  padding: 8px 20px;
  line-height: 1em;
}

#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;
}

/* RT */
.spaceT5 { margin-top: 5px; }

#sidebar .relativeRessources {
    padding-bottom: 15px;
    text-align: left;
    line-height: 93%;
}
#sidebar .relativeRessources p,
#sidebar .relativeRessources ul {
    line-height: 14px;
}
#sidebar .relativeRessources ul li a {
    display: inline;
}
#sidebar .relativeRessources ul li a.imgThumbnail {
    margin-bottom: 0;
}
#sidebar .relativeRessources ul li a.dld {
    background: #fff url(http://m.bestofmedia.com/sfp/images/design/noimg/download-120x90.jpg) no-repeat center center;
}
#sidebar .relativeRessources ul li a.news {
    background: #fff url(http://m.bestofmedia.com/sfp/images/design/noimg/news_articles-120x90.jpg) no-repeat center center;
}
#sidebar .relativeRessources ul li a.guide {
    background: #fff url(http://m.bestofmedia.com/sfp/images/design/noimg/news_articles-120x90.jpg) no-repeat center center;
}
#sidebar .relativeRessources .mod2 ul {
    padding-top: 0;
}
.relativeRessources .simpleListing li.mod {
    border: none;
}
.relativeRessources .simpleListing a.togMoreCtl {
    background: none;
    padding-left: 0;
}
#sidebar .relativeRessources .tl {
    background: none;
}
#sidebar .relativeRessources .h4 {
    margin-top: 0 !important;
    padding: 0;
    letter-spacing: 0;
}

/*
/* Import for related terms (and more...)
/*
*/
.db { display: block; }
.js .h { display: none; }
.mod2 { padding-top: 14px; }
.bold, .stronger { font-weight: bold; }

.cDefault { color: #070F14; }

.bgWhite{ background-color : #fff;}

.tl {
    display: block;
    position: relative;
    z-index: 2;
}
.tl span {
    background-color: transparent;
    background-position: -1916px 7px;
    background-repeat: no-repeat;
    display: block;
    margin-top: -14px;
    padding-top: 25px;
    position: relative;
    top: 0;
}

.borderTopBlue, .bTB {
    border-top: 6px solid #0C75C5;
    padding: 0 0 30px;
    position: relative;
}

.rightBox {
    background-color: #FFFFFF;
    display: block;
    padding: 0 15px 25px;
    position: relative;
}

.h4sf {
    font-size: 93%;
    font-weight: bold;
    text-transform: uppercase;
}

.h2sf {
    font-size: 146%;
    font-weight: bold;
}

.h1sf, .h2sf, .h3sf, .h4sf, .google_ads_bom_title a, .relativeContent .hdBack a {
    color:#070F14;
}

.imgThumbnail {
    border-color: #DFDFDF #B1B1B1 #B1B1B1 #DFDFDF;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 0 15px 15px 0;
    padding: 10px;
    position: relative;
}
.imgCrop120x90 {
    border-color: #DFDFDF #B1B1B1 #B1B1B1 #DFDFDF;
    border-style: solid;
    border-width: 1px;
}
.imgCrop, .imgCrop120x90, .imgCrop80x59, .imgCrop400x300, .imgCrop100x100 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 90px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
    width: 120px;
}

.relativeRessources .simpleListing li {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0;
    padding: 7px 0;
}
.relativeRessources .simpleListing li a {
    background: none;
    padding-left: 0;
}
.simpleListing .description, .orderedListing .description {
    margin-top:5px;
}
.relativeRessources .mod2 li a {
    background: #fff url("http://m.bestofmedia.com/i/tomsguide/redesign/3GreenDots.png") 0 3px no-repeat;
    padding-left: 10px;
}
.relativeRessourcesgeneric .mod2 li a {
    background: none;
    padding-left: 0px;
}
.relativeRessourcesaposition .mod2 li a {
    background: #fff url("http://m.bestofmedia.com/i/tomsguide/redesign/3GreenDots.png") 0 3px no-repeat;
    padding-left: 10px;
}

.dropDownTrigger .downArrowBlack {
    height: 8px;
    padding: 4px 10px;
}
.downArrowBlack {
    background-position: -492px -78px;
}
a:hover .downArrowBlack {
    background-position: -492px 4px;
}

select, input, button, textarea {
    font:99% arial,helvetica,clean,sans-serif;
}

.white { color: #ffffff; }
.grey { color: #666666; }
.spaceT5 { margin-top: 5px; }
.spaceB5 { margin-bottom: 5px; }
.spaceL20 { margin-left: 20px; }
/* New header */
#header {
    height:111px;
    overflow: visible;
}

.ie6 .hdNav ul li, 
.ie7 .hdNav ul li { overflow: hidden; }
.ie6 .hdNav ul li.home a,
.ie7 .hdNav ul li.home a,
.ie6 .hdNav .sites a,
.ie6 .hdNav .services a { padding-top: 3px; }
.ie6 .hdNav a:visited { color: #9A9A9A; }
.ie6 .hdNav a.active:visited,
.ie6 .hdNav a:hover { color: #ffffff; }
.ie6 .hdNav ul li .leftDots, 
.ie7 .hdNav ul li .leftDots { height: 1px; overflow: hidden; }

.hdLogo { 
    position: relative;
}
.hdLogo .topSearch { 
    padding-top: 17px;
    padding-left: 50px;
    zoom: 1;
}
.hdSearchBottom { 
    position: absolute;
    top: 70px; 
    right: 0;
    font-size: 84%;
}
.pictoSearch { 
    background-position: -114px -323px;
    padding: 16px 15px 0 0; 
}
.hdSearch .pictoSearch {
    position: absolute;
    top: 17px;
    left: 16px;
    border-color: #000c10 #dedfde #dedfde #000c10;
    border-right: none;
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}
#inputSearch { 
    margin: 0;
    padding: 0 0 0 35px;
    width: 188px;
    height: 32px;
    border-color: #000c10 #dedfde #dedfde #000c10;
    border-left: none;
}
.newHome #inputSearch { width: 345px; }
.hdSearch .btSearch {
    padding: 0 13px;
    height: 35px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}

.modeSocialOn .hdBox{
  padding: 7px 16px 16px;
}
.modeSocialOn  .hdBox  .socialLoginLabel{
  line-height:20px;
}
.socialLoginLabel a {
  color:#FFFFFF;
}
#blockWelcome.clicked .socialLoginLabel a {
  color:#004488;
}

#blockWelcome {
    position: absolute;
    top: 18px;
    right: 1px;
    background-color: #3F83BB;
    padding:7px 36px 16px;
    height: 24px;
    color: #fff;
    white-space: nowrap;
    z-index: 13;
    text-align: left;
    font-size: 93%;
    white-space: nowrap;
    line-height: inherit;
}
#blockWelcome.clicked {
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #dfdfdf;
}
#blockWelcome .myPseudo {
    font-size: 93%;
    font-weight: bold;
}

#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 {
    position: absolute;
    top: 66px;
    right: 1px;
    background-color: #FFF;
    border: 1px solid;
    border-color: #fff #DFDFDF #DFDFDF;
    border-top: none;
    color: #004389;
    font-size: 11px;
    height: auto;
    overflow: visible;
    padding-top: 9px;
    width: 258px;
    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;
}

.inputText2,
.inputText3,
.inputTextBig,
.inputTextSmall {
  height: 30px;
  border: 1px solid #dfdfdf;
  border-top: 1px solid #b1b1b1;
  border-left: 1px solid #b1b1b1;
  -webkit-box-shadow: 2px 4px 7px #e3e3e3 inset;
  -moz-box-shadow: 2px 4px 7px #e3e3e3 inset;
  padding: 0 7px;
}

.ie7 .inputText2 {
  line-height: 30px;
}

.ie7 .inputText3 {
  line-height: 40px;
}

.inputText3, .inputTextBig {
  height: 40px;
}

.inputTextSmall{
  height: auto;
  padding:2px 7px;
}

.inputText2:focus,
.inputText3:focus,
.inputTextBig:focus,
.inputTextSmall:focus {
  border: 1px solid #0c75c5;
  -moz-box-shadow: 0 0 10px #4f9fdc;
  -webkit-box-shadow: 0 0 10px #4f9fdc;
  -webkit-box-shadow: 2px 4px 7px #e3e3e3 inset;
  -moz-box-shadow: 2px 4px 7px #e3e3e3 inset;
}

.ie6 .inputText2,
.ie7 .inputText2
.ie6 .inputText3,
.ie6 .inputText3 {
  height: 20px;
  padding: 7px 13px 3px 13px;
}

.ie6 .inputText3,
.ie6 .inputText3 {
  height: 30px;
}

.formNewsLetters-incontent {
  background-color:#F4F4F4;
  padding: 8px 16px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 0 20px;
}

.photoreportage .formNewsLetters-incontent {
  background-color: #FFF;
}

.formNewsLetters-incontent label {
  font-size: 14px;
  margin: 0 5px 0 0;
  font-family: Arial;
}

.formNewsLetters-incontent .inputText2 {
  width: 210px;
  _color: #000000;
  color: #7b7b7b;
}

.ie7 .formNewsLetters-incontent .inputText2 {
  width: 180px;
}

.en_US .formNewsLetters-incontent label {
  width: 180px;
  float: left;
}

.en_US .formNewsLetters-incontent .inputText2 {
  width: 250px;
}

.photoreportage .formNewsLetters-incontent .inputText2 {
  width: 72%;
}

.formNewsLetters-incontent input:focus.inputText2 {
  color: #000000;
}

.formNewsLetters-incontent button {
  margin: 3px 0 0 0;
}

.formNewsLetters-incontent .error {
  background-image:url("http://m.bestofmedia.com/i/tomsguide/redesign/sprite-tg-0.0.1.png");
  background-position:100% -159px;
  margin: 6px 25px 3px 0;
  padding: 2px 8px;
  text-indent: -9999px;
  overflow: hidden;
}

.ie7 .formNewsLetters-incontent .error {
  float: none;
}

.en_US .formNewsLetters-incontent .error {
  margin: 6px 20px 3px 0;
}

.formNewsLetters-incontent .inputError {
  border: 1px solid #c90d28;
}

.formNewsLetters-incontent #formNewsLetters-msg {
  display: none;
}

.formNewsLetters-incontent .disabled {
  color: #ccc;
}

#myModal-formNewsLetters-msgContent {
  padding: 30px 15px;
  font-size: 14px;
  font-weight: bold;
  width: 400px;
}

#formNewsLetters-error {
  color: #AF261E;
  margin: 5px 0;
}

#uneBlock li img {
  height: 82px;
  width: 120px;
}

/***************/
.sf h1, .sf h2, .sf h3, .sf h4, .sf h5, .sf h6 {
  font-size: 100%;
  font-weight: normal;
}
.sf .h1, .sf .h2, .sf .h3, .sf .h4, .sf .google_ads_bom_title a, .sf .relativeContent .sf .hdBack a {
  color: #070F14;
}
.sf .h2, .sf .google_ads_bom_title {
  font-size: 146%;
  font-weight: bold;
  margin-bottom: 10px;
}

.sf .leftCol {
  overflow: visible;
  padding: 0 15px 20px;
  position: relative;
}

.sf .superCat ul li {
  margin-right: 15px;
}
.sf .simpleListing li, .orderedListing li {
  border-bottom: 1px dotted #CCCCCC;
  padding: 7px 0;
}

.sf .subSection {
  border-top: 1px solid #000000;
  margin-top: 20px;
  padding: 7px 0 0;
}

.ie6 #navMenu {
  width:1080px;
}

#newsHeader .newsInfo {
  width:48%;
}