/* * Observatoire de la Franchise, version 2.0 * http://www.observatoiredelafranchise.fr/ * * Copyright 1997-2010, Goodweb * Path: /css/videos.css * Description: web tv * */ /* = Layout ---------------- */ #obstv a.plus{background:url(../images/mcontour/bg-plus.gif) no-repeat top left;color:#597400;float:right;font-size:9px;height:13px;letter-spacing:0.1em;margin-right:10px;margin-top:-20px;padding-top:2px;text-align:center;text-decoration:none;width:30px} #obstv a.plus:hover{color:#729500} #obstv a.plus span{display:block;float:left;text-indent:-9999px} #obstv h4.titreBloc{background:url(../images/obstv/bg-titreBloc.gif) no-repeat left top #fff;border-bottom:1px solid #fff;color:#636363;float:left;font-size:18px;font-weight:normal;height:32px;padding:10px 0 0 42px;width:562px} #obstv h4.titreBloc span{color:#636363;float:left;font-size:18px;font-weight:normal} #obstv h4.titreBloc strong{color:#669000;font-size:18px} #obstv h4.titreBlocInline{background:url(../images/obstv/bg-titreBlocInline.gif) no-repeat left top #fff;border-bottom:1px solid #fff;color:#669000;float:left;font-size:18px;font-weight:normal;height:32px;padding:10px 0 0 42px;width:562px} #obstv h4.titreBlocInline span{color:#669000;float:left;font-size:18px;font-weight:normal} #obstv h4.titreBlocInline strong{color:#636363;font-size:18px} #obstv div.bloc{float:left;padding:10px} #obstv div.blocTop,#obstv div.blocBottom{background-color:#dbdbdb;background-position:left top;background-repeat:no-repeat;clear:both;font-size:0;height:8px;width:604px} #obstv div.blocTop{background-image:url(../images/obstv/bloc-top.gif)} #obstv div.blocBottom{background-image:url(../images/obstv/bloc-bottom.gif)} #obstv div.moreBloc{float:left;padding-left:15px} #obstv div.moreBloc a{color:#656565;text-decoration:underline} #obstv div.moreBloc a:hover{color:#669000;text-decoration:none} #obstv h2.titreObsTV{background-color:#fff;background-image:url(../images/obstv/bg-titreObsTV-base.gif);-background-image:url(../images/obstv/bg-titreObsTV-ie6.gif);background-position:left top;background-repeat:no-repeat;color:#313745;float:left;font-size:22px;font-weight:bold;height:33px;margin-left:0;padding:6px 0 0 20px;width:584px} #obstv h2.titreObsTV em{font-size:22px} #obstv h2.titreObsTV span{color:#669000;font-size:18px;font-weight:normal;padding-left:25px} #obstv div.headerBloc{background-color:#fff;background-image:url(../images/obstv/header-tv.gif);background-position:top left;background-repeat:no-repeat;float:left;min-height:120px;padding:0;position:relative} #obstv div.headerBloc #zoneText,#obstv div.headerBloc #zoneCount{display:block;float:left;width:265px} #obstv div.headerBloc #zoneText{color:#313745;font-size:20px;line-height:1.3em;margin:23px 20px 0 115px;-margin:23px 20px 0 58px} #obstv div.headerBloc #zoneCount{color:#313745;font-size:15px;line-height:1.2em;margin:8px 20px 0 115px;-margin:8px 20px 0 58px} #obstv div.headerBloc #zoneCount strong{color:#763586;font-size:20px} #obstv div.headerBloc #zoneText strong,#obstv div.headerBloc #zoneText b{font-size:20px} #obstv div.headerBloc div#zoneForm{background-image:url(../images/obstv/header-bg-form.gif);background-position:bottom left;background-repeat:no-repeat;display:block;float:right;margin-right:16px;-margin-right:8px;min-height:100px;-height:100px;padding:5px 10px;width:153px} #obstv div.headerBloc div#zoneForm div#headerForm{-display:none;background-color:#000;background-image:url(../images/obstv/bg-bg-formHeader.gif);background-position:top left;background-repeat:no-repeat;color:#fff;font-size:12px;font-weight:bold;height:21px;margin:-36px -9px 0 -13px;padding:10px 0 0 38px;width:137px} #obstv div.headerBloc div#zoneForm form{margin-top:12px} #obstv div.headerBloc div#zoneForm select{background:#f0f0f0;display:block;font-size:11px;margin:0 auto;margin-bottom:5px;padding:2px;width:140px} #obstv div.headerBloc div#zoneForm select option{font-size:11px} #obstv div.headerBlocTabset{background:url(../images/obstv/bloc-bottom.gif) no-repeat bottom left;display:block;float:left;min-height:27px;-height:34px;padding:0;width:604px} #obstv div.headerBlocTabset ul.tabset a{text-decoration:none !important;} #obstv div.headerBlocTabset ul.tabset{clear:left;display:block;float: left;line-height:23px;margin:0 0 0 10px !important;-margin:0 0 -12px 5px;padding:0;position:relative;width:auto} #obstv div.headerBlocTabset ul.tabset li{background:url(../images/obstv/header-tab-li-bg.gif) no-repeat left 5px;border-bottom:0 solid #aaa;cursor:pointer;float:left;list-style:none;position:relative;margin:0 1px 0 0;padding:0 0 0 9px;top:0} #obstv div.headerBlocTabset ul.tabset li a{background:url(../images/obstv/header-tab-a-bg.gif) no-repeat right 5px;color:#56606a;display:block;float:left;font-size:12px;font-weight:normal !important;outline:none;padding:10px 9px 2px 0;text-align:center;width:175px;} #obstv div.headerBlocTabset ul.tabset li a:hover{color: #864596 !important;text-decoration: none} #obstv div.headerBlocTabset ul.tabset li:hover a,#obstv div.headerBlocTabset ul.tabset li.over a{color: #864596 !important;} #obstv div.headerBlocTabset ul.tabset li:hover, #obstv div.headerBlocTabset ul.tabset li.current, #obstv div.headerBlocTabset ul.tabset li.over{background:url(../images/obstv/header-tab-li-hover-bg.gif) no-repeat left top;border-bottom:1px solid #dbdbdb;top:0} #obstv div.headerBlocTabset ul.tabset li:hover a, #obstv div.headerBlocTabset ul.tabset li.current a, #obstv div.headerBlocTabset ul.tabset li.over a{background:url(../images/obstv/header-tab-a-hover-bg.gif) no-repeat right top;color:#864596;padding:9px 9px 3px 0} #obstv div.headerBlocTabset ul.tabset li.current a{font-weight:bold !important;} #obstv div.headerBlocTabset ul.tabset a strong{background:url(../images/obstv/picto-cam-gris.png) no-repeat left center;font-weight:normal !important;padding-left:25px} #obstv div.headerBlocTabset ul.tabset li:hover a strong, #obstv div.headerBlocTabset ul.tabset li.current a strong, #obstv div.headerBlocTabset ul.tabset li.over a strong{background-image:url(../images/obstv/picto-cam-violet.png);font-weight:bold !important} div.zoneVideo div#video{padding:5px 0 0} div.zoneVideo div#video .miniature_video_link{float:right;position:relative} div.zoneVideo div#video .miniature_video_mask{background:url(../images/videos/player-video-home.png) no-repeat 35px 2px;height:120px;position:absolute;width:160px} div.zoneVideo div#video .miniature_video_img{height:120px;margin:0 0 15px 15px;width:160px} #obstv div.selectionBloc{background:url(../images/obstv/bloc-bg-arrondi-deg.gif) no-repeat bottom left #fff;display:block;float:left;min-height:220px;-height:200px} #obstv div.selectionBloc div.zoneVideo{display:block;float:left;-height:230px;margin:10px 0px 0px 10px;-margin:10px 0px 0px 5px;width:252px} #obstv div.selectionBloc div.zoneVideo div#video{background:#000;display:block;float:left;height:180px;padding:0;width:240px} #obstv div.selectionBloc div.zoneVideo div#video img{border:0;margin-left:6px} #obstv div.selectionBloc div.zoneVideo div#video a{cursor:pointer} #obstv div.selectionBloc div.zoneVideo div#video div.mask{-behavior:url(js/iepngfix.htc);background:url(../images/obstv/mask-video-240x180.gif) left top;height:235px;position:absolute;width:252px;z-index:1} #obstv div.selectionBloc div.zoneVideo div#video div.mask div{margin-top:17px;width:156px} #obstv div.zoneVideo div#video p{margin:7px 0;text-align:left} #obstv div.selectionBloc div.zoneText{display:block;float:right;line-height:1.5em;margin:0px 10px 0px 10px;-margin:0px 7px 0px 10px;width:320px;-width:315px} #obstv div.selectionBloc div.zoneText #sujet h3.titre, #obstv div.selectionBloc div.zoneText #sujet h3.titre a{color:#864596;font-size:20px;line-height:1.6em;margin-top:30px;text-decoration:none} #obstv div.selectionBloc div.zoneText #sujet .soustitre, #obstv div.selectionBloc div.zoneText #sujet .soustitre a{color:#4f4f4f;font-size:15px;font-weight:bold;line-height:1.3em;text-decoration:none} #obstv div.selectionBloc div.zoneText #sujet h3.titre a:hover, #obstv div.selectionBloc div.zoneText #sujet .soustitre a:hover{text-decoration:underline} #obstv div.selectionBloc div.zoneText #credits{color:#787878;font-size:11px;margin:8px 0} #obstv div.selectionBloc div.zoneText #infos, #obstv div.selectionBloc div.zoneText #tags{color:#56606a;line-height:1.2em} #obstv div.selectionBloc div.zoneText #infos strong, #obstv div.selectionBloc div.zoneText #tags strong{display:inline-block;font-size:12px;width:35px} #obstv div.selectionBloc div.zoneText #infos{margin-top:8px} #obstv div.selectionBloc div.zoneText #tags, #obstv div.selectionBloc div.zoneText #tags a{color:#56606a;font-size:11px;margin-top:8px; text-decoration:none} #obstv div.selectionBloc div.zoneText #tags a:hover{color:#669000;text-decoration:underline} #obstv div.selectionBloc div.zoneType{background:url(../images/obstv/boc-type-bg.gif) no-repeat left top;color:#fff;font-weight:bold;height:27px;position:absolute;margin-left:190px;-margin-right:5px;padding:5px 0 0 0;text-align:center;width:125px;} #obstv div.selectionBloc div.zoneType#interview{margin-right:0;-margin-right:-10px;padding-left:20px;text-align:left} #obstv div.selectionBloc div.zoneType#interview span{background:url(../images/obstv/picto-micro-blanc.png) no-repeat left center;-behavior: url(js/iepngfix.htc);padding-left:15px} /** * liste de videos */ #obstv div.listeVideosBloc{float:left;padding-left:5px;padding-top:15px;width:599px} #obstv div.videosAssociees div.listeVideosBloc{width:495px} #obstv ul.videosTwoCols{display:block;list-style:none;margin:0;overflow:hidden;padding:0} #obstv ul.videosTwoCols li{background:url(../images/obstv/liste-videos-li-bg.gif) no-repeat left top;border:0;display:inline;float:left;list-style:none;margin-bottom:15px;margin-right:4px;min-height:90px;padding:0;position:relative;-height:90px;width:295px} #obstv ul.videosTwoCols li:hover{background-image:url(../images/obstv/liste-videos-li-hover-bg.gif);cursor:pointer} #obstv ul.videosTwoCols div.video{display:block;float:left;margin:18px 0 0 6px;-margin:18px 0 0 3px;width:86px} #obstv ul.videosTwoCols div.video img{border:0;margin-left:8px} #obstv ul.videosTwoCols div.video a:hover{cursor:pointer} #obstv ul.videosTwoCols div.video div.mask{background:url(../images/obstv/mask-video-70x52.gif) left top;-behavior:url(js/iepngfix.htc);height:66px;position:absolute;width:86px;z-index:1} #obstv ul.videosTwoCols dl{display:block;float:right;margin:0;width:185px} #obstv ul.videosTwoCols dt,#obstv ul.videosTwoCols dt a{color:#4f4f4f;font-size:12px;font-weight:bold;line-height:1.5em;margin-top:15px;text-decoration:none} #obstv ul.videosTwoCols dd,#obstv ul.videosTwoCols dd a{color:#656565;font-size:11px;text-decoration:none} #obstv ul.videosTwoCols dd{padding-right:13px} /** * */ #obstv h3.contenuRel{background:url(../images/obstv/h-fleche.gif) no-repeat left top;color:#669000;display:inline;float:left;font-weight:bold;font-size:16px;height:23px;padding:8px 0 0 36px;margin:28px 0 0 8px;text-decoration:none;width:553px} div.clear{clear:both} div.spacer{clear:both;background:#DBDBDB;height:15px} div#h10px.spacer{height:10px} div#h15px.spacer{height:15px} div#h20px.spacer{height:20px} div#h30px.spacer{height:30px} div.spacerBlank{clear:both;height:15px} /** * bloc video */ #obstv div.blocVideo{clear:both;float:left;background: url(../images/obstv/bloc-video-body-bg.gif) no-repeat left top;min-height:300px;width:604px;} #obstv div.blocVideo div.bgVideo{background:url(../images/obstv/bloc-bg-arrondi-deg.gif) no-repeat bottom center} #obstv div.blocVideo div.zoneVideo{clear:both;display:block;margin:0 auto;width:558px} #obstv div.blocVideo div.zoneVideo div.mask{background:url(../images/obstv/mask-video-558.png) no-repeat left top;-behavior: url(js/iepngfix.htc);height:68px;position:absolute;width:558px;z-index:1} #obstv div.blocVideoHeader{background:url(../images/obstv/bloc-video-header-bg.gif) no-repeat left top;clear:both;float:left;height:82px;width:604px} #obstv div.blocVideoHeader h2{background:none;color:#56606a;float:right;font-size:18px;line-height:1.3em;margin:8px 10px 0 0;padding:0;width:380px} #obstv div.blocVideoHeader span.type{color:#6d3e85;font-size:18px} #obstv div.blocVideoHeader div#infos{color:#56606a;float:left;font-size:11px; margin:10px 0px 0 80px;-margin:10px 0px 0 40px;width:110px} #obstv div.blocVideoHeader div#infos strong{display:inline-block;font-size:11px; width:35px} #obstv div.blocVideoAbout{clear:both;float:left;margin-bottom:15px;width:604px;} #obstv div.blocVideoAbout div.aPropos, #obstv div.blocVideoAbout div.aProposFull{float:left;line-height:1.4em;margin-left:23px;-margin-left:13px;width:278px} #obstv div.blocVideoAbout div.aProposFull{width:557px} #obstv div.blocVideoAbout div.aPropos h3, #obstv div.blocVideoAbout div.aProposFull h3{color:#3e3f3f;font-size:13px;margin-bottom:20px} #obstv div.blocVideoAbout div.aPropos div#text, #obstv div.blocVideoAbout div.aProposFull div#text{font-size:12px;color:#3e3f3f;margin:0 0 10px 0} #obstv div.blocVideoAbout div.aPropos #tags, #obstv div.blocVideoAbout div.aProposFull #tags{color:#56606a; line-height:1.2em} #obstv div.blocVideoAbout div.aPropos #tags strong, #obstv div.blocVideoAbout div.aProposFull #tags strong{display:inline-block;font-size:12px;width:35px} #obstv div.blocVideoAbout div.aPropos #tags, #obstv div.blocVideoAbout div.aPropos #tags a, #obstv div.blocVideoAbout div.aProposFull #tags, #obstv div.blocVideoAbout div.aProposFull #tags a{color:#56606a;font-size:11px;margin-top:8px;text-decoration:none;margin-top:8px} #obstv div.blocVideoAbout div.aPropos #tags a:hover, #obstv div.blocVideoAbout div.aProposFull #tags a:hover{color:#669000;text-decoration:underline} #obstv div.blocVideoAbout div.logo{float:right;padding-left:10px} #obstv div.blocVideoAbout div.logo img{border:1px solid #ccc} #obstv div.blocVideoAbout div.logo img a{border:0} #obstv div.blocVideoAbout a.extra{background:url(../images/obstv/picto-a-extra.gif) no-repeat left center;color:#669000;display:block;margin:4px 0;padding-left:15px;text-decoration:none;} #obstv div.blocVideoAbout a:hover.extra{text-decoration:underline} #obstv div.blocVideoAbout a.contacter{background:url(../images/obstv/bouton-contacter-bg.gif) no-repeat top left;clear:both;color:#fff;display:block;float:none;font-size:13px;font-weight:bold;height:39px;line-height:1.5em;padding-left:50px;padding-top:9px;text-decoration:none;width:211px} #obstv div.blocVideoAbout a:hover.contacter{text-decoration:underline} #obstv div.blocVideoAbout div.videosAssociees{float:right;margin-right:23px;-margin-right:11px;width:265px} #obstv div.blocVideoAbout div.videosAssociees h3{background-image:url(../images/obstv/picto-cam-grisclair.png);background-position:5px center;background-repeat:no-repeat;color:#9fa8b1;font-size:13px;padding-left:28px} #obstv div.blocVideoAbout div.videosAssociees a.plus{margin-right:0;margin-top:-15px} /** liste */ #obstv div.videosAssociees ul.videosOneCol{border:0 solid #ff0000;display:block;list-style:none;margin:0;padding:0} #obstv div.videosAssociees ul.videosOneCol li{background:url(../images/obstv/liste-videos-associees-li-bg.gif) no-repeat left top;border:0;display:inline;float:left;list-style:none;margin-bottom:15px;margin-right:4px;min-height:90px;-height:90px;padding:0;position:relative;width:265px} #obstv div.videosAssociees ul.videosOneCol li:hover{background-image:url(../images/obstv/liste-videos-associees-li-hover-bg.gif);cursor:pointer} #obstv div.videosAssociees ul.videosOneCol div.video{display:block;float:left;margin:18px 0 0 6px;-margin:18px 0 0 3px;width:86px} #obstv div.videosAssociees ul.videosOneCol div.video img{border:0;margin-left:8px} #obstv div.videosAssociees ul.videosOneCol div.video a:hover{cursor:pointer} #obstv div.videosAssociees ul.videosOneCol div.video div.mask{background:url(../images/obstv/mask-video-70x52.gif) left top;-behavior:url(js/iepngfix.htc);z-index:1;height:66px;position:absolute;width:86px} #obstv div.videosAssociees ul.videosOneCol dl{display:block;float:right;margin:0;width:165px} #obstv div.videosAssociees ul.videosOneCol dt, #obstv div.videosAssociees ul.videosOneCol dt a{color:#4f4f4f;font-size:12px;font-weight:bold;line-height:1.5em;margin-top:15px;text-decoration:none} #obstv div.videosAssociees ul.videosOneCol dd, #obstv div.videosAssociees ul.videosOneCol dd a{color:#656565;font-size:11px;text-decoration:none} #obstv div.videosAssociees div.moreBloc{float:left;padding-left:8px} #obstv div.videosAssociees div.moreBloc a{font-size:11px} /** */ #obstv div.blocVideoLiensEnseigne {clear:both;float:left;width:604px} #obstv div.blocVideoLiensEnseigne div.bouton{float:left;margin-left:20px;-margin-left:15px;width:272px} #obstv div.blocVideoLiensEnseigne div.bouton a{background:url(../images/obstv/bloc-video-bouton-enseigne.gif) no-repeat top left;color:#3e3f3f;display:block;font-size:12px;height:62px;line-height:1.5em;padding-top:10px;text-align:center;text-decoration:none;width:272px} #obstv div.blocVideoLiensEnseigne div.bouton a:hover{background-image:url(../images/obstv/bloc-video-bouton-enseigne-hover.gif);color:#669000} #obstv div.blocVideoLiensEnseigne div.bouton a strong{display:block;font-size:16px} #obstv div.bgVideo div.zoneVideo div#video div{margin:10px 0 30px}