/* =COLOR REF TOMSGUIDE : red: #c20b29; grey: #adb6b9; blue: #1378e0; green: #779e04; global: #02284e; */ /* =RESET (http://developer.yahoo.net/yui/license.txt) version: 2.2.1 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /* END RESET */ body { font: 13px Arial,Helvetica,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; } select { font-size: 11px; } p, ul { line-height: 1.5em; } a { text-decoration: none; color: #1378e0; outline: none; cursor: pointer; } .spaceR1{ margin-right: 1px; } .spaceR2{ margin-right: 2px; } .spaceR3{ margin-right: 3px; } .spaceR4{ margin-right: 4px; } .spaceR5 { margin-right: 5px; } .spaceL5, .spaceL { margin-left: 5px; } .spaceR10 { margin-right:10px; } .spaceL10{ margin-left : 10px; } .spaceR15 { margin-right:15px; } .spaceL15{ margin-left : 15px; } .spaceR20 { margin-right:20px; } .spaceL20{ margin-left : 20px; } .spaceT5 { margin-top: 5px; } .spaceT10{ margin-top: 10px; } .spaceT15{ margin-top: 15px; } .spaceT20{margin-top: 20px;} .spaceB5{margin-bottom: 5px;} .spaceB10{margin-bottom: 10px;} .spaceB15{margin-bottom: 15px;} .spaceB20{margin-bottom: 20px;} .spaceT30 {margin-top: 30px} .spaceB30 {margin-bottom: 30px} .spaceL30 {margin-left: 30px} .spaceR30 {margin-right: 30px} .space5{ margin: 5px;} .space10{margin: 10px;} .space15{margin: 15px;} .space20{margin: 20px;} .space30{margin: 30px;} .inner5{padding: 5px;} .inner10{padding: 10px;} .inner15{padding: 15px;} .inner20{padding: 20px;} .inner30{padding: 30px;} .innerT5{padding-top: 5px;} .innerB5{padding-bottom: 5px;} .innerL5{padding-left: 5px;} .innerR5{padding-right: 5px;} .innerT10{padding-top: 10px;} .innerB10{padding-bottom: 10px;} .innerL10{padding-left: 10px;} .innerR10{padding-right: 10px;} .innerT15{padding-top: 15px;} .innerB15{padding-bottom: 15px;} .innerL15{padding-left: 15px;} .innerR15{padding-right: 15px;} .innerT20{padding-top: 20px;} .innerB20{padding-bottom: 20px;} .innerL20{padding-left: 20px;} .innerR20{padding-right: 20px;} .innerT30{padding-top: 30px;} .innerB30{padding-bottom: 30px;} .innerL30{padding-left: 30px;} .innerR30{padding-right: 30px;} /* =CLEARFIX */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .hide { display : none; } .hidden { visibility : hidden; } /* Hides from IE-mac \*/ .ie6 .clearfix {height: 1%;} .clearfix { display: block; zoom:1; } /* End hide from IE-mac */ /* END CLEARFIX */ /* =TITRES ET MISE EN VALEUR */ h4, .h4 { margin-bottom: 5px; } h4, h4 a, .h4, .h4 a, .h4 a:visited { font-size: 16px; color: #7fae12; font-weight: 700; } .bisTitle, .bisTitle a { font-size: 14px; color: #1378e0; font-weight: 700; } .bisTitle a:visited, .condensedVison a:visited, .condensedVison-content a:visited { color: #7a3e8f; } .mainTitle { font-size: 20px; } .titrePage { font-weight: 700; font-size: 20px; margin-bottom: 20px; } .stronger { font-weight: 700; } .stronger2 { color: #000; } .smooth { color: #adb6b9; font-size: 11px; } /* END TITRES */ /* =LIENS */ a:hover {text-decoration: underline;} a:visited { color: #7a3e8f; } a.noVisited:visited { color: #1378e0; } /*
Voir tout
*/ .seeAll { text-align: right; padding-top: 10px; } .seeAll a { text-decoration: underline; font-weight: 700; } .seeAll a:visited { color: #1378e0; } /* Lien avec un chevron vert à gauche */ a.goTo { background: url(http://m.bestofmedia.com/i/tomsguide/design/3GreenDots.gif) left center no-repeat; padding-left: 10px; } a.dropslide{ background: url(http://m.bestofmedia.com/i/tomsguide/design/greenArrow-drop.gif) right 5px no-repeat; padding-right: 15px; } /* END LIENS */ /* =GLOBAL 2 modeles : -Page de base : ------------------------ | | | | 790px | 175px | | | | ------------------------ -Page avec pub 300 si on surcharge avec : #main { text-align: left; width: 650px; float: left; padding-left: 15px; } #sidebar { text-align: center; width: 300px; float: right; padding-right: 15px; } ------------------------ | | | | 650px | 300px | | | | ------------------------ !!! Pour les sous-colonnes ont utilisera par convention les id : #internalMain et #internalSidebar */ .page { display: block; margin: 0 auto; position: relative; text-align: left; width: 990px; } #container { text-align: left; margin : 0px auto; width: 998px; min-width: 998px; /** position: relative; ad temp **/ z-index: 1; } #contentGeneric { background: #fff ; border: 1px solid #fff; border-top: 0; border-bottom: 0; padding: 0 0 10px 0; } #main { text-align: left; width: 790px; float: left; padding-left: 15px; overflow: hidden; } #sidebar { text-align: center; width: 175px; float: right; padding-right: 0; } /* * Ressources Relatives */ #sidebar #rc li{ background:transparent url(http://m.bestofmedia.com/i/tomsguide/design/sprite-tg-0.0.1.png) no-repeat 0 -121px; padding-left : 15px; } #footer { text-align: center; border: 1px solid #fff; background: #777d82 url(http://m.bestofmedia.com/i/tomsguide/design/bg-footer.gif) left bottom repeat-x; font-size: 11px; line-height: 1.5em; padding: 10px; } #footer * { color: #fff; } #footer .strong { color: #cbd0d5; } #footer #logoFooter { float: right; } /* END GLOBAL */ /* POPINMAILAMI */ .mailAmi fieldset { border: 0; margin: 0; padding: 0; } .mailAmi legend { display: block; text-align: center; padding: 10px 0; margin: 0; font-size: 16px; font-weight: 700; color: #559200; } .mailAmi .interlignage { padding: 10px 0; } .mailAmi .interlignage label { font-weight: 700; } .mailAmi .interlignage input { border: 1px solid #000; width: 50%; } #popinMailAmi { position: absolute; z-index: 300; padding: 10px; margin-left: 100px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/guide/bg-popin.png) left top repeat-x; border: 1px solid #c2cacf; border-right: 3px solid #c2cacf; border-bottom: 3px solid #c2cacf; width: 400px; height: 350px; } /* END POPINMAILAMI */ /* POPINMAJ */ .MAJ fieldset { border: 0; margin: 0; padding: 0; } .MAJ legend { display: block; text-align: center; padding: 10px 0; margin: 0; font-size: 16px; font-weight: 700; color: #559200; } .MAJ .interlignage { padding: 10px 0; } .MAJ .interlignage label { font-weight: 700; } .MAJ .interlignage input { border: 1px solid #000; width: 50%; } #popinMAJ { position: absolute; z-index: 300; padding: 10px; margin-left: 100px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/guide/bg-popin.png) left top repeat-x; border: 1px solid #c2cacf; border-right: 3px solid #c2cacf; border-bottom: 3px solid #c2cacf; width: 400px; height: 200px; } /* END POPINMAJ */ /* =HEADER */ #header-informations { float: left; font-size: 10px; color: #fff; width: 600px; overflow: hidden; height: 15px; line-height: 15px; } #lang-sites, #lang-current span , #lang-current a { display: block; float: left; margin: 0 2px; color: #fff; font-weight: 700; } #lang-site { display: block; float: left; width: 25px; height: 13px; background-image: url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png); background-repeat: no-repeat; } #lang-other{ margin: 0 0 0 3px; display: block; float: left; } .langs a { width: 21px; height: 13px; float: left; margin: 0 0 0 4px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png) left top no-repeat; } .langs a span { display: none; } #footer .langs { width: 150px; margin: 0 auto; } .langs .lang-1, .langs .lang-2, .langs .lang-3, .langs .lang-20 , .langs .lang-22 { background-position:left top; }/* 0 FR */ .langs .lang-15 { background-position: -25px top; }/* 1 IT */ .langs .lang-16 { background-position: -50px top; background-color: #000;border:1px solid #000; }/* 2 CN */ .langs .lang-17 { background-position: -75px top; background-color: #000;border:1px solid #000;}/* 3 TW*/ .langs .lang-pl { background-position: -100px top; }/* 4 PL */ .langs .lang-ru { background-position: -125px top; }/* 5 RU */ .langs .lang-sw { background-position: -150px top; }/* 6 SW */ .langs .lang-tu { background-position: -175px top; }/* 7 TK*/ .langs .lang-12 { background-position: -200px top; }/* 8 DE */ .langs .lang-14 { background-position: -225px top; }/* 9 UK */ .langs .lang-ir { background-position: -250px top; }/* 10 Ireland */ .langs .lang-hu { background-position: -275px top; } /* 11 Hungary */ .langs .lang-18, .langs .lang-21 { background-position: -300px top; } /* 12 US */ #header #header-top { height: 16px; } #header #header-top #changeLanguage { font-size: 11px; float: right; margin-right: 1px; } #header #header-top #changeLanguage img { vertical-align: top; } #header #header-top #changeLanguage .arrow-toggle { display: block; float: left; margin-left: 3px; width: 13px; height: 13px; background: url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png) left -13px no-repeat; } #header #header-top #changeLanguage .arrow-right { background-position: left -26px; } #header #header-top #changeLanguage a:hover#arrow-toggle { text-decoration: none; } #header #header-top #changeLanguage .websites-on { font-size: 11px; color: #fff; font-weight: 700; } #header #header-main { border: 1px solid #fff; background: #006DB9 url(http://m.bestofmedia.com/i/tomsguide/design/bg-headerRptX.png) left 0 repeat-x; } #header #header-banner .header-inside { height: 115px; /**position: relative; ad temp **/ z-index: 15; } #header #header-banner div.h1 a, #header #header-banner div.h1 span { overflow: hidden; display: block; text-indent: -999px; width: 230px; height: 115px; margin-left: 10px; /** ad temp **/ float: left; /** ad temp **/ } #header #header-banner div.h1 a:hover { text-decoration: none } #header #header-banner #header-advert { width: 728px; height: 90px; z-index: 20; float: left; margin: 12px 0 0 16px; /** ad temp **/ /**position: absolute; ad temp **/ left: 260px; top: 10px; } #header #header-banner #header-advert a { color: #1893d4; } #header #header-menu .header-inside{ height: 37px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/whiteDot.png) left bottom repeat-x; } #header #header-menu #header-sections { float: left; margin-left: 20px; display: inline; } #header #header-menu #header-sections li { float: left; font-size: 12px; height: 37px; line-height: 37px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/headerTabs.png) left top no-repeat; position: relative; z-index: 5; } #header #header-menu #header-sections li a { display: block; /* float: left; */ font-weight: 700; color: #02284e; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/headerTabs.png) right top no-repeat; padding-right: 10px; margin-left: 10px; } #header #header-menu #header-sections li a:hover { text-decoration: underline; } #header #header-menu #header-sections li.first a { font-weight: 700; color: #02284e; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/headerTabs.png) right top no-repeat; padding-right: 10px; margin-left: 10px; } #header #header-menu #header-sections li.active { background-position: left -37px; } #header #header-menu #header-sections li.active a { background-position: right -37px; color: #fff; } /* Gestion des 1er/denier onglets */ #header #header-menu #header-sections li.first { background-position: left -74px; } #header #header-menu #header-sections li.firstactive { background-position: left -111px; } #header #header-menu #header-sections li.firstactive a { background-position: right -37px; color: #fff; } #header #header-menu #header-sections li.last a { background-position: right -74px; } #header #header-menu #header-sections li.lastactive { background-position: left -37px; } #header #header-menu #header-sections li.lastactive a { background-position: right -111px; color: #fff; } /* end Gestion des 1er/denier onglets */ /* triggerTopmenu */ .triggerTopmenu { display: block; width: 18px; height: 17px; text-indent: -999px; overflow: hidden; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png) left -174px no-repeat; position: absolute; z-index: 6; top: 10px; right: 5px; } #header #header-menu #header-sections li a.topmenu { padding-right: 28px; } #header #header-menu #header-sections li a:hover.topmenu .triggerTopmenu { background-position: left -191px; } .active .triggerTopmenu { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png) left -208px no-repeat; } /* end triggerTopmenu */ /* Surgharge topmenu */ #header #header-menu #header-sections li .wrapperTopmenuOff, #header #header-menu #header-sections li .wrapperTopmenuOn { position: absolute; z-index: 12; margin-top: 0; padding-left: 2px; padding-top: 2px; display: none; top: 37px; left: 0; } #header #header-menu #header-sections li .wrapperTopmenuOn { display: block; } #header #header-menu #header-sections li .shadowTopmenu { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/shadowAlpha.png) right bottom no-repeat; padding: 0 4px 4px 0; margin: -1px -4px -4px 0; position: absolute !important; position: relative; /* ie6*/ z-index: 11; } #header #header-menu #header-sections li .shadowTopmenu a { min-height: 15px; } #header #header-menu #header-sections li ul { display: block; position: relative !important; position: absolute; /* ie6 */ z-index: 13; top: -2px; left: -2px; float: none; background: #fff; padding: 1px; border: 1px solid #d3d3d3; border-top: 0; filter: Alpha(opacity=96); -moz-opacity: 0.96; opacity: 0.96; } #header #header-menu #header-sections li li { display: block; float: none; height: auto; line-height: 1.1em; text-transform: none; background: #f7f7f7; margin-bottom: 1px; border-bottom: 1px solid #d3d3d3; } #header #header-menu #header-sections li li.last { border-bottom: 1px solid #f7f7f7; } #header #header-menu #header-sections li li.last a, #header #header-menu #header-sections li.last li a { background-position: 10px 12px; } #header #header-menu #header-sections li li a, #header #header-menu #header-sections li.active li a { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/3GreenDots.gif) 10px 12px no-repeat; float: none; font-size: 11px; font-weight: 400; padding: 8px 20px; margin: 0; color: #1378e0; display: block; height: auto; width: auto !important; width: 100%; } *+html #header #header-menu #header-sections li li a, *+html #header #header-menu #header-sections li.active li a { min-width: 100%; } #header #header-menu #header-sections li li a:hover { text-decoration: none; background-color: #fff; } #header-media { float: right; color: #fff; margin-top : 7px; } .follow-link { background: url(http://m.bestofmedia.com/i/commun/sprites/icons_0.0.1.png) 0 0 no-repeat; } .twitter { background-position : 3px -194px; } .facebook { background-position : 0px -72px; } .fbName { font-size:8px; padding-left:10px; } #header-media li { display : inline; } #header-media li a { display: block; float: left; text-indent : -9999px; width : 25px; height : 30px; margin : 0 5px; } #header-media-rss { background-position : 3px -244px; } #header-media-letter { background-position : 0 -291px; width : 28px; } .header-pipe { display: block; float: left; } #header-tools .header-inside { height: 60px; line-height: 60px; background: #86b529 url(http://m.bestofmedia.com/i/tomsguide/design/bg-headerRptX.png) left -149px repeat-x; z-index: 1; position: relative; } #header-tools fieldset { float: left; margin-top: 15px; } #header-tools fieldset label { line-height: 25px; height: 18px; padding: 0 10px 3px 0; float: left; color: #fff; display: inline; } #header-tools #labelSearch { font-size: 17px; margin-left: 60px; } #header-tools fieldset #searchField { float: left; border: 1px solid #669705; margin: 0 10px 0 0; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/bg-headsearchbox.png) left top repeat-x; width: 294px; display: inline; height: 22px; font-size: 18px; padding: 3px } #header-tools fieldset #searchOptions { float: left; border: 1px solid #676767; margin: -1px 5px 0 0; background: #fff; font-size: 12px; display: inline; } #header-tools #header-okSearch { float: left; margin-top: -1px; height: 21px; } #header ul.espace-membre { float: right; margin-right: 8px; margin-top: 20px; } #header ul.espace-membre li { display: inline; } #header ul.espace-membre li a { float: left; background: url(http://m.bestofmedia.com/i/tomsguide/design/header-tg.png) left -145px no-repeat; padding-left: 15px; display: inline; } #header ul.espace-membre li span.separation { padding: 0 8px; float: left; color: #fff; display: inline; } /* END HEADER */ /* =BLOCS & LISTS */ #breadcrumbs { font-size: 93%; padding : 5px 15px; color: #02284e; margin-bottom: 15px; } #breadcrumbs a { color: #004488; } #breadcrumbs a.stronger { color: #02284e; } #breadcrumbs strong { font-weight: 700; } /* Listing de base */ .listing li { border: 1px solid #fff; border-left: 0; border-right: 0; padding: 2px 0; line-height: 1.1em; } /* Pour faire un listing daté (comme pour le forum) avec quantité de réponses en option: */ .listing .time { display: block; float: left; width: 48px; } .listing .timeExtended { display: block; float: left; width: 85px; } .listing .linkTo { display: block; margin-left: 38px; line-height: 1.2em; } .time, .timeExtended { font-size: 9px; color: #adb6b9; } .quantite { color: #02284e; font-size: 11px; } .blocksItems ul { padding-left: 5px; } .block li { float: left; width: 200px; } /* end listing de base */ /* Les basicSidebar et BasicMain sont des blocs de base. Les listes dans un basicSidebar se comportent comme une liste de la classe .itemList (une liste avec puce) */ .basicSidebar, .basicSidebar2 { text-align: left; margin-bottom: 15px; } .basicSidebar ul, .itemList { padding-top: 10px; } .basicSidebar ul li, .itemList li { display: block; padding: 0; border: 1px solid #fff; border-left: 0; border-right: 0; padding: 1px 0; margin: 2px 0; } .basicSidebar ul li a, .itemList li a { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/3GreenDots.gif) left 5px no-repeat; padding-left: 10px; line-height: 1.1em; display: block; } /*Annulation comportement précédent pour liste forum*/ .basicSidebar ul#forum li a { background: none; line-height: 1.3em; padding-left: 3px; } /*Fin*/ .basicSidebar select { width: 99%; } .basicMain, .basicMainHalf, .basicMainDotted, .basicMainSolid { margin-bottom : 0; padding-bottom : 5px; } .basicMainHalf { float: left; width: 48%; } .basicMainDotted { padding-bottom: 17px; border-bottom : 1px dotted #ccc; } .basicMainSolid { padding-bottom: 15px; border-bottom: 2px solid #779e04; } /* pour créer deux listes de largeur égale séparée par un trait pointillé vertical :
*/ .dualLists { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/verticalDot.gif) center top repeat-y ; } .dualLists .itemList { padding-top: 0; width: 45%; } /* Le bloc pour la pub de sidebar */ .advert { margin: 0 auto 15px auto; } .advertTitle { text-align: right; padding-right: 10px; margin-bottom: 3px; color: #adb6b9; font-size: 10px; display: block; } /* shadowBox */ .shadowBox { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-content.png) left top repeat-y; margin-left: -3px; } .shadowBox .shadowBox-top { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-top.png) left bottom no-repeat; } .shadowBox .shadowBox-top .in2 { padding-top: 7px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-top.png) right bottom no-repeat; } .shadowBox .shadowBox-content { margin-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-content.png) right top repeat-y; padding: 5px 16px 5px 5px; } .shadowBox .shadowBox-bottom { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-bottom.png) left top no-repeat; } .shadowBox .shadowBox-bottom .in2 { padding-top: 13px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-bottom.png) right top no-repeat; } .shadowBox h5 { font-weight: bold; font-size:14px; } .shadowBox .sponsor { position:relative; padding: 0 0 25px 0; } .shadowBox .sponsor img { float:right; } .shadowBox .sponsor span { float:right; margin:10px 0 0 0; font-size:11px; color:#adb6b9; } .shadowBox-grey { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-content.gif) left top repeat-y; margin-left: -3px; } .shadowBox-grey-top { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-top.gif) left bottom no-repeat; } .shadowBox-grey-top .in2 { padding-top: 7px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-top.gif) right bottom no-repeat; } .shadowBox-grey-content { margin-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-content.gif) right top repeat-y; padding: 5px 16px 5px 5px; } .shadowBox-grey-bottom { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-bottom.gif) left top no-repeat; } .shadowBox-grey-bottom .in2 { padding-top: 13px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/shadowBox-gris-bottom.gif) right top no-repeat; } /* end shadowBox */ /* chromeBox & chtomebox2*/ .chromeBox-top, .chromeBox-bottom{ display : none; } .chromeBox .chromeBox-content, .chromeBox2 .chromeBox-content { border: 1px solid #d2dee5; border-top: 0; border-bottom: 0; padding: 0 15px 15px 8px; } .chromeBox2 .chromeBox-content, .chromeBox .chromeBox-content{ padding : 15px 10px; } .chromeBox .chromeBox-content table , .chromeBox2 .chromeBox-content table, .monoBox .monoBox-content table { text-align: center; } /* end chromeBox */ /* greybox */ .greyBox .greyBox-top { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/greyBox-top.gif) left bottom no-repeat; } .greyBox .greyBox-top .in2 { padding-top: 5px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/greyBox-top.gif) right bottom no-repeat; } .greyBox .greyBox-content { padding: 0 15px 15px 8px; background: #f4f4f4; } .greyBox .greyBox-content { padding: 5px 18px 5px 18px; } .greyBox .greyBox-bottom { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/greyBox-bottom.gif) left top no-repeat; } .greyBox .greyBox-bottom .in2 { padding-top: 5px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/greyBox-bottom.gif) right top no-repeat; } /* end grey box */ /* .monoBox */ .monoBox .monoBox-top { padding-left: 10px; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/monoBox-top.gif') left bottom no-repeat; } .monoBox .monoBox-top .in2 { padding-top: 7px; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/monoBox-top.gif') right bottom no-repeat; } .monoBox .monoBox-content { border-top: 0; border-bottom: 0; padding: 0 10px; background: #f1f3f5; } .monoBox .monoBox-bottom { padding-left: 10px; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/monoBox-bottom.gif') left top no-repeat; } .monoBox .monoBox-bottom .in2 { padding-top: 7px; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/monoBox-bottom.gif') right top no-repeat; } /* end .monoBox */ /* DEBUT chromeBoxSearch */ .chromeBoxSearch .chromeBoxSearch-top { padding-left: 5px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/chromeBoxSearch-top.png) left top no-repeat; } .chromeBoxSearch .chromeBoxSearch-top .search { height: 27px; padding-top: 5px; color: #fff; font-size: 11px; font-weight: 700; position: relative; } .chromeBoxSearch .chromeBoxSearch-top .in2 { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/chromeBoxSearch-top.png) right top no-repeat; } .chromeBoxSearch .chromeBoxSearch-top .in2 fieldset { float: left; padding-left: 10px; } .chromeBoxSearch .chromeBoxSearch-top .in2 fieldset label { line-height: 18px; height: 18px; padding: 0 10px 3px 0; display: block; float: left; } .chromeBoxSearch .chromeBoxSearch-top .in2 fieldset .field { display: block; float: left; border: 1px solid #676767; margin: 0 10px 0 0; } .chromeBoxSearch .chromeBoxSearch-top .in2 fieldset .submit { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/bt-rechercherSearch.png) top left no-repeat; border: none; width: 71px; height: 21px; cursor: pointer; float: left; } .chromeBoxSearch .chromeBoxSearch-content { border: 1px solid #d2dee5; border-top: 0; border-bottom: 0; padding: 15px 15px 15px 8px; } .chromeBoxSearch .chromeBoxSearch-content .separation { border-bottom: 5px solid #e1e8ee; padding-bottom: 10px; } .chromeBoxSearch .chromeBoxSearch-content { padding: 10px 15px; } .chromeBoxSearch .chromeBoxSearch-bottom { padding-left: 10px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/chromeBox-bottom.png) left top no-repeat; } .chromeBoxSearch .chromeBoxSearch-bottom .in2 { padding-top: 7px; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/chromeBox-bottom.png) right top no-repeat; } /* FIN chromeBoxSearch */ /* inoxBox */ .inoxBox .inoxBox-top { padding-left: 10px; background: #dee7ee url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-top.gif) left bottom no-repeat; } .inoxBox .inoxBox-top .in2 { padding-top: 5px; background: #dee7ee url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-top.gif) right bottom no-repeat; } .inoxBox .inoxBox-content { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-frontline.gif) left top repeat-x; border: 1px solid #d2dee5; border-top: 0; border-bottom: 0; } .inoxBox .inoxBox-content .backline { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-backline.gif) left bottom repeat-x; } .inoxBox .inoxBox-bottom { padding-left: 10px; background: #dee7ee url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-bottom.gif) left top no-repeat; } .inoxBox .inoxBox-bottom .in2 { padding-top: 6px; background: #dee7ee url(http://m.bestofmedia.com/i/tomsguide/design/inoxBox-bottom.gif) right top no-repeat; } /* end inoxBox */ /* =condensedVison (news) */ .condensedVison, .condensedVision { margin-bottom: 15px; } .condensedVison .vignette, .condensedVision .vignette { float: left; margin: 0 10px 5px 0; border: 1px solid #d2dee5; width: 120px; overflow: hidden; text-align: center; } .condensedVison h4, .condensedVison h4 a, .condensedVision h4, .condensedVision h4 a, .condensedVison h3, .condensedVison h3 a, .condensedVison-content h3, .condensedVison-content h3 a, .condensedVison-content .h4, .condensedVison-content .h4 a { font-size: 14px; font-weight: 700; color: #1378e0; margin-bottom: 0; } .condensedVison .dateElm, .condensedVision .dateElm { display: block; } .condensedVison p, .condensedVision p { padding-top: 5px; } .condensedVison-content p a { cursor: pointer; } .dateElm { font-size: 11px; color: #adb6b9; font-weight: normal; } /* end condensedVision */ /* colonnes */ .halfLeft { float: left; width: 49%; } .halfRight { float: right; width: 49%; } .left34 { float: left; width: 70%; } .right14 { float: right; width: 28%; } /* end colonnes */ /* END BLOCS & LISTS */ /* =BUTTONS */ .withArrows, .withArrows2 { display: block; float: left; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/arrows.png) left center no-repeat; padding-left: 20px; color: #fff; cursor: pointer; } .withArrows span { height: 23px; line-height: 23px; display: block; float: left; background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/arrows.png) right center no-repeat; padding-right: 10px; } .withArrows2 { height: 19px; width: 73px; padding: 4px 0 0 20px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/bt-withArrows2.png) left center no-repeat; } * html .withArrows2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='http://m.bestofmedia.com/i/tomsguide/design/bt-withArrows2.png'); background-image: none; } a.bt-tcg { background: url(http://m.bestofmedia.com/i/tomsguide/design/puceTcg.gif) left center no-repeat; padding-left: 30px; height: 26px; line-height: 26px; display: block; float: left; } a.bt-more { background: url(http://m.bestofmedia.com/i/tomsguide/design/bt-more.gif) left 5px no-repeat; padding: 5px 20px 5px 20px; display: block; } a.send, a.maj, a.print, a.alerte, a.locales, a.geoloc { padding: 10px 5px 10px 45px; line-height: 30px; } a.send { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-envoyer.gif) 10px center no-repeat; } a.maj { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-maj.gif) 10px center no-repeat; } a.print { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-print.gif) 10px center no-repeat; } a.alerte { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-alerte.gif) 10px center no-repeat; } a.locales { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-locales.png) 10px center no-repeat; } a.geoloc { background: url(http://m.bestofmedia.com/i/tomsguide/design/comparateur/annuaire.gif) 10px center no-repeat } a.send:visited, a.print:visited, a.bt-more:visited, a.bt-tcg:visited { color: #1378e0; } a.withArrows:visited { color: #fff; } /* END BUTTONS */ /* =MULTITABS */ /* !!! pour compatibilité IE : il faut indiquer une largeur pour .BOM-multitabs-header en fonction de la page */ .BOM-multitabs { margin-top: 5px; text-align: left; } .BOM-multitabs-headerWrapper { overflow: hidden; height: 25px; } .BOM-multitabs-header { /* width: 590px; */ height: 31px; _height: 25px; float: left; overflow: hidden; position: relative; z-index: 1; } .BOM-multitabs-header ul { list-style: none; float: left; position: relative; z-index: 2; margin: 0; padding: 0; } .BOM-multitabs-header ul li { display: inline; padding: 0; } .BOM-multitabs-header a { height: 25px; color: #000; padding-left: 10px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/onglets2.png) left bottom repeat-y; display: block; float: left; text-decoration: none; cursor: pointer; margin-right: 1px; } .BOM-multitabs-header a:hover { text-decoration: underline; } .BOM-multitabs-header a:visited { color: #000; } .BOM-multitabs-header a strong { height: 25px; line-height: 25px; padding-right: 11px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/onglets2.png) right bottom repeat-y; display: block; float: left; } .BOM-multitabs-header a.BOM-multitabs-selectTab { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/onglets2.png) left top no-repeat; color: #fff; } .BOM-multitabs-header a.BOM-multitabs-selectTab:hover { text-decoration: none; } .BOM-multitabs-header a.BOM-multitabs-selectTab:visited { color: #fff; } .BOM-multitabs-header a.BOM-multitabs-selectTab strong { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/onglets2.png) right top no-repeat; } .BOM-multitabs-tab { display: none; padding: 0; margin: 0; } .BOM-multitabs-content .BOM-multitabs-selectTab { display: block; } .BOM-multitabs-content .BOM-multitabs-contentTop { padding-left: 10px; background: #95BF07 url(http://m.bestofmedia.com/i/tomsguide/design/bg-multitabs-content2.png) left top no-repeat; } .BOM-multitabs-content .BOM-multitabs-contentTop .in2 { padding-top: 6px; background: #95BF07 url(http://m.bestofmedia.com/i/tomsguide/design/bg-multitabs-content2.png) right top no-repeat; } .BOM-multitabs-content .BOM-multitabs-contentCenter { padding: 10px 13px; border: 2px solid #95BF07; border-top: 0; border-bottom: 0; } .BOM-multitabs-content .BOM-multitabs-contentBottom { padding-left: 10px; background: #95BF07 url(http://m.bestofmedia.com/i/tomsguide/design/bg-multitabs-content2.png) left bottom no-repeat; } .BOM-multitabs-content .BOM-multitabs-contentBottom .in2 { padding-top: 5px; background: #95BF07 url(http://m.bestofmedia.com/i/tomsguide/design/bg-multitabs-content2.png) right bottom no-repeat; } .BOM-multitabs-prev, .BOM-multitabs-next { display: none; cursor: pointer; } .BOM-multitabs-tab .listing { margin-bottom:5px; } /* END MULTITABS */ /* =ACCOUNT */ #blockWelcome { color: #fff; float: right; text-align: right; line-height: 1em; padding-right: 10px; font-size: 93%; white-space: nowrap; line-height: inherit; } #blockWelcome .myPseudo { font-weight: 700; } #blockAccount { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/account/bg-blockAccount.gif) left top repeat-x; position: absolute; z-index: 10; right: 0; bottom: -11px; width: 335px; } #blockAccount .in2 { position: relative; z-index: 11; line-height: 23px; height: 23px; background: url(http://m.bestofmedia.com/i/tomsguide/design/account/bg-blockAccountLeft.gif) left top no-repeat; padding: 0 10px; } #blockAccount a, #blockAccount { color: #1378e0; } #accountPanel { background: #f6f5f5; position: absolute; z-index: 12; height: 320px; width: 97%; right: 0; top: 23px; border: 1px solid #d6e1e7; border-top: 0; border-right: 0; overflow: scroll; } .formulaire th, .formulaire td { padding: 5px; } .formulaire th { font-weight: 700; text-align: right; } .formulaire .input-text { border: 1px solid #c8d6dd; padding: 2px; } /* END ACCOUNT */ /* =PAGINATION */ .paginationContainer {padding: 15px 0;margin:0 0 10px 0} .pagination {clear:both;width: 100%;margin: 10px 0; } .pageListe, .pageListe a { color: #fff; } .pageListe { float: left; text-align: center; } .pageInfos { color: #000; font-weight:700; } .pageListe li { display: inline; } .pagination li.pageNum, .pagination li.pageCurrent { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-pagination1.gif) no-repeat; padding-left: 2px; } .pagination span { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-pagination2.gif) no-repeat; padding: 0 4px 2px 2px; } .pagination span:empty { padding-bottom: 1px; } .pagination li.pageNum { background-position: left top; padding-bottom: 2px; } .pagination li.pageCurrent { background-position: left bottom; padding-bottom: 2px; *padding-bottom: 0; } .pagination li.pageNum span { background-color: #0e86d8; background-position: right top; } .pagination li.pageCurrent span { background-color: #81b615; background-position: right bottom; } .paginationSelect { position: relative; text-align: center; } .pagination .prev { float: left; margin-top: -10px; } .paginationSelect .prev { margin: 0; position:absolute; left:0; } .pagination .prev1 { float: left; padding-left: 128px; } .pagination .prev a { background: url(http://m.bestofmedia.com/i/tomsguide/design/bt-leftMini.gif) left 5px no-repeat; padding: 5px 5px 5px 20px; } .pagination .prev span { background: none; display: block; font-weight: 700; padding: 3px 0px 0px 20px; } .pagination .next { float: right; margin-top: -10px; } .paginationSelect .next { margin: 0; position:absolute; top:0; right:0; } .pagination .next a { text-align: right; display: block; background: url(http://m.bestofmedia.com/i/tomsguide/design/bt-rightMini.gif) right 5px no-repeat; padding: 5px 20px 5px 5px; } .pagination .next span { background: none; text-align: right; display: block; font-weight: 700; padding: 3px 20px 0px 0px; margin-top: -8px; } .paginationSelect .next a { display:inline; margin: 0; } .paginationSelect .dropDown { margin:0 auto; } .paginationSelect .dropDown select { width:280px; margin:0 auto; } /* NEWS SECTION */ #pagiNews { clear : both; display : block; zoom : 1; overflow:visible; } #pagiNews .pagiLeft, #pagiNews .pagiRight { width: 40%; } #pagiNews .pagiLeft { float: left; padding: 3px 0 0 0; } #pagiNews .pagiRight { float: right; text-align: right; padding: 3px 0 0 0; } .pagiLeft a { background: #FFFFFF url(http://m.bestofmedia.com/i/tomsguide/design/bt-leftMini.gif) no-repeat 2% 0; margin-right: 0; padding-left: 30px; } .pagiRight a { background: #FFFFFF url(http://m.bestofmedia.com/i/tomsguide/design/bt-rightMini.gif) no-repeat 98% 0; margin-left: 0; padding-right: 30px; } .pagiNewsContainer { position: relative;z-index: 9989; margin:15px 0; } .pagiNewsContainer:hover { position: relative;z-index: 9989; } .pagiNewsContainer a { display:block; position: relative; z-index: 3000; padding-top: 3px; padding-bottom: 3px; border:1px solid #FFFFFF; border-bottom: none; } .pagiNewsContainer a.hoverTrigger { border:1px solid #CCCCCC; border-bottom: none; } .pagiNewsContainer ul li a { width:auto; padding:0; margin:0; background-color:#FFFFFF; background-image: none; display:inline; } .pagiNewsContainer ul li a:hover { color:#1378E0; } .pagiNewsSub { display: none; position: absolute; left:0; background-color: #FFFFFF; z-index: 2000; border:1px solid #CCCCCC; padding-top: 3px; width: auto; border-top: none; } .pagiNewsContainer:hover .pagiNewsSub { display: block; } .pagiNewsSub li { margin: 0 12px 2px; text-align:left; min-width:212px; } /* END PAGINATION */ .foldable { display:none; } /* =GOOGLE AFC */ .googleDiv p {margin-bottom:10px;} .google_afc_bas { padding: 10px; text-align: left; } .google_afc_right, .google_afc_wide { text-align: left; } .google_afc_bas .oneAd { float: left; margin-right: 20px; } .google_afc_right .oneAd, .google_afc_right .onlyOneAd, .google_afc_wide .oneAd, .google_afc_wide .onlyOneAd { margin: 10px; } .byGoogle { text-align: right; font-size: 0.9em; padding-right: 5px; float: right; } .onlyOneAd .line_1 a, .oneAd .line_1 a { color: #1378e0; text-decoration: none; font-weight: 700; } .onlyOneAd .line_2 a, .oneAd .line_2 a, .onlyOneAd .line_3 a, .oneAd .line_3 a { color: #000; text-decoration: none; } .onlyOneAd .line_4 a, .oneAd .line_4 a { color: #1378e0; font-size: 0.9em; } .google_afc_wide .line_2, .google_afc_wide .line_3 { display: inline; } .google_afc_wide .line_3 { padding-left: 5px; } /* END GOOGLE AFC */ /* =PHP ADS */ /* wordsAdHref */ .wordsAdHref { clear: both; border: 1px solid #bfd2dd; width: 100%; font-size: 12px; } .wordsAdHref .wAhtitre { text-align: right; margin: 0; padding: 0 5px 0 0; font-size: 10px; } .wordsAdHref .wAhImg { float: left; border: 1px solid #2e5a87; padding: 2px; margin: 0 10px 8px 10px; } .wordsAdHref .wAhTexte { float: left; width: 70%; text-align: justify; color: #2e5a87; } .wordsAdHref .wAhTexte, .wordsAdHref .wAhTexte a { color:#2e5a87; text-decoration:none; } .wordsAdHref .wAhTexte a:hover { text-decoration : underline; } /* END PHP ADS */ /* =MAPFORHOME */ #mapForHome #newAddressAsString { border: 1px solid #d2dee5; } #mapForHome { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/miniMap.png) center left no-repeat; padding-left: 95px; padding-top: 20px; min-height: 70px; height: auto !important; height: 70px; } #newAddressAsString { width: 70px; } #newKeyword { width: 150px; border: 1px solid #d2dee5; } /* END MAPFORHOME */ /* =VIGNETTE GUIDE */ .guideVignette { display: block; width: 104px; height: 73px; position: relative; z-index: 0; margin: 0 10px 0 0; float: left; overflow: hidden; } .guideVignette img { display: block; } .guideVignette span { display: block; width: 104px; height: 73px; position: absolute; z-index: 1; top: 0; left: 0; } .guideVignette:hover span { background-position: left bottom; } .guideVignette:hover { text-decoration: none; } /* END VIGNETTE GUIDE */ /* =MEA-GUIDE */ #meaGuide { margin-bottom: 15px; } #window-meaGuide, #window-meaGuidePro { width: 606px; height: 172px; overflow: hidden; background-color: #1977C3; background-position: left 3px; background-repeat: no-repeat; position: relative; z-index: 0; } #window-meaGuidePro { background-color : #4A555B; } #cadre-meaGuide { background: transparent url(http://m.bestofmedia.com/i/bestofmicro/design/guide/2/cadre-meaGuide.png) left top no-repeat; width: 606px; height: 172px; position: absolute; top: 0; left: 0; z-index: 1; } #menu-meaGuide { background: transparent url(http://m.bestofmedia.com/i/bestofmicro/design/guide/2/bgMenu-meaGuide.gif) left top repeat-y; overflow: hidden; padding: 0; margin: 0; width: 199px; /* IE ME : 214px */ list-style: none; position: absolute; top: 4px; left: 375px; height: 159px; /* IE ME : 164px */ padding-left: 10px; padding-top: 5px; } #menu-meaGuide li { padding: 2px 0; } #menu-meaGuide li a { display: block; text-decoration: none; color: #9bd6f4; height: 35px; padding-left: 15px; font-size: 11px; } #menu-meaGuide li a.pro { color: #b2d918; } #menu-meaGuide li a#default-meaGuide { background: transparent url(http://m.bestofmedia.com/i/bestofmicro/design/guide/2/arrow-meaGuide.gif) 0 3px no-repeat; } #menu-meaGuide li a#default-meaGuidePro { background: transparent url(http://m.bestofmedia.com/i/bestofmicro/design/guide/2/arrow-meaGuide-pro.gif) 0 3px no-repeat; } #menu-meaGuide li a#default-meaGuide strong, #menu-meaGuide li a#default-meaGuidePro strong { text-decoration: underline; } #menu-meaGuide li a strong { display: block; color: #fff; font-size: 14px; opacity: 1; } #chapo-meaGuide { width: 134px; /* IE ME 150px */ height: 148px; /* IE ME 164px */ position: absolute; top: 4px; left: 225px; padding: 8px; margin: 0; background: transparent url(http://m.bestofmedia.com/i/bestofmicro/design/guide/2/bgChapo-meaGuide.png) left top; overflow: hidden; color: #02284e; line-height: 15px; font-size: 11px; } /* end MEA-GUIDE */ /* MEA */ .mea-bomActuRight { margin: 5px 0; } .mea-bomActuRight .title { font-weight: 700; } .mea-bomActuRight .imgOffre { display: block; float: left; width: 60px; margin: 5px 5px 5px 0; border: 1px solid #d2dee5; } .mea-bomActuRight .bestPrice { color: #adb6b9; padding-top: 10px; } .mea-bomActuRight .bestPrice .price { color: #c20b29; font-weight: 700; } /* end MEA */ /* = RELATIVE CONTENTS */ #rc li a { background: none; padding: 0; } #rc a span { display: block; line-height: 18px; padding-left: 26px; } #rc a img { display: block; float: left; height: 18px; width: 18px; } /* =Dropmenu */ .dropMenu { position: relative; z-index: 3; } .dropMenu2 { margin-left: auto; margin-right: auto; width: 300px; } .dropMenu ol, .dropMenu li { margin: 0; padding: 0; list-style: none; float: none; line-height: 1.2em; } .dropMenu .dropMenu-panel li { display: block; border: none; border-bottom: 1px solid #dfdfdf; text-decoration: none; } .dropMenu .dropMenu-title { background: url(http://m.bestofmedia.com/i/tomsguide/design/bg-dropMenu-title.gif) left top no-repeat; height: 35px; line-height: 35px; padding-left: 15px; display: block; white-space: nowrap; width: 280px; } .dropMenu .dropMenu-title, .dropMenu .dropMenu-title:hover { text-decoration: none; } .dropMenu .dropMenu-title:visited { color: #02284e; } .dropMenu .dropMenu-title span { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/bg-dropMenu-title.gif) right top no-repeat; padding-right: 40px; display: block; } .dropMenu .hover { background-position: left -35px; } .dropMenu .hover span { background-position: right -35px; } .dropMenu .dropMenu-panel { background: #f6f6f6; position: absolute; white-space: nowrap; border: 1px solid #dfdfdf; z-index: 4; top: 29px; left: 2px; overflow-y: auto; height: auto !important; height: 210px; max-height: 210px; width: 420px; display: none; } .dropMenu .dropMenu-view { display: inline; } .dropMenu .dropMenu-panel a, .dropMenu .dropMenu-panel a:visited, .dropMenu .dropMenu-panel a:visited, .dropMenu .dropMenu-panel .actualSection { padding-left: 20px; } .dropMenu .dropMenu-panel a:hover { background-color: #d1dde5; text-decoration: none; position: static; } .dropMenu .dropMenu-panel a, .dropMenu .dropMenu-panel span { display: block; padding: 5px 0 5px 20px; height: auto; width: auto !important; width: 100%; } .dropMenu .dropMenu-panel span { border: none; background: none; } .dropMenu a b { color: #000; font-weight: 400; } /* End dropmenu */ /* =MYMODAL */ #pageOverlay, #myModal-loader { position: fixed; top: 0; left: 0; z-index: 9990; width: 100%; height: 500px; background-color: #fff; } #myModal-loader { z-index: 9991; background: transparent url('http://m.bestofmedia.com/i/tomsguide/design/ajax-loading.gif') top left no-repeat; width: 100px; height: 100px; } #myModal { text-align: left; position: fixed; top: 50%; left: 30%; z-index: 9992; background: transparent url('http://m.bestofmedia.com/i/tomsguide/design/shadowAlpha.png') right bottom no-repeat; padding: 0 6px 6px 0; } * html #myModal, * html #pageOverlay, * html #myModal-loader { position: absolute; } /* validForm */ #myModal .validForm .smooth { color: #000; font-size: 11px; display: block; margin-bottom: 15px; } #myModal .validForm { padding: 5px 5px 0 0; } #myModal .validForm li { padding: 3px 0; clear: both; } #myModal .validForm li input { height: 18px; border: 1px solid #7f9db9; width: 180px; } /* ie */ #myModal .validForm li input[type=radio] { border: none; } #myModal .validForm li label { display: block; float: left; padding-right: 10px; width: 40%; font-size: 12px; font-weight: 700; text-align: right; } #myModal .validForm li label.radio { display: inline; float: none; width: auto; font-weight: 400; } #myModal .validForm li select { border: 1px solid #7f9db9; background: #fff; } #myModal .validForm li option { background: #fff; } #myModal .validForm li .validFormOK { width: 155px; padding: 1px 25px 2px 1px; border: 1px solid #779e04; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/members/bt-ok.gif') center right no-repeat; } #myModal .validForm li .validFormKO { width: 155px; padding: 1px 25px 2px 1px; border: 1px solid #d12626; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/members/bt-error.gif') center right no-repeat; } #myModal .validForm li .validFormFieldTextKO { font-size: 10px; background: #d12626; color: #fff; font-weight: 700; min-height: 15px; padding: 2px; margin: 15px 0 10px 0; width: 100%; } #myModal .validForm .validFormAjaxKO { font-weight: 700; font-size: 11px; color: #d12626; } #myModal .validForm .validFormAjaxOK { font-weight: 700; font-size: 11px; color: #779e04; } #myModal .validForm .basicMainDotted { padding-bottom: 5px; } #myModal .submitForm { width: 75px; height: 25px; float: right; border: none; overflow: hidden; text-indent: -9999px; background: url('http://m.bestofmedia.com/i/tomsguide/design/bt_valider.gif') left top no-repeat; cursor: pointer; } #myModal #ajaxLoading { position: absolute; bottom: 9px; right: 20px; display: block; width: 16px; height: 16px; background: transparent url('http://m.bestofmedia.com/i/tomsguide/design/ajax-loaderLittle.gif') left top no-repeat; } #myModal #modalNicks { position: absolute; width: 187px; float: right; border-left: 1px solid #7f9db9; left: 173px; font-size: 11px; background: #fff url('http://m.bestofmedia.com/i/tomsguide/design/shadowAlpha.png') right bottom repeat; } * html #myModal #modalNicks { left: 171px; } #myModal #modalNicks span { display: block; margin-bottom: 5px; } #myModal .validForm #getFreeNicks li { background: #fff; border-bottom: 1px solid #7f9db9; border-right: 1px solid #7f9db9; width: 180px; padding: 0; overflow: hidden; display: block; } #getFreeNicks li a { display: block; padding: 2px 5px; cursor: pointer; color: #000; text-decoration: none; } #getFreeNicks li a:hover { background-color: #e5e8eb; } /**/ #myModal-content { border: 2px solid #bfbfbf; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; background: #fff; margin-top: -4px; position: relative; min-height: 140px; } #myModal-content h5 { background-color: #eeeff1; color: #779e04; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px; margin-bottom: 10px; font-weight: 700; font-size: 16px; } #myModal-close { position: absolute; top: 15px; right: 22px; display: block; width: 15px; height: 15px; background: transparent url('http://m.bestofmedia.com/i/tomsguide/design/bt-close2.png') left top no-repeat; text-indent: -999px; overflow: hidden; cursor: pointer; } #myModal-content .emailAlertMandatory { color: #779E04; font-weight: bold; } /* End MYMODAL */ /* Widgets ------------------------------------------------- */ .facebookLikeInline { border:none; overflow:hidden; width:auto; height:28px; margin-bottom:6px; } #newsPage .facebookLikeInline, #dossierPage .facebookLikeInline { width:500px; } .photoReportageBox .facebookLikeInline { margin-left:8px; float: right; } .facebookLikeContainer .facebookLikeInline { width:100%; } #web2Tools .facebookLikeContainer { float:left; } /* End Widgets ---------------------------------- */ /* =GESTION ERRORS */ .validateErrors { color: #c20b29; font-size: 11px; } .validateErrors ul { list-style-type: disc ; padding-left: 10px; margin-left: 10px; } .error-input { border: 1px solid red !important; } /* END GESTION ERRORS */ .comparo-description { text-align: justify; padding: 0 0 10px 0; } /* TG US */ #outside-advert { /* width: 160px; */ top: 0; height: 600px; position: absolute; left: -163px; } #mpe_link { background: #fff url(http://m.bestofmedia.com/i/tomsguide/design/tg_avec_mpe.gif) top left no-repeat; width: 299px; height: 24px; display: block; overflow: hidden; font-size: 1px; margin-bottom: 15px; } #mpe_link span { display: none; } /* topic_form_include mini formulaire de post du forum pour les sites bestof */ #forumForm { position: relative; } #forumForm li { display: block; padding-bottom: 5px; } #forumForm label { display: block; } #forumForm #sujet { width: 65%; } #forumForm select { width: 100%; } #forumForm textarea { width: 100%; height: 70px; } #forumForm .forumFormTitle { font-weight: 700; } #forumForm #catListing { display: none; float: left; width: 45%; } #forumForm #subCatListing { display: none; float: left; width: 45%; padding-left: 15px; } #forumForm a.withArrows { float: right; filter: Alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; cursor: pointer; } #forumForm a.showWithArrows { filter: Alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #forumForm #forumFormTooltip { position: absolute; z-index: 10; top: 55px; display: block; width: 266px; padding: 2px; color: #000; font-size: 10px; line-height: 1.6em; border: 1px solid #d8d8d8; background: #fff; } #forumForm #forumFormTooltip span { display: block; padding: 3px; text-align: justify; background: #f3f5f0; } /* topic_form_include */ /* Language selection */ div#languageSelection { position: relative; width: 603px; height: 401px; margin-top: 20px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/languageBg.png) no-repeat; } p#languageTitle { position: relative; padding: 20px 0 0 26px; font-size: 20px; line-height: 30px; } p#languageTitle span { font-weight: 700; } p#languageTitle a { position: absolute; top: 50px; left: 400px; display: block; width: 118px; height: 35px; text-align: center; font-size: 18px; color: #fff; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/languageLink.png) no-repeat; } p#languageTitle a:hover { text-decoration: none; } p#languageList { position: absolute; top: 110px; left: 26px; } div#languageSelection ul { height: 280px; margin: 30px 0 0 55px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/languageBg1.png) 0 40px no-repeat; } *+html div#languageSelection ul { padding: 30px 0 0 0; background-position: 0 70px; } div#languageSelection ul li { margin-left: 180px; } div#languageSelection ul li img { display: block; float: left; margin: 3px 5px 0 0; } div#languageSelection ul li a { color: #1893d4; font-size: 13px; font-weight: 700; line-height: 22px; } div#languageSelection ul li span { color: #1893d4; font-weight: 400; } /* end Language selection */ /* LISTE TCG GENERE PAR CONTENT MANAGER */ div#news-content ul.listeTcg li { clear: both; } div#news-content ul.listeTcg li a { background-color: #FFFFFF; color: #027AB6; font-size: 13px; font-weight: 700; padding: 0 5px 0 0; background: none; margin: 0 0 10px 0; } div#news-content ul.listeTcg li a.imgLink, div#news-content ul.listeTcg li div a { color: #1378E0; } div#news-content ul.listeTcg li a.imgLink { display: block; float: left; width: 130px; margin-right: 5px; } div#news-content ul.listeTcg li div { float: left; width: 335px; } #ad-1 { min-height:90px; background: transparent url(http://m.bestofmedia.com/i/bestofmedia/design/loader.gif) center center no-repeat; } * html #ad-1 {height:90px;} #ad-2 { min-height:250px; background: transparent url(http://m.bestofmedia.com/i/bestofmedia/design/loader.gif) center center no-repeat; } * html #ad-2 {height:250px;} #ad-8 { background: transparent url(http://m.bestofmedia.com/i/bestofmedia/design/loader.gif) center center no-repeat; } #ad-4 { min-height:250px; background: transparent url(http://m.bestofmedia.com/i/bestofmedia/design/loader.gif) center center no-repeat; } * html #ad-4 { height:250px; background: transparent url(http://m.bestofmedia.com/i/bestofmedia/design/loader.gif) center center no-repeat; } /* FIN LISTE TCG */ .openXName { color:#adb6b9; font-size:10px; text-align:right; padding:0 5px 0 0; } .openXImg { float:left; width:90px; background:#fff; } .openXInfos { float:right; width:80%; } .openXTitle { font-size:14px; display:block; font-weight:bold; } .openXDescription a, .openXDescription a { font-size: 12px; color:#02284e; } .openXRedir { text-decoration: underline; font-weight: bold; display:block; text-align:right; } .openXRedir:hover {text-decoration: none;} /* MEA games partners Boonty/Nexway */ .games-partners .odd, .games-partners .even { text-align: center; width:50%; padding: 0 0 0 0; vertical-align:top; } .games-partners .tier { text-align: center; width:33%; padding: 0 0 0 0; vertical-align:top; } .games-partners a {display: block;} .games-partners .iHref {margin-top: 8px;} .games-partners .i {height: 52px;} .games-partners .title {font-size:12px;} .adListing { text-align:left; } .adListingContent { border : 1px solid #878686; padding: 10px 15px 10px 15px; } .adListingTitle { font-size:16px; color:#02284e; margin: 0 0 5px 0; } .adListingContent h5 { color:#c50505; font-size:14px; font-weight:bold; } .adListingContent li { padding: 0 0 0px 10px; background : transparent url(http://m.bestofmedia.com/i/tomshardware/v2/sprites3.png?v) no-repeat scroll left -1085px; } .adListingContent li a{ color:#0000cc; } .adListingContent .sponsor { padding: 0 0 25px 0; } .adListingContent .sponsor img { float:right; } .adListingContent .sponsor span { float:right; margin:10px 0 0 0; font-size:11px; color:#adb6b9; } /** * Button style */ .searchBtn { background: transparent url(http://m.bestofmedia.com/i/tomsguide/design/sprite-tg-0.0.1.png); } .searchBtn { background-position: left -21px; background-attachment: scroll; background-repeat: no-repeat; height: 30px; width: 101px; border: none; padding: 0; margin-top: 1px; cursor: pointer; float: left; } .searchBtn em { font-size: 17px; color: #5c8608; font-weight: 700; line-height: 30px; } /* ========================================================= */ /* = Generic class for display inline-block cross-browsers = */ /* ========================================================= */ .inline-block { 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; */ } /* ========================== */ /* = New generic-box rules = */ /* ========================== */ /* Based on markup : see IDN searchv2.tpl */ .generic-box { position:relative; margin:0px auto; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under filters-box */ } .generic-box .bd, .generic-box .t, .generic-box .b, .generic-box .b div { background:transparent url(http://m.bestofmedia.com/i/tomsguide/design/generic_box-0.0.1.png) no-repeat top right; } .generic-box .bd { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 16px; } .generic-box .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; } .generic-box .b { /* bottom */ position:relative; clear : left; width:100%; } .generic-box .b, .generic-box .b div { height:5px; /* height of bottom cap/shade */ font-size:1px; } .generic-box .b { background-position:bottom right; } .generic-box .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .generic-box .hd, .generic-box .bd, .generic-box .ft { position:relative; } .generic-box h3,.generic-box h4 .generic-box p, .generic-box ul { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } /* =================================== */ /* = filters-box background override = */ /* =================================== */ .filters-box .bd, .filters-box .t, .filters-box .b, .filters-box .b div { background-image: url(http://m.bestofmedia.com/i/tomsguide/design/filters_box-0.0.1.png); } /* ================================== */ /* = search-box background override = */ /* ================================== */ .search-box .bd, .search-box .t, .search-box .b, .search-box .b div { background-image: url(http://m.bestofmedia.com/i/tomsguide/design/search_box-0.0.1.png); } .footer-links { margin: 0 auto; width: 100%; text-align: center; } .footer-links ol li { display: inline; } .labelized { clear : left; float:left; padding : 1px 15px 0px 0px; font-weight:bold; } .standAlone{ clear : both; margin : 0px; width:100%; overflow:hidden; } .pagiLeft, .pagiRight { line-height: 1.25em; } /* ================================== */ /* = AddThis csss override = */ /* ================================== */ .addthis_toolbox { padding : 10px 0 6px 0px } .addthis_toolbox li { float: left; } .addthis_toolbox a { border: 2px solid #fff; padding: 2px 2px 2px 20px; position: relative; text-decoration: none; display:block; height:16px; float:left; } .addthis_toolbox span { position: absolute; width: 16px; height: 16px; top: 2px; left: 1px; } .actionIcons, .mailIcon, .printIcon { display:block; background:transparent url(http://m.bestofmedia.com/i/tomshardware/v2/header-news-tools.png) no-repeat left 1px; font-size:9px; overfloz:hidden; } .addthis_toolbox .mailIcon { height:12px; background-position:2px 3px } .addthis_toolbox .printIcon { background-position:1px -10px; width:19px; } .addthis_toolbox .commenter { padding: 0px 0px 0px 20px; background:transparent url(http://m.bestofmedia.com/i/tomshardware/v2/header-news-tools.png) no-repeat left -24px; height: 15px; line-height: 13px; overflow: hidden; display: block; _float: left; } /*Addthis top*/ .addthis_toolbox.addthis_pill_combo a { float: left; padding:0; display:block; border:0; } .addthis_toolbox.addthis_pill_combo .addthis_counter.addthis_pill_style { height:20px; padding-left:4px; } .addthis_toolbox.addthis_pill_combo .addthis_counter a.addthis_button_expanded{ font-size:10px; } .addthis_toolbox.addthis_pill_combo .atc_s{ padding-left:4px; } .addthis_counter a.atc_s span { width:auto; position:static; height:auto; } .addthis_button_compact .at15t_compact { margin-right: 4px; float: left; } .addthis_pill_combo{ padding:0; } /* ================================== */ /* = Adsense, AFS, Admanager Title = */ /* ================================== */ .google_ads_bom_title,.google_ads_bom_title a,.google_ads_bom_title a:visited { color:#7FAE12 !important; font-size:16px; text-decoration:none !important; text-align:left; } .google_ads_bom_content{ text-align:left !important; } .google_ads_bom_content p{ margin:0 0 10px 0; } .google_ads_bom_href2{ color:#008000; } .smart_ads_bom_title{ color:#A3A3A3; font-size:10px; padding-right:7px; text-align:right; margin-bottom:0px; } #header-advert .smart_ads_bom_title, #outside-advert .smart_ads_bom_title, #bg-advert1 .smart_ads_bom_title, #bg-advert2 .smart_ads_bom_title{ display:none !important; } .picto-news, .picto-article, .picto-pricecomparator, .picto-guidepage , .picto-downloads, .picto-gooddeals, .picto-forum, .picto-wallpaper, .picto-media, .picto-videos, .picto-photos { background : transparent url(http://m.bestofmedia.com/i/tomsguide/search/sprite.gif) -20px top no-repeat; width : 20px; height : 19px; float : left; margin : -3px 4px 0 0px; } .picto-article { background-position : -40px; } .picto-pricecomparator { background-position : -60px; } .picto-guidepage { background-position : -60px; } .picto-downloads { background-position : -80px; } .picto-gooddeals { background-position : -100px; } .picto-forum { background-position : -120px; } .picto-wallpaper { background-position : -140px; } .picto-media, .picto-photos { background-position : -160px; } .picto-videos { background-position : -180px; } #revealAd { text-align : center; } #revealAd div{ margin : auto; } /* modal newsletter download */ .modalWrapper { width:430px; } .modalNewsletter { position:relative; } .modalWrapper h5 { background-color:#EEEFF1; color:#779E04; font-size:16px; font-weight:700; margin-bottom:10px; padding:10px; } .modalWrapper .close { background:transparent url(http://m.bestofmedia.com/i/tomsguide/design/bt-close2.png) no-repeat scroll left top; cursor:pointer; display:block; height:15px; overflow:hidden; position:absolute; right:22px; text-indent:-999px; top:15px; width:15px; } .modalWrapper .modalForm { margin:10px 0; } .modalWrapper .modalForm ul { padding:10px 0; } .modalWrapper .modalForm li { clear:both; padding:3px 0; } .modalWrapper .modalForm li label { display:block; position:relative; float:left; font-size:12px; font-weight:bold; padding-right:10px; text-align:right; width:55%; zoom:1; } .modalWrapper .modalForm li input { border:1px solid #7F9DB9; height:18px; width:170px; } .modalWrapper .submitForm { background:transparent url(http://m.bestofmedia.com/i/tomsguide/design/bt_valider.gif) no-repeat scroll left top; border:medium none; cursor:pointer; float:right; height:25px; overflow:hidden; text-indent:-9999px; width:75px; position:relative; } .modalWrapper .modalNewLine { clear:both; } .modalWrapper .linkList { color:#ADB6B9; font-size:11px; float:left; position:relative; line-height:1.7em; } .modalWrapper .legals { clear:both; padding:10px 0; _padding:0; _margin:10px 0; font-size: 11px; } #modalNewsletterErrorMsg { padding: 2px; color: white; font-weight: bold; text-align: center; margin-top: 10px; background:#c90d28; display: none; } .bg-advert { position:relative; z-index:9999; } #leaderboard { float: left; } .bomAd .line { float: right; border:1px solid #dfdfdf; width:210px; padding:15px 10px 10px 10px; background:#fff; margin:10px 0 0 0; position:relative; } .bomAd .line .unit { margin:3px 8px 0 0; } .bomAd .line .unit img { border:1px solid #fff; } .bomAd .line .h3 { margin:0 0 4px 0; font-weight:bold; position:absolute; top:1px; left:10px; } .bomAd .line .h3 a { color:#000; } .bomAd .line .seeMore { display:block; margin:3px 0 0 0; } .relativeRessources ul { padding-top:10px; } .gam-mt { display:none; } .zone5-ad { background-color: #FEFEFE; border: 1px solid #E9E9E9; padding-bottom: 5px; padding-left: 5px; margin-top: 13px; text-align:left; float: right; width:250px; } .zone5-ad .sponsoredTpl { float: left; margin: 0 5px 0 0; text-align: center; } .zone5-ad .sponsoredTpl img{ border: 1px solid #E2E2E2; } .zone5-ad .title3 { text-transform: uppercase; font-weight: bold; display:block; color:#000; font-size:13px; margin:3px 0 3px 0; } .zone5-categ { color:#004488; display:block; } #news-content .itxthook, #news-content .itxthookactive { background:none; padding:0; } #container .bomAd { clear:both; } .ajaxLoader { background-image : url(http://m.bestofmedia.com/sfp/images/design/ajax/loading.gif); background-position : center center; background-repeat : no-repeat; } .shop_s_ajax{ min-height: 50px; height:auto !important; height:50px; width:250px; float:right; padding: 5px 0 0 27px; } .shop_l_ajax{ min-height: 50px; height:auto !important; height:50px; width:620px; } .pictureStory strong { font-weight:bold; } .imgLine { display:inline-block; } .brandProfile { margin-bottom: 15px; text-align: left; } .brandProfile .bgBrand { background-color: #206EAF; color:#FFFFFF; } .brandProfile .imgCrop82x82 { height: 82px; overflow: hidden; width: 82px; } .brandProfile .h4 { padding: 15px 15px 10px; } .brandProfile .brandInfos { border-top: 1px solid #DADADA; background: -moz-linear-gradient(100% 10% 90deg, #FFFFFF, #DFDFDF); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#DFDFDF), to(#FFFFFF)); } .brandProfile .imgCrop { margin-right: 12px; margin-bottom: 0; border: 1px solid; border-color: #cfcfcf #b1b1b1 #b1b1b1 #cfcfcf; } .brandProfile dl { line-height: 18px; } .ie6 .brandProfile dl dd .ie7 .brandProfile dl dd { zoom: 1; } .brandProfile .expert { position: relative; margin: 3px 0 0 -12px; padding: 2px 6px 2px 12px; font-size: 84%; } .brandProfile .bgBrand { box-shadow: 10px 0 10px -5px #014599 inset; -webkit-box-shadow: 10px 0 10px -5px #014599 inset; -moz-box-shadow: 10px 0 10px -5px #014599 inset; } .ie6 .brandProfile .expert span .ie7 .brandProfile .expert span { display: none; } .brandProfile .expert span { position: absolute; top: 0; border-style: solid; border-width: 11px; } .brandProfile .bgBrand span { border-color: #206EAF #FFFFFF #206EAF #206EAF; } .brandProfile .askForm .inputText2 { width: 94%; } .brandProfile .askForm .btBig { font-size: 118%; } .pictoAsk .picto { padding: 0 0 25px 45px; font-size: 20px; background-position: -289px -183px; } #dliPhone { left: 0; background-color: #000000; opacity: 0.5; position: absolute; top: 0; z-index:3; width:100%; height:4500px; display:none; } #dliPhone-inner { background: transparent url(http://m.bestofmedia.com/i/tomsguide/iphone_app.png) center top no-repeat; display:block; opacity:1; margin:0 auto; top:5px; left:45%; width:270px; height:350px; z-index:4; position:absolute; text-align: left; display:none; } #dliPhone-t1 { font-size: 16px; font-weight:bold; margin-top: 100px; padding: 0 14px; color:#fff; } #dliPhone-t1 span {} #dliPhone-t2 { font-size: 12px; margin-top: 40px; padding: 0 14px; color:#fff; } #dliPhone-off { padding:0 15px; clear:both; } .dliPhone-button { margin:25px 0 15px 15px; float: left; width:115px; padding:8px 0 0 0; height:28px; border:0px solid red; text-align:center; color:#fff; font-size:14px; background: transparent url(http://m.bestofmedia.com/i/tomsguide/iphone_app.png) -7px -445px no-repeat; } .dliPhone-button:visited {color:#fff;} .dliPhone-button:hover {text-decoration:underline;} #dliPhone-off label {padding-left:5px;}