a /*tintin*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { border:0; _behavior:url('win_png.htc'); }
.reset { clear:both; }
body { text-align:center; font-family:Arial, Verdana, sans-serif; font-size:12px; color:#FFF; }
body { background:url('bg-site.png') no-repeat #000 50% 0; }
/** UBI BAR **/
.header { background:none; }
.ubiSubBar { text-align:left; }
.jaune { color:#ffba00; }
/** LOGO ***/
.logo { background:url('logo.png') no-repeat; width:315px; height:151px; margin:-13px auto 0; }
.logo h1 { text-indent:-50000px; }
/*** PRODUCT INFO **/
.dr_productInfoProduct { width:164px; position:absolute; top:-30px; right:-45px; z-index:5000; padding-top:36px;}
.dr_productInfoProduct { color:#fdb913; font-weight:bold; font-size:14px; background:url('Bge-visual-buy.png') no-repeat; }
.dr_productInfoProduct img { width:92px; }
.dr_productName, .dr_productPrice { width:100px; margin:0 auto; }
.dr_productInfoProduct .dr_siteButton { background:url('btn-buy-gauche.png') no-repeat; width:88px; height:28px; padding-left:5px; margin:3px auto; }
.dr_productInfoProduct .dr_siteButton a { width:100%; padding:5px 3px 5px; background:url('btn-buy.png') no-repeat top right; display:block;}
.dr_productInfoProduct .dr_siteButton a { text-decoration:none; font-size:12px; color:#000; text-transform:uppercase; }
.trailing { display:none; }
/** CAROUSEL & PLAYER VIDEO **/
.widget { padding:0 10px; }
.wideCompBox { text-align:left; background:url('Bge-player-video.png') no-repeat; margin-top:160px; padding:20px 10px; width:997px; }
.widgetMainBox { width:630px; float:left; }
.widgetMainBox .carouselZoomBox .carouselFocusBox { width:620px; height:350px; }
.shareThisBox { display:none; }
.widgetTitleBox { display:none; }
/** CAROUSEL */
.wideCompBox .carouselThumbsBox { width:300px; margin:0; }
.carouselThumbsBox li { display: block; height: 80px; margin-bottom: 6px; padding: 0 0 0 15px; height:83px; }
.carouselThumbsBox li img { border:1px solid #feb913; width:140px; height:80px; }
.wideCompBox .carouselThumbWrap .carouselFocusBox { width:142px; height:82px; display:block; float:left; }
.carouselThumbsBox li.carouselSelected { background: url("preview_on.png") no-repeat 0px 20px ; }
.carouselThumbsBox li.carouselSelected { }
.carouselThumbsBox li.carouselSelected img { border:1px solid #FFF; }
.carouselThumbsBox li .carouselThumbCaption { color:#feb913; cursor:pointer; text-align:left; font-weight:bold; padding-left:10px; display: inline!important;}
.carouselThumbsBox li.carouselSelected .carouselThumbCaption { cursor:none; color:#FFF; }
.carouselThumbsBox ul { height:350px; overflow: auto; width: 100%; display:block; }
.carouselDetailTitle { display:none; }
.carouselControlsBox { display:none; }
/** TINTIN THE GAME ***/
.override_tabs { clear:both; background:url('Bge-onglet-txt-active2.png') ; width:950px; min-height:398px; padding:0; margin:0 0 20px; }
.override_tabs .ui-tabs-panel { margin:0px 0 20px 2px ; }
.override_tabs .ui-tabs-panel .game-info { width:950px; text-align:left; margin:20px 0px 0px 250px; }
.override_tabs .ui-tabs-panel .game-info { }
.override_tabs .addBge { background:url('Bge-game-info-tintin.png') no-repeat 10px 25px; }
.scroll-pane { height:300px; overflow:auto; width:675px; padding-right:25px; position:relative; z-index:5000; }
.scroll-pane p , .scroll-pane li { margin-bottom:20px; text-align:justify; }
.scroll-pane p , .scroll-pane li { font-size:13px; line-height:16px; font-weight:normal; }
.ui-tabs-nav { width:950px; margin:0 0 0 0px; padding:0; }
.ui-tabs-nav li { color:#fdb913; font-size:20px; text-align:center; text-transform:uppercase; padding:0; }
.ui-tabs-nav li { background:url('Bge-onglet-txt.png') repeat-x; margin:0 !important; width:316px; }
.ui-tabs-nav li.ui-tabs-selected { background:none; padding:0; }
.ui-tabs .ui-tabs-nav li a { color:#78c4d9; display:block; width:100%; text-align:center; padding:8px 0; height:auto; }
.ui-tabs .ui-tabs-nav li.ui-state-hover a { color:#fdb913; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#fdb913; padding:8px 0 7px; }
/** FACEBOOK */
#facebook_like_box { position:absolute; left:340px; }
*+html #facebook_like_box { left:153px; }
/** FLAGS */
.tackmaniaflags { clear:both; padding-top:1px; }
.tackmaniaflags ul { margin:15px 0; clear:both; }
.tackmaniaflags ul li { display:inline; width:30px; padding:0 5px; }
.tackmaniaflags ul li .flagsoff { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5 ; opacity: 0.5; }
.tackmaniaflags ul li .flagsoff:hover { filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1 ; opacity: 1; }
/** PROMO REGISTER **/
.promo-register, .promo-tintincom , .promo-youtube { width:305px; height:140px; float:right; }
.promo-register, .promo-tintincom , .promo-youtube { margin:0px 0 0px; }
.promo-register a, .promo-tintincom a , .promo-youtube a { display:block; width:100%; text-decoration:none; }
.promo-register { margin-left:21px; margin-right:-19px; width:317px; }
.promo-register { color:#c9c9c9; font-size:16px; text-transform:uppercase; }
.promo-tintincom { margin-left:18px; }
.promo-youtube { width:317px; }
.promo-youtube, .promo-tintincom { text-transform:uppercase; }
.promo-youtube a { background:url('Bge-youtube.png') no-repeat #FFF; color:#FFF; }
.promo-tintincom a { background:url('Bge-tintincom.png') #000 no-repeat; color:#FFF; }
.promo-tintincom a, .promo-youtube a { padding-top:15px; height:125px; font-size:16px; font-weight:bold; }
.promo-youtube a { padding-top:10px; height:130px; }
.promo-register a { background:url('Bge-register.png') #000 no-repeat; color:#c9c9c9; font-size:32px; height:95px; text-transform:uppercase; }
.promo-register a { padding-top:45px; }
.promo-register a span { display:block; font-size:17px; }
/** LEGAL */
.legal { color:#fdb913; }
/** BOX PERSONNAGES **/
.perso-info { width:923px; padding-top:10px; }
.c-menu { float:left; padding-top:10px; }
.c-menu { margin:0 15px 0 15px; }
.c-menu ul li { margin:0px 0 10px; }
.c-menu ul li a { display:block; width:210px; padding:4px 5px; background:url('Bge-onglet-perso.png'); }
.c-menu ul li a { color:#6487a3; font-weight:bold; font-size:12px; text-decoration:none; text-transform:uppercase; }
.c-menu ul li a:hover, .c-menu ul li a.Selected { background:url('Bge-onglet-perso-hover.png'); color:#ffba00; }
.cha-desk-parent{ position:absolute; top:58px; left:273px; }
.cha-desk-parent { width:605px; text-align:left; }
.cha-desk img { margin-right:25px; float:left; }
.cha-desk h2 { font-size:22px; color:#ffba00; text-transform:uppercase; margin-bottom:15px; }
.cha-desk h3 { color:#ffba00; margin-top:15px; font-size:13px; text-transform:uppercase; }
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
/** jScrollPane personalis? **/
.jspTrack { background: none repeat scroll 0 0 #353633; }
.jspDrag { background: none repeat scroll 0 0 #fdb913; }
/** CAROUSEL SCROLPANN **/