/* Styles France5 2009 */ /* Reset,Init, General, Structure, Header, Corps, PopIns, Footer, JS Driven elements */ /* Reset *//* voir reset.css */ /* Init */ body {position:relative; background:url(img/bg/body_bg.png) repeat-y center top; font-family:arial,verdana,sans-serif; font-size:68.75%;} strong {font-weight:bold;} input, select, textarea {border:1px solid #000; padding:0 2px; font-family:Arial,Helvetica,sans-serif; font-size:100%; color:#4b1e00;} /* Général */ .hidden {display:none!important;} .accessib {position:absolute; left:-9999em; top:-9999em; width:0; height:0; overflow:hidden; font-size:0;} .accessiPrint {display:none;} .clear {display:block; visibility:hidden; clear:both; width:100%; font-size:1%;} .clearFix:after {display:block; visibility:hidden; clear:both; height:0; content:" ";} .clearFloats {overflow:hidden;} /* Couleurs */ .coulFTVOD {color:#fff;} .coulF2 {color:#f81f0b!important;} .coulF3 {color:#26619d;} .coulF4 {color:#863290;} .coulF5 {color:#6c9631;} .coulFTV {color:#3a6dac;} /* Structure */ #aMainCtnr {position:relative; margin:0 auto; width:996px;} /*#archeTop {position:relative; z-index:2; width:950px; padding:0 23px 8px;} 06/04/2011 */ #archeTop {position:relative; z-index:2; width:973px; padding:0 0 8px 23px;} #archeCorps {position:relative; z-index:1;} /*#aSiteCtnt {clear:both; position:relative; width:100%;}*/ #archeBot {position:relative; z-index:1; width:950px; padding:8px 23px 0;} /* Structure Corporate */ .charte .str {position:relative; width:996px;} .charte .strMR .col {float:left; position:relative; width:696px;} .charte .strMR .col.last {width:300px;} .charte .strFull .col {position:relative; width:996px;} .charte .strLM {margin-bottom:1em;} .charte .strLM .col {float:left; position:relative; width:400px;} .charte .strLM .col.last {width:596px;} .charte .strLR .col {float:left; position:relative; width:498px;} .charte .strLCR {margin:0 23px; width:950px;} .charte .heavy {background:#000;} .charte .corpo {background:#0b581d;} .charte .heavyCorpo {min-height:275px; background:url(img/bg/degr_000-0f0.png) repeat-x 0 0;} .charte .blk {padding:10px 23px 5px;} .charte .mainTitle {margin-bottom:12px; padding:12px 23px 0;} .charte .title {margin-bottom:10px;} .charte .sTitle {margin-bottom:8px;} .charte .tit {float:left; min-height:20px; background:no-repeat 0 2px;} .charte .mainTitle .tit {min-height:24px; background:no-repeat 0 2px;} .charte .mainTitle .tit.RSS {width:40px; background-image:url(img/txts/tit_rss.png);} .charte .sTit {float:left; min-height:18px; background:no-repeat 0 2px;} .charte .sTit.aide {width:33px; background-image:url(img/txts/tit_aide.png);} .charte .sTit.magazines {width:118px; background-image:url(img/txts/tit_magazines.png);} .charte .sTit.nouveautes {width:94px; background-image:url(img/txts/tit_nouveautes.png);} .charte .titleLnks {float:right; margin-top:4px;} .charte .titleLnks p, .charte .titleLnks ul, .charte .titleLnks ul li {float:left; font-weight:bold;} .charte .titleLnks p {margin-right:1em; text-transform:uppercase; font-size:14px; color:#fff;} .charte .titleLnks ul li {margin-right:0.5em; border-right:2px solid #fff; padding-right:0.5em;} .charte .titleLnks ul li.last {margin:0; border:0; padding:0;} .charte .titleLnks ul li a {text-decoration:none; color:#89ba17;} .charte .titleLnks ul li a:hover {text-decoration:underline;} .charte .titleLnks ul li.last a {color:#3a6dac;} .charte .blk a.moreLnk {float:right; background:url(img/pictos/fleche.png) no-repeat 0 4px; padding-left:10px; text-decoration:none; font-weight:bold; color:#fff;} .charte .blk a:hover.moreLnk {text-decoration:underline;} .charte .newsLkBlk {margin-bottom:1em;} .charte .newsLkBlk .newsLkIt {float:left; margin-right:25px; width:197px;} .charte .strFull .newsLkBlk .newsLkIt {margin-right:54px;} .charte .newsLkBlk .newsLkIt.last {margin:0;} .charte .newsLkBlk.horz .newsLkIt .imgBlk {float:left; margin-right:5px;} .charte .newsLkBlk .newsLkIt .itemTitle {font-size:14px; font-weight:bold;} .charte .newsLkBlk .newsLkIt .itemTitle a {text-decoration:none; color:#fff;} .charte .newsLkBlk .newsLkIt .itemTitle a:hover {text-decoration:underline;} .charte .newsLkBlk .newsLkIt .itemSTitle {font-size:12px; font-weight:bold;} .charte .newsLkBlk .newsLkIt .itemSTitle a {text-decoration:none; color:#fff;} .charte .newsLkBlk .newsLkIt .itemSTitle a:hover {text-decoration:underline;} .charte .newsLkBlk .newsLkIt .itemTarif {font-weight:bold; color:#000;} .charte .newsLkBlk .newsLkIt a.itemLnk {text-decoration:none; font-size:11px; color:#89ba17;} .charte .newsLkBlk .newsLkIt a:hover.itemLnk {text-decoration:underline;} .charte .newsLkBlk .newsLkIt a.itemBtn {display:block; height:15px; background:no-repeat 0 0;} .charte .flecheU {position:relative; margin-top:17px;} .charte .flecheU span.flecheUp {position:absolute; top:-11px; left:60px; width:21px; height:11px; background:url(img/bg/fleche_up_0f0.png) no-repeat 0 0;} .charte .flecheD {position:relative; margin-bottom:17px;} .charte .flecheD span.flecheDn {position:absolute; bottom:-11px; right:100px; width:21px; height:11px; background:url(img/bg/fleche_dn_0f0.png) no-repeat 0 0;} .charte .infoBlk {position:relative; clear:both; background:#0b581d; padding:0.5em 1em; font-weight:bold;} .charte div.infoBlk {margin-bottom:1em;} .charte div.infoBlk p, .charte div.infoBlk ul {margin-bottom:1em;} .charte div.infoBlk p.last {margin:0;} .charte div.infoBlk p, .charte div.infoBlk ul li {font-weight:normal;} .charte div.infoBlk ul li {margin-left:1.2em; list-style-type:disc;} .charte ul.pagination {float:right; margin-top:1em;} .charte ul.pagination li {float:left; margin-right:1em; font-weight:bold;} .charte ul.pagination li.last {margin:0;} .charte ul.pagination li a {text-decoration:underline; color:#fff;} .charte ul.pagination li a:hover {color:#fdff1d;} .charte ul.pagination li.current a {text-decoration:none;} .charte ul.pagination li.prev {margin-right:2em;} .charte ul.pagination li.prev a {background:url(img/pictos/fleche.png) no-repeat right -26px; padding-right:10px;} .charte ul.pagination li.next {margin-left:2em;} .charte ul.pagination li.next a {background:url(img/pictos/fleche.png) no-repeat 0 4px; padding-left:10px;} .charte ul.aide {clear:both; margin-bottom:1em;} .charte ul.aide a {background:url(img/pictos/fleche.png) no-repeat 0 4px; padding-left:10px; text-decoration:none; color:#fff;} .charte ul.aide a:hover {text-decoration:underline;} /* Générique */ .arche {background:url(img/bg/ctnr_bg.png) repeat-y 0 0; color:#fff;} .fluxRSS {display:block; width:46px; height:16px;} .fluxRSS a {display:block; width:46px; height:16px;} .sepT {border-top:1px solid #0b581d;} .sepR {border-right:1px solid #0b581d;} .sepB {border-bottom:1px solid #0b581d;} .pictoVdo {display:block; position:absolute; left:0; top:0; z-index:1; background:url(img/pictos/btn_play_vdokit.png) no-repeat 3px 3px;} span.pictoVdo {width:40px; height:40px;} /* Header */ #aTopIdChaine {position:absolute; left:0; top:32px; width:245px; height:90px;} #aTopIdChaine a {display:block; margin:10px 0 0 23px; width:201px; height:57px; background:url(img/logos/france5.png) no-repeat 0 0;} #functionalItems {margin-bottom:5px; border-bottom:1px solid #7cb21a;} #aTopMenuGroup {float:left; width:490px; height:19px;} /*#aTopMenuChaine {float:left; width:290px; height:19px;} 06/04/2011 */ #aTopMenuChaine {float:left; width:320px; height:19px;} #aTopMenuGroup ul #aTopMenuChaine ul {font-size:91%; font-weight:bold;} #aTopMenuGroup ul li, #aTopMenuChaine ul li {float:left; margin-right:1.2em; line-height:1.9em; font-family:verdana; font-weight:bold; font-size:84%;} #aTopMenuChaine ul li.fluxRSS {margin:1px 0 0; background:url(/layoutftv/arches/common/images/icons/icon_rss.png) no-repeat 0 0;} #aTopMenuGroup ul li a, #aTopMenuChaine ul li a {text-decoration:none; color:#fff;} #aTopMenuGroup ul li a:hover, #aTopMenuChaine ul li a:hover {text-decoration:underline;} #aTopSearch {float:right; height:19px; overflow:hidden;} #aTopSearch fieldset {line-height:17px; padding:0.1em; } #aTopSearchKeyword {color:#0b581d;} #aTopSearchSubmit {border:0; background:none; padding:0 2px; font-weight:bold; color:#fff;} /*#aTopPubBlk, #eShowPubTop {clear:both; float:right; width:728px; height:90px;} 06/04/2011 */ #aTopPubBlk, #eShowPubTop {clear:both; float:right; margin-right:23px; width:728px; height:90px;} #aTopPubBlk .adCtnt, #eShowPubTop .adCtnt {height:90px; overflow:hidden;} /*#aTopMenus {clear:both;} 06/04/2011 */ #aTopMenus {clear:both;margin-right:23px;} #aTopMainMenu {height:38px; padding:0;} #aTopMainMenu ul {padding-top:13px;} #aTopMainMenu ul li {float:left; margin-right:1.55em; padding-right:1.55em; text-transform:uppercase; font-size:118%; font-weight:bold;} /*#aTopMainMenu ul li {float:left; margin-right:1.05em; padding-right:1.05em; text-transform:uppercase; font-size:118%; font-weight:bold;}*/ #aTopMainMenu ul li.last {margin:0; border:0; padding:0;} #aTopMainMenu ul li a {display:block; height:11px; background:url(img/txts/navigation.png) no-repeat 0 0;} #aTopMainMenu ul li#navGuide a {width:60px; background-position:0 1px;} #aTopMainMenu ul li#navGuide.current a {background-position:-116px 1px;} #aTopMainMenu ul li#navAnimateurs a {width:88px; background-position:0 -10px;} #aTopMainMenu ul li#navAnimateurs.current a {background-position:-116px -10px;} #aTopMainMenu ul li#navVideos a {width:90px; background-position:0 -21px;} #aTopMainMenu ul li#navVideos.current a {background-position:-116px -21px;} #aTopMainMenu ul li#navForums a {width:56px; background-position:0 -32px;} #aTopMainMenu ul li#navForums.current a {background-position:-116px -32px;} #aTopMainMenu ul li#navJeux a {width:34px; background-position:0 -44px;} #aTopMainMenu ul li#navJeux.current a {background-position:-116px -44px;} #aTopMainMenu ul li#navDocu a {width:114px; background-position:0 -55px;} #aTopMainMenu ul li#navDocu.current a {background-position:-116px -55px;} #aTopMainMenu ul li#navWeb a {width:67px; background-position:0 -66px;} #aTopMainMenu ul li#navWeb.current a {background-position:-116px -66px;} #aTopMainMenu ul li#navCuriosphere a {width:116px; background-position:0 -77px;} #aTopMainMenu ul li#navCuriosphere.current a {background-position:-116px -77px;} #aTopMainMenu ul li#navBoutique a {width:88px; background-position:0 -88px;} #aTopMainMenu ul li#navBoutique.current a {background-position:-116px -88px;} #aTopMainMenu ul li#navGuide a:hover {background-position:-116px 1px;} #aTopMainMenu ul li#navAnimateurs a:hover {background-position:-116px -10px;} #aTopMainMenu ul li#navVideos a:hover {background-position:-116px -21px;} #aTopMainMenu ul li#navForums a:hover {background-position:-116px -32px;} #aTopMainMenu ul li#navJeux a:hover {background-position:-116px -44px;} #aTopMainMenu ul li#navDocu a:hover {background-position:-116px -55px;} #aTopMainMenu ul li#navWeb a:hover {background-position:-116px -66px;} #aTopMainMenu ul li#navCuriosphere a:hover {background-position:-116px -77px;} #aTopMainMenu ul li#navBoutique a:hover {background-position:-116px -88px;} /*#aTopMainMenu ul li a {text-decoration:none; color:#fff;}*/ #aTopMainMenu ul li.current a {color:#ff690a;} #aTopMainMenu ul li.current {position:relative; overflow:visible;} #aTopMainMenu ul li.current .currentSign {margin:-8px 0 2px; height:6px; background:url(img/bg/nav_current.png) no-repeat center top; font-size:0;} #aTopMainMenu ul li a:hover {color:#fdff1d;} #aTopSecondMenu {position:relative; width:100%; background:#0b581d;} .js #aTopSecondMenu {height:19px;} #aTopSecondMenu ul.L0 {padding-top:4px;} #aTopSecondMenu ul li.L0 {float:left; border-right:2px solid #fff; line-height:1.1em;} #aTopSecondMenu ul li.L0.last {border:0;} #aTopSecondMenu ul li.L0.current span.title {color:#fdff1d; cursor:default!important;} #aTopSecondMenu ul li.L0 span {padding:0 11px; text-decoration:none;} #aTopSecondMenu ul li.L0 span.title {font-weight:bold; color:#fff;} #aTopSecondMenu ul li.L0 span:hover.title {color:#fdff1d; cursor:pointer;} #aTopSecondMenu .hiders {display:none; position:absolute; left:-23px; top:-38px; z-index:1001; width:996px; height:470px;} .js #aTopSecondMenu .L0 {position:relative; z-index:1002;} .js #aTopSecondMenu .L1 {/*display:none;*/ position:absolute; left:-9999px; top:-9999px; z-index:1002; padding:4px;} /* .js #aTopSecondMenu #L19.L1 {left:-154px!important;} .js #aTopSecondMenu #L19.L1 .smenuOnglet {left:auto!important; right:4px;} .js #aTopSecondMenu #L110.L1 {left:-137px!important;} .js #aTopSecondMenu #L110.L1 .smenuOnglet {left:auto!important; right:4px;} */ .js #aTopSecondMenu .L1 .ctnt {width:600px; background:#20671a url(img/layout/smenu_bg.png) repeat-x 0 0;} .js #aTopSecondMenu .smenuOnglet {position:absolute; left:4px; top:-13px; z-index:1003; height:15px; background:#93bc0e; padding:2px 7px 0; font-weight:bold;} /*.js #aTopSecondMenu .smenuOnglet span.title {padding:0; font-weight:bold; color:#fdff1d;}*/ .js #aTopSecondMenu .smenuTL, .js #aTopSecondMenu .smenuTR, .js #aTopSecondMenu .smenuBL, .js #aTopSecondMenu .smenuBR {position:absolute; left:0; top:0; width:4px; height:4px; background:url(img/layout/smenu_ombre_coins.png) repeat 0 0;} .js #aTopSecondMenu .smenuTR {left:auto; right:0; background-position:-3px 0;} .js #aTopSecondMenu .smenuBL, .js #aTopSecondMenu .smenuBR {top:auto; bottom:0; background-position:0 -3px;} .js #aTopSecondMenu .smenuBR {left:auto; right:0; background-position:-3px -3px;} .js #aTopSecondMenu .smenuT, .js #aTopSecondMenu .smenuL, .js #aTopSecondMenu .smenuR, .js #aTopSecondMenu .smenuB, .js #aTopSecondMenu .smenuT {position:absolute; left:0; top:0; width:4px; height:4px; background:url(img/layout/smenu_ombre_h.png) repeat 0 0;} .js #aTopSecondMenu .smenuT, .js #aTopSecondMenu .smenuB {margin:0 4px; width:100%;} .js #aTopSecondMenu .smenuB {top:auto; bottom:0; background-position:0 -3px;} .js #aTopSecondMenu .smenuL, .js #aTopSecondMenu .smenuR {margin:4px 0; height:auto; background-image:url(img/layout/smenu_ombre_v.png);} .js #aTopSecondMenu .smenuR {left:auto; right:0; background-position:-3px 0;} .js #aTopSecondMenu .L1 .ctnt ul {float:left; margin:12px; border-right:1px solid #fff; max-width:170px; padding-right:24px;} .js #aTopSecondMenu .L1 .ctnt ul.last {border:0;} .js #aTopSecondMenu .L1 a {padding:0; text-decoration:none; color:#fff;} .js #aTopSecondMenu .L1 .ctnt ul li {margin-bottom:5px; min-height:14px;} .js #aTopSecondMenu .L1 .ctnt ul li.title {margin-top:23px; font-size:12px; font-weight:bold; color:#0b581d;} .js #aTopSecondMenu .L1 .ctnt ul li.first.title {margin-top:0;} .js #aTopSecondMenu .L1 .ctnt ul li.focus {font-size:12px; font-weight:bold;} .js #aTopSecondMenu .L1 .ctnt ul li.special {padding-left:1em;} .js #aTopSecondMenu .L1 .ctnt ul li.all a {background:url(img/pictos/fleche.png) no-repeat 0 5px; padding-left:12px; font-size:12px; font-weight:bold;} .js #aTopSecondMenu .L1 ul li a:hover {text-decoration:underline;} /* PopIns */ /* Footer */ #aLnkBlk, #aBotBlk {padding:10px 0;} #aBotMostWantedBlk, #aBotIndispBlk, #aBotF5etVousBlk {float:left; margin-right:25px;} #aBotBlk .itemBlk {border-right:1px dotted #0b581d; min-height:200px; padding-right:25px;} #aBotBlk .itemBlk ul {float:left; padding-right:25px;} #aBotBlk .itemTitle {margin-bottom:5px; text-transform:uppercase; font-weight:bold; color:#fff;} #aBotMostWantedBlk {width:310px;} #aBotMostWantedBlk .itemBlk ul {width:110px;} #aBotMostWantedBlk .itemBlk ul.last {width:149px; padding:0;} #aBotMostWantedBlk .itemBlk ul a {text-decoration:none; color:#fff;} #aBotMostWantedBlk .itemBlk ul a:hover {text-decoration:underline;} #aBotIndispBlk {width:160px;} #aBotIndispBlk .itemBlk ul li {color:#000;} #aBotIndispBlk .itemBlk ul a {text-decoration:none; font-weight:bold; color:#000;} #aBotIndispBlk .itemBlk ul a:hover {text-decoration:underline;} #aBotIndispBlk form {float:left; margin-top:5px;} #aBotIndispBlk form label {font-weight:bold;} #aBotF5etVousBlk {margin-right:0; border:0; width:430px; height:200px; overflow:hidden;} #aBotF5etVousBlk .itemBlk {border:0;} #aBotF5etVousBlk .itemBlk ul a {text-decoration:none; color:#fff;} #aBotF5etVousBlk .itemBlk ul a:hover {text-decoration:underline;} #aBotF5etVousBlk.js {position:relative;} #aBotF5etVousBlk.js h2 {height:40px; background:url(img/logos/france5-et-vous.png) no-repeat 10px 50% #000; padding-left:125px; line-height:40px; font-size:13px; font-weight:bold; color:#ccc;} #aBotF5etVousBlk.js li {position:relative; width:430px; height:160px; overflow:hidden;} /*#aBotF5etVousBlk.js li img {position:relative; left:-20px;}*/ #aBotF5etVousBlk.js li a.legende {display:block; position:absolute; left:0; bottom:0; width:425px; height:40px; background:url(img/bg/cheville_bg.png) repeat 0 0; padding-left:5px; text-decoration:none; font-size:12px; color:#fff;} #aBotF5etVousBlk.js li a.legende .sujet {font-size:16px; font-weight:bold; color:#89ba17;} #chNext, #chPrev {position:absolute; right:48px; bottom:12px; z-index:100; width:19px; height:16px; background:url(img/pictos/cheville_fleches.png) no-repeat 0 0; cursor:pointer;} #chNext {right:10px; background-position:0 -16px;} #chPrev.stop {background-position:0 -32px;} #chNext.stop {right:23px; background-position:0 -48px;} #chWhere {position:absolute; right:29px; bottom:8px; z-index:100; height:24px; padding:0 4px; line-height:24px; font-size:20px; font-weight:bold; color:#fff;} #chIndex {color:#88bf01;} #uneTournante li {position:relative; width:696px; height:280px; overflow:hidden;} #uneTournante li img {position:relative; left:-20px;} #uneTournante li a.legende {display:block; position:absolute; left:0; bottom:0; width:681px; height:62px; background:url(img/bg/alaune_bg.png) repeat 0 0; padding-left:15px; text-decoration:none; font-size:20px; font-weight:bold; color:#fff;} #uneTournante li a.legende .date {text-transform:uppercase; color:#89ba17;} #uneTournante li a.legende .slug {font-size:28px;} #aBotDroits {padding-bottom:10px;} #aBotLogo {display:block; float:left; margin-right:10px; border-right:1px dotted #fff; width:108px; height:30px; background:url(img/logos/france5_s.png) no-repeat 0 0; padding-right:10px;} #aBotDroits div {float:left; padding-top:2px; font-size:91%; color:#000;} #aBotDroits div a {text-decoration:none; color:#000;} #aBotDroits div a:hover {text-decoration:underline;} #ie6Warning {display:none;} /* Pub */ .adCall {clear:both; display:none;} #adSkyscrapper01, #eShowPubx01 {float:left; position:absolute; left:998px; top:180px; margin-left:2px; width:120px; height:600px;} #adSkyscrapper03, #eShowPubx01 {float:left; position:absolute; left:998px; top:110px; margin-left:2px; width:120px; height:60px;} #AdBottomRight, #eShowPubBottomRight {text-align:center;} /* JSDriven */ /* Integration OTIL */ .meas_otil { margin:10px 0 20px 0; padding:0 41px; position:relative; } .meas_otil ._main { overflow:auto; white-space:nowrap; } .meas_otil._head { margin:0 0 10px 0; } .js .meas_otil ._main { overflow:hidden; } .meas_otil ._main li { display:inline-block; position:relative; padding:0 20px; width:264px; white-space:normal; vertical-align:top; } .meas_otil ._main li .ftv_site { height:26px; margin: 6px 0 0 0; } .meas_otil ._main li .ftv_site a { color:#ffffff; text-decoration:none; } .meas_otil ._main li .ftv_thumb { margin:0 10px 10px 0; float:left; } .meas_otil ._main li .ftv_thumb:hover { opacity:0.75; filter:alpha(opacity=75); } .meas_otil ._main li.presidentielle2012 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; } .meas_otil ._main li .ftv_title { font-weight:bold; font-size:11px; } .meas_otil ._main li .ftv_title a { color:#ffffff; text-decoration:none; } .meas_otil ._main li .ftv_title a:hover { opacity:0.4; filter:alpha(opacity=40); } /* Spécifique au site */ .meas_otil > ._header { height:20px; margin:0 0 10px -18px; text-indent:-999999px; height:25px; background:url(img/txts/tit_information.png) 0 0 no-repeat; } .meas_otil ._main li .ftv_site a:hover { opacity:0.4; filter:alpha(opacity=40); } .meas_otil ._main li.francetvinfo .ftv_site a { display:block; text-indent:-999999px; height:25px; background:url(/layoutftv/arches/common/images/otil/logo_ftvinfo_f5.png) 0 0 no-repeat; } .meas_otil ._main li.presidentielle2012 .ftv_site a { display:block; text-indent:-999999px; height:25px; background:url(/layoutftv/arches/common/images/otil/logo_presidentielle_f5.png) 0 0 no-repeat; } .meas_otil ._main li.culturebox .ftv_site { margin: 0 0 6px 0; } .meas_otil ._main li.culturebox .ftv_site a { display:block; text-indent:-999999px; height:25px; background:url(/layoutftv/arches/common/images/otil/logo_culturebox_f5.png) 0 0 no-repeat; } /*.meas_otil ._main li.presidentielle2012 { border-color:; }*/ /*.meas_otil ._main li .ftv_title a { color:#ffffff; } */ .meas_otil .prev, .meas_otil .next { background:url(/layoutftv/arches/common/images/otil/fleches_f5.png) no-repeat; } /* Fleches Galerie */ .meas_otil .prev, .meas_otil .next { position:absolute; top:80px; width:19px; height:28px; text-indent:-999999px; cursor:pointer; } .meas_otil .prev.inactive, .meas_otil .next.inactive { opacity:0.4; filter:alpha(opacity=40); } .meas_otil .prev { left:20px; background-position:left top; } .meas_otil .next { right:20px; background-position:right top; } .meas_otil .prev:hover { background-position:left bottom; } .meas_otil .next:hover { background-position:right bottom; } .meas_otil .prev.inactive:hover { background-position:left top; } .meas_otil .next.inactive:hover { background-position:right top; }