/* ## vBegin ## Eclydre Web Manager v1.0.0 ## Dateversion 2008-07-16 ## File : ../../../cms/template//css/html4.css ## Changelogs : nc; ## vEnd */ /* ----------------- GENERAL ------------------ */ html body { background:#1878a0 url(../image/bg_tv5monde.png) repeat-y center center;} @font-face { font-family: "AmasisMTBold"; font-style: normal; font-weight: bold; src: local("AmasisMTBold"), url("../font/amasimtbol-webfont.woff") format("woff"), url("../font/amasimtbol-webfont.ttf") format("truetype"), url("../font/amasimtbol-webfont.svg#webfontCwwiE8pQ") format("svg"); } @font-face { font-family: "Amasis-Medium"; font-style: normal; font-weight: normal; src: url("../font/amasimtmed-webfont.eot?") format("eot"), url("../font/amasimtmed-webfont.woff") format("woff"), url("../font/amasimtmed-webfont.ttf") format("truetype"), url("../font/amasimtmed-webfont.svg#webfontPjJ2Cndo") format("svg"); } .amasis-bol { font-family: 'AmasisMTBold' !important; font-weight: bold; } .amasis-med { font-family: 'AmasisMedium' !important; font-weight: normal; } .bg_couleur_orange { background:#E8831E url(../image/bg_tv5monde_orange.png) repeat-y center center;} .bg_couleur_neutre { background:#C5C5C5 url(../image/bg_tv5monde_neutre.png) repeat-y center center;} .bg_couleur_framboise { background:#B11F60 url(../image/bg_tv5monde_framboise.png) repeat-y center center;} .bg_couleur_enseigner { background:#A90A20 url(../image/bg_tv5monde_enseigner.png) repeat-y center center;} .bg_couleur_apprendre { background:#9FA124 url(../image/bg_tv5monde_apprendre.png) repeat-y center center;} .main_content{margin:0 auto; position:relative; background-color:#fff; text-align:left; overflow:hidden} .d_1024, .d_950 { width: 998px; margin: 0 auto; } .d_800, .d_769 { width: 769px; margin: 0 auto; } .d_1024 .d_content .main_content {width: 977px;} .d_950 .d_content .main_content {width:/* 977px;*/950px} .d_800 .d_content .main_content { width: 769px;} .d_769 .d_content .main_content {width: 769px;} .d_1024 .d_decal{margin-left:-5px} .d_950 .d_decal{margin-left:/*-22px*/ -32px} .d_800 .d_decal{margin-left:-15px} .d_769 .d_decal{margin-left:0} .d_tv5 .clear { clear: both; line-height: 0px; font-size: 0px; overflow: hidden; height: 0px; margin: 0px; padding: 0px; } .d_tv5 .d_content { min-height: 200px;} * html .d_tv5 .d_content { height: 200px; } .d_800 .btn_ok_outils{vertical-align:middle} .d_769 .btn_ok_outils{vertical-align:middle} .d_tv5 .d_tools{float:right;margin-right:15px;height:40px;} .d_tv5 .d_tools img{display:none} .d_tv5 .d_tools #tv5alexandria img{display:block;margin-top:5px} .d_tv5 .d_tools a{border-left:1px solid #FFF;display:block;} .d_tv5 .d_tools a:hover{border-left:1px solid #FFF;display:block;} .d_tv5 .div_print { margin: 15px 0px 0px 0; height:25px; width:28px; float:left; background:url(../image/bt_print.png) no-repeat top left;border-left:1px solid #F3F3F3;} .d_tv5 .div_print a{height:25px; width:28px;} .d_tv5 .div_tip { margin: 15px 0px 0px 0; height:25px; width:28px; float:left; background:url(../image/bt_tip.png) no-repeat top left;border-left:1px solid #F3F3F3;} .d_tv5 .div_tip a{height:25px; width:28px;} .div_share_min .at300bs.at15t_expanded, .div_share_min .at300bs.at15t_compact{margin:0;background:none;} .d_tv5 .div_share { float: right; margin: 15px 0px 0px !important; float:left; border-left:1px solid #F3F3F3;} .d_tv5 .div_share a{height:auto; width:auto; padding:5px 5px 4px 5px} .d_tv5 .div_share_min { margin: 15px 0px 0px 0px; width: 24px; height:25px; float:left; border-left:1px solid #F3F3F3;background:url(../image/bt_share.png) no-repeat top left;} .div_share_min .addthis_default_style .at300b, .div_share_min .addthis_default_style .at300m{padding:0} #overlay { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; opacity: 0.50; display: none; z-index: 10000; filter:alpha(opacity=50); -moz-opacity: 0.50; } #window { background:#1f3861; position: fixed; left: 0; top: 0; border: solid 4px #1482b3; display: none; margin: 0 auto; z-index: 10001; overflow: hidden; color:#fff; width:410px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px} #window #fSZ .left{width:50%;float:left;margin:0;padding:0;border:none;} #window #fSZ .right{width:50%;float:right;border:none;margin:0;padding:0} #window #choix_signal{border:none} #window ul, #window li{list-style:none} #window div{margin:0 15px 0 15px;border-bottom:1px solid #25a4db;padding-bottom:10px;} *+html #window div{zoom:1} #window h2{font-size:12px; color:#25a4db;padding-bottom:5px;font-weight:normal;margin:0} #window ul{padding:10px 0 0 0;margin:0} #window li{padding:0 0 2px 0;margin:0} *+html #choix_signal input{height:1%} #window #choix_zone{margin-bottom:10px} #windowtools .bt_fermer, #window .bt_fermer{position:absolute;top:0;right:0;display:block;width:68px;background:#1482B3;color:#fff;font-size:11px;text-align:center;} #window .choix_langue{color:#25A4DB;margin:0 15px;border-bottom:1px solid #25A4DB; padding-bottom:10px; margin-bottom:15px} #window .choix_langue li{display:inline;} #window .choix_langue li a{color:#25A4DB} #window .choix_langue li.act a{color:#fff} #window .prescription{font-size:11px;border-bottom:0;clear:both;} #window .fsubmit{float:right;margin:8px 16px 0 0;} #window input{vertical-align:middle;margin-right:5px;} .disabled { font-style: italic; color: #999; } * html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') } * html #window { margin-top: 0px; position: absolute} *+html div.pubCont {background:none;border: none; margin: 0px; padding: 0px;} * html div.pubCont {background:none;border: none; margin: 0px; padding: 0px;} .publicite div.pubCont, #publiciteTop div.pubCont{background:#dcd9d3 url(../image/bg_pub.png) repeat-x top left;margin:0;padding:0 0 1px 0;border:none;width:100%} div.pubCont {text-align: center; background-color:#dcd9d3; background-image: url(../image/pub/mention_verti.jpg); background-repeat:no-repeat; background-position: 105px -5px;border-top: 5px solid #dcd9d3;border-bottom: 5px solid #dcd9d3; margin-bottom: 5px;} div.bloc_promomiddle{text-align: center; background-color:#dcd9d3; background-image: url(../image/pub/mention_hori.jpg); background-repeat:no-repeat; padding: 20px 0px 5px 0px; margin: 0px 5px 5px 5px;} object#video embed { background-color:#000000; } * html .div_print, * html .div_tip, * html .div_share_min, * html .main_content{ behavior: url(/cms/template/css/iepngfix.htc) } * html .d_1024 .d_content, * html .d_800 .d_content, * html .d_950 .d_content, * html .d_769 .d_content {background:none} /* GLOBALE */ .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } .media_gauche .media { float: left; } #metanav img, #logotv5 img, #menumain img, #breadcrump img, #breadcrumpbottom img, #egalement img, #footertv5 img, #footertools img { border:none} /* _____________________________ NAVIGATION __________________________*/ #metanav ul, #logotv5 ul, #menumain ul, #footertv5 ul, #footertools ul { list-style:none; margin:0; padding:0} #menumain .bloc_lien_int { padding-top:5px} /* metanav */ #metanav { height: 36px; background: url(../image/navigation/sprite_x_navigation.png) repeat-x 0 -272px; font-family:Arial, Helvetica, sans-serif; } #metanav a { background-image: none !important; padding-left: 0px !important; text-decoration:none} .nav_metanav { float: left; } .nav_metanav ul li { display: inline; } .nav_metanav ul li span { display: none; } #metanav .bloc_lien_int { padding-top: 0; } /* outils */ .nav_outils { float: right;} .nav_outils ul li { float: left; margin-right: 5px; width: 110px; } .nav_outils ul li img{ float: left; width: 30px; } .nav_outils ul li span{ float: left; width: 75px; font-size: 11px; font-weight: bold; padding-top: 3px;} .nav_outils ul li a { color: #FFF; display: block; overflow: hidden; height: 36px; } .nav_outils ul li a:hover { background: #000;color:#00A8F6 } .addthis_toolbox a { color:#595959; text-decoration:none} /* signal / zone */ /*.d_800 #choixsignalzone, .d_769 #choixsignalzone { display: none; }*/ .d_800 #choixsignalzone { float:right; } #choixsignalzone { float:left; background: url(../image/navigation/bg_signalzone.png) no-repeat 0 0; color: #FFF; padding-left: 30px; padding-top: 5px; font-size: 10px; display: block; height: 31px; width: 170px; margin-left: 60px; position: relative; } #choixsignalzone.act { background: url(../image/navigation/bg_signalzone.png) no-repeat 0 0 #000;} #choixsignalzone #choixsignalzone_change { display: none; position: absolute; top: 0; right: 170px; } #choixsignalzone.act #choixsignalzone_change { display: block; } #choixsignalzone_change { background: url(../image/navigation/signal_hover.png) no-repeat 1px -32px;height: 36px; padding-left: 10px; } #choixsignalzone_change a { background: url(../image/navigation/signal_hover.png) no-repeat right 1px !important; height: 36px; display: block; padding-right: 28px; color: #fff; font-size: 10px; } #choixsignalzone_change span { background: url(../image/navigation/signal_hover.png) repeat-x 0 -68px; height: 30px; display: block; white-space: nowrap; line-height: 11px; padding-top: 6px;} .d_800 .d_outils, .d_769 .d_outils { display: none; } /* bandeau logo */ #logotv5 { height: 64px; background: #fff; font-family:Arial, Helvetica, sans-serif; } #logotv5 .logotv5 { float: left; } #logotv5 a { background: none !important; padding-left: 0px !important;} #logotv5 h2 { background: none !important; height: auto !important; line-height: normal; padding: 0 !important; margin:0} /* lien site local */ .d_800 #choixsitelocal, .d_769 #choixsitelocal { display: none; } #choixsitelocal { float: left; margin-left: 95px; width: 250px; } #choixsitelocal a { display: block; background:url(../image/navigation/bg_sitelocal.png) no-repeat 0 0 !important; padding-left: 40px !important; margin-top: 19px; line-height: 27px; font-weight: bold; font-size: 13px; font-family: Serif; text-transform: uppercase; color:#595959; text-decoration:none } #choixsitelocal a:hover { background: url(../image/navigation/bg_over_sitelocal.png) no-repeat 0 0 !important; color: #009de0; text-decoration: none; } /* liens exergue */ #logotv5 .exergue { float: right; width: 190px; padding-top: 10px; } #logotv5 .exergue li a { background: url(../image/navigation/sprite_x_navigation.png) no-repeat 0 -426px !important; padding-left: 13px !important; color: #2190d0; display: block; font-size: 10px; line-height:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none } #logotv5 .exergue li a:hover { text-decoration:underline} #logotv5 .exergue li a span { font-size: 10px;line-height:13px; font-family:Arial, Helvetica, sans-serif } /* nous suivre */ #logotv5 .noussuivre { float: right; padding: 10px 0 0 15px; width: 245px; height: 54px; background: url(../image/navigation/sprite_x_navigation.png) no-repeat left -358px;} #logotv5 .noussuivre h2 { font-size: 11px; color: #595959; font-weight:bold; margin-bottom:5px} #logotv5 .noussuivre ul li { float: left; margin-right: 4px; width: 20px; } #logotv5 .noussuivre ul li span { display: none; } /* MENUTOP GENERAL */ #menumain { height: 44px; background: url(../image/navigation/sprite_x_navigation.png) repeat-x left -228px; font-family:Arial, Helvetica, sans-serif; } /* surcharge local.css*/ #menumain div, #menumain span, #menumain a, #metanav div, #metanav span, #metanav a, #logotv5 div, #logotv5 span, #logotv5 a, .breadcrump, .breadcrump a { font-family:Arial, Helvetica, sans-serif} #menumain #menutop a { text-decoration:none} #menumain #menutop .layercol1 a span { font-size:13px} #menumain #menutop { float: left; position: relative; z-index:4999 } #menumain #menutop li { float: left; margin-right: 1px; height: 43px; } #menumain #menutop li span { display: none; } #menumain #menutop li a { display: block; height: 43px; cursor: pointer; } #menumain #menutop li.li1 a { margin-left: 13px; width: 116px; background: url(../image/navigation/bg_menu.png) no-repeat top left; } #menumain #menutop li.li2 a { width: 118px; background: url(../image/navigation/bg_menu.png) no-repeat -116px top; } #menumain #menutop li.li3 a { width: 157px; background: url(../image/navigation/bg_menu.png) no-repeat -234px top; } #menumain #menutop li.li4 a { width: 139px; background: url(../image/navigation/bg_menu.png) no-repeat -391px top; } #menumain #menutop li.li5 a { width: 87px; background: url(../image/navigation/bg_menu.png) no-repeat -530px top; } #menumain #menutop li.li6 a { width: 109px; background: url(../image/navigation/bg_menu.png) no-repeat -617px top; } #menumain #menutop li.li1 a.act { background: url(../image/navigation/menu_act_programmes.png) no-repeat top left; } #menumain #menutop li.li2 a.act { background: url(../image/navigation/menu_act_info.png) no-repeat top left; } #menumain #menutop li.li3 a.act { background: url(../image/navigation/menu_act_lf.png) no-repeat top left; } #menumain #menutop li.li4 a.act { background: url(../image/navigation/menu_act_divertissement.png) no-repeat top left; } #menumain #menutop li.li5 a.act { background: url(../image/navigation/menu_act_pratique.png) no-repeat top left; } #menumain #menutop li.li6 a.act { background: url(../image/navigation/menu_act_tv5mondeplus.png) no-repeat top left; } #menumain #menutop li.li1 a:hover, #menumain #menutop li.li1.over a { background: url(../image/navigation/menu_over_programmes.png) no-repeat -2px 0; } #menumain #menutop li.li2 a:hover, #menumain #menutop li.li2.over a { background: url(../image/navigation/menu_over_info.png) no-repeat top left; } #menumain #menutop li.li3 a:hover, #menumain #menutop li.li3.over a { background: url(../image/navigation/menu_over_lf.png) no-repeat top left; } #menumain #menutop li.li4 a:hover, #menumain #menutop li.li4.over a { background: url(../image/navigation/menu_over_divertissement.png) no-repeat top left; } #menumain #menutop li.li5 a:hover, #menumain #menutop li.li5.over a { background: url(../image/navigation/menu_over_pratique.png) no-repeat top left; } #menumain #menutop li.li6 a:hover, #menumain #menutop li.li6.over a{ background: url(../image/navigation/menu_over_tv5mondeplus.png) no-repeat top left; } .menutoplayer { display: none; position: absolute; top: 43px; left: 0px; z-index: 9999; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; font-size:12px} #menumain #menutop .over .menutoplayer { display: block; } /* surcharge feuille de style apprendre et enseigner*/ .menutoplayer h2 { background:none; padding:0; margin:0; font-weight:bold; line-height:normal} /* layer programme */ #menumain #menutop li.li1 .menutoplayer a { background: none; margin-left: 0px; width: auto; } #menumain #menutop li.li1 .menutoplayer a span { display: inline } #menumain #menutop li .menutoplayer li { float: none; display: block; height: auto; } #menumain #menutop #menutoplayer1 { width: 998px; background: url(../image/navigation/bg_layer_programme.png) repeat-y top left; } .d_800 #menumain #menutop #menutoplayer1, .d_769 #menumain #menutop #menutoplayer1 { width: 769px; background: url(../image/navigation/bg_layer_programme_800.png) repeat-y top left; } #menumain #menutop #menutoplayer1 .layercol1 { float: left; width: 203px; padding: 20px 20px 20px 15px;} .d_800 #menumain #menutop #menutoplayer1 .layercol1, .d_769 #menumain #menutop #menutoplayer1 .layercol1 { width: 150px; padding: 20px 10px; } #menumain #menutop #menutoplayer1 .layercol1 li { margin-bottom: 20px;} #menumain #menutop #menutoplayer1 .layercol1 .item1 { background: url(../image/navigation/layer_separator.png) no-repeat bottom left; } #menumain #menutop #menutoplayer1 .layercol1 .item2 { background: url(../image/navigation/layer_separator.png) no-repeat bottom left; } #menumain #menutop #menutoplayer1 .layercol1 .item3 { margin-bottom: 0px; } #menumain #menutop #menutoplayer1 .layercol1 a { display: block; height: 53px; color: #FFF; padding: 10px 30px 0 78px; font-weight: bold; font-size: 13px;} .d_800 #menumain #menutop #menutoplayer1 .layercol1 a, .d_769 #menumain #menutop #menutoplayer1 .layercol1 a { padding: 10px 30px 0 58px; } #menumain #menutop #menutoplayer1 .layercol1 a:hover { color: #00A8F6 } #menumain #menutop li.li1 #menutoplayer1 .layercol1 .item1 a { background: url(../image/navigation/layer_programme_accueil.png) no-repeat top left;} #menumain #menutop li.li1 #menutoplayer1 .layercol1 .item2 a { background: url(../image/navigation/layer_programme_selection.png) no-repeat top left; } #menumain #menutop li.li1 #menutoplayer1 .layercol1 .item3 a { background: url(../image/navigation/layer_programme_grille.png) no-repeat top left; } #menutoplayer1 .layercol2 { float: left; width: 330px; padding: 20px; } .d_800 #menutoplayer1 .layercol2, .d_769 #menutoplayer1 .layercol2 { width: 200px; padding: 20px 10px; background: #585554;} #menutoplayer1 .layercol2 .bloc_coreliens { float: left; width: 145px; padding-right: 20px;} .d_800 #menutoplayer1 .layercol2 .bloc_coreliens, .d_769 #menutoplayer1 .layercol2 .bloc_coreliens { width: 90px; padding-right: 10px;} #menutoplayer1 .layercol2 h2 { font-size: 13px; color: #fff; height: 40px; font-family:Arial, Helvetica, sans-serif; margin:0 } #menumain #menutop li.li1 #menutoplayer1 .layercol2 a { height: auto; display: block; padding: 4px; color: #fff; font-size: 11px; } #menumain #menutop li.li1 #menutoplayer1 .layercol2 a:hover { background: #22739B } .layer_programme_lien_col2, .d_tv5 .layer_programme_lien_col2 { margin-top: 40px; } #menutoplayer1 .layercol3 { float: right; width: 350px; padding: 20px; color: #fff; } .d_800 #menutoplayer1 .layercol3, .d_769 #menutoplayer1 .layercol3 { padding: 20px 10px; } #menutoplayer1 .layercol3 h2 { font-size: 13px; color: #fff; height: 40px; margin-left: 5px; } #menumain #menutop #menutoplayer1 .layercol3 a { height: auto; } .layervod { float: left; width: 170px; } .layervod a { float: left; } #menutoplayer1 .layercol3 .layervod h2 { height: auto; margin: 20px 0 5px 5px; } .layercol1 .bloc_coreliens h2 { display:none} .layercol2 h2 { font-size: 13px; color: #fff; height: auto; margin:0; padding:0; font-weight:bold; line-height:normal} .layercol3 .bloc_coreliens { margin-top:20px} .layercol3 .bloc_coreliens:first-child { margin-top:0} /* layer infos */ #menumain #menutop li.li2 .menutoplayer a { background: none; margin-left: 0px; width: auto; height: auto; } #menumain #menutop li.li2 .menutoplayer a span { display: inline } #menumain #menutop #menutoplayer2 { width: 998px; background: url(../image/navigation/bg_layer_standard.png) repeat-y top left; } .d_800 #menumain #menutop #menutoplayer2, .d_769 #menumain #menutop #menutoplayer2 { width: 769px; background: url(../image/navigation/bg_layer_standard_800.png) repeat-y top left; } #menumain #menutop #menutoplayer2 .layercol1 { float: left; width: 240px; padding: 20px 20px 20px 15px;} .d_800 #menumain #menutop #menutoplayer2 .layercol1, .d_769 #menumain #menutop #menutoplayer2 .layercol1 { width: 170px; padding: 20px 10px;} #menumain #menutop #menutoplayer2 .layercol1 li { background: url(../image/navigation/layer_separator.png) no-repeat bottom left;} #menumain #menutop #menutoplayer2 .layercol1 .maison .item1 { padding-bottom: 5px; } #menumain #menutop #menutoplayer2 .layercol1 a { display: block; color: #FFF; height: auto; padding: 6px 4px; font-weight: normal; font-size: 12px; background: url(../image/navigation/layer_link.png) no-repeat top left; padding-left: 30px; } #menumain #menutop #menutoplayer2 .layercol1 a:hover { background-color: #22739B; } #menumain #menutop #menutoplayer2 .layercol1 .maison .item1 a { background: url(../image/navigation/layer_home.png) no-repeat 0 0; font-size:12px; font-weight:bold; } #menumain #menutop li.li2 #menutoplayer2 .layercol1 .item1 a:hover { background-color: #22739B; } #menutoplayer2 .layercol2 { float: left; width: 370px; padding: 20px 20px 20px 30px; } .d_800 #menutoplayer2 .layercol2, .d_769 #menutoplayer2 .layercol2 { width: 375px; padding: 20px 0px; } #menutoplayer2 .layercol3 { float: right; width: 260px; padding: 20px; color: #fff; } .d_800 #menutoplayer2 .layercol3, .d_769 #menutoplayer2 .layercol3 { width: 175px; padding: 20px 10px; } #menutoplayer2 .layercol3 h2 { font-size: 13px; color: #fff; height: 30px; } .d_800 #menutoplayer2 .layercol3 h2, .d_769 #menutoplayer2 .layercol3 h2 { height: auto; margin-bottom: 15px; } #menumain #menutop li.li2 #menutoplayer2 .layercol3 a { height: auto; display: block; padding: 4px; color: #fff; font-size: 11px; } #menumain #menutop li.li2 #menutoplayer2 .layercol3 a:hover { background: #22739B } .bloc_navbloc { background: url(../image/navigation/bg_layer.png) no-repeat top left; width: 330px; height: 70px; padding: 25px; } .d_tv5 .bloc_navbloc { padding: 25px; } .bloc_navbloc .info { padding-left: 135px; } .bloc_navbloc a { color: #FFF; } .bloc_navbloc a:hover { color: #00A8F6 } /* layer lf */ #menumain #menutop li.li3 .menutoplayer a { background: none; margin-left: 0px; width: auto; height: auto; } #menumain #menutop li.li3 .menutoplayer a span { display: inline } #menumain #menutop #menutoplayer3 { width: 998px; background: url(../image/navigation/bg_layer_standard.png) repeat-y top left; } .d_800 #menumain #menutop #menutoplayer3, .d_769 #menumain #menutop #menutoplayer3 { width: 769px; background: url(../image/navigation/bg_layer_standard_800.png) repeat-y top left; } #menumain #menutop #menutoplayer3 .layercol1 { float: left; width: 240px; padding: 20px 20px 20px 15px;} .d_800 #menumain #menutop #menutoplayer3 .layercol1, .d_769 #menumain #menutop #menutoplayer3 .layercol1 { width: 170px; padding: 20px 10px;} #menumain #menutop #menutoplayer3 .layercol1 li { background: url(../image/navigation/layer_separator.png) no-repeat bottom left;} #menumain #menutop #menutoplayer3 .layercol1 .maison .item1 { padding-bottom: 5px; } #menumain #menutop #menutoplayer3 .layercol1 a { display: block; color: #FFF; height: auto; padding: 6px 4px; font-weight: normal; font-size: 12px; background: url(../image/navigation/layer_link.png) no-repeat top left; padding-left: 30px; } #menumain #menutop #menutoplayer3 .layercol1 a:hover { background-color: #22739B; } #menumain #menutop li.li3 #menutoplayer3 .layercol1 .maison .item1 a { background: url(../image/navigation/layer_home.png) no-repeat top left; font-size:13px; font-weight:bold; } #menumain #menutop li.li3 #menutoplayer3 .layercol1 .item1 a:hover { background-color: #22739B; } #menutoplayer3 .layercol2 { float: left; width: 370px; padding: 20px 20px 20px 30px; } .d_800 #menutoplayer3 .layercol2, .d_769 #menutoplayer3 .layercol2 { width: 375px; padding: 20px 0px; } #menutoplayer3 .layercol3 { float: right; width: 260px; padding: 20px; color: #fff; } .d_800 #menutoplayer3 .layercol3, .d_769 #menutoplayer3 .layercol3 { width: 175px; padding: 20px 10px; } #menutoplayer3 .layercol3 h2 { font-size: 13px; color: #fff; height: 30px; } .d_800 #menutoplayer3 .layercol3 h2, .d_769 #menutoplayer3 .layercol3 h2 { height: auto; margin-bottom: 15px; } #menumain #menutop li.li3 #menutoplayer3 .layercol3 a { height: auto; display: block; padding: 4px; color: #fff; font-size: 11px; } #menumain #menutop li.li3 #menutoplayer3 .layercol3 a:hover { background: #22739B } /* layer divertissement */ #menumain #menutop li.li4 .menutoplayer a { background: none; margin-left: 0px; width: auto; height: auto; } #menumain #menutop li.li4 .menutoplayer a span { display: inline } #menumain #menutop #menutoplayer4 { width: 998px; background: url(../image/navigation/bg_layer_standard.png) repeat-y top left; } .d_800 #menumain #menutop #menutoplayer4, .d_769 #menumain #menutop #menutoplayer4 { width: 769px; background: url(../image/navigation/bg_layer_standard_800.png) repeat-y top left; } #menumain #menutop #menutoplayer4 .layercol1 { float: left; width: 240px; padding: 20px 20px 20px 15px;} .d_800 #menumain #menutop #menutoplayer4 .layercol1, .d_769 #menumain #menutop #menutoplayer4 .layercol1 { width: 170px; padding: 20px 10px;} #menumain #menutop #menutoplayer4 .layercol1 li { background: url(../image/navigation/layer_separator.png) no-repeat bottom left;} #menumain #menutop #menutoplayer4 .layercol1 .maison .item1 { padding-bottom: 10px; } #menumain #menutop #menutoplayer4 .layercol1 a { display: block; color: #FFF; height: auto; padding: 8px 4px; font-weight: bold; font-size: 13px; background: url(../image/navigation/layer_link.png) no-repeat top left; padding-left: 30px; } #menumain #menutop #menutoplayer4 .layercol1 a:hover { background-color: #22739B; } #menumain #menutop li.li4 #menutoplayer4 .layercol1 .maison .item1 a { background: url(../image/navigation/layer_home.png) no-repeat top left; } #menumain #menutop li.li4 #menutoplayer4 .layercol1 .item1 a:hover { background-color: #22739B; } #menutoplayer4 .layercol2 { float: left; width: 370px; padding: 20px 20px 20px 30px; } .d_800 #menutoplayer4 .layercol2, .d_769 #menutoplayer4 .layercol2 { width: 375px; padding: 20px 0px; } #menutoplayer4 .layercol2 h2 { font-size: 13px; color: #fff; height: auto; margin:0; padding:0;} #menutoplayer4 .layercol3 { float: right; width: 260px; padding: 20px; color: #fff; } .d_800 #menutoplayer4 .layercol3, .d_769 #menutoplayer4 .layercol3 { width: 175px; padding: 20px 10px; } #menutoplayer4 .layercol3 h2 { font-size: 13px; color: #fff; height: 30px; } .d_800 #menutoplayer4 .layercol3 h2, .d_769 #menutoplayer4 .layercol3 h2 { height: auto; margin-bottom: 15px; } #menumain #menutop li.li4 #menutoplayer4 .layercol3 a { height: auto; display: block; padding: 4px; color: #fff; font-size: 11px; } #menumain #menutop li.li4 #menutoplayer4 .layercol3 a:hover { background: #22739B } /* layer pratique */ #menumain #menutop li.li5 .menutoplayer a { background: none; margin-left: 0px; width: auto; height: auto; } #menumain #menutop li.li5 .menutoplayer a span { display: inline } #menumain #menutop #menutoplayer5 { width: 998px; background: url(../image/navigation/bg_layer_standard.png) repeat-y top left; } .d_800 #menumain #menutop #menutoplayer5, .d_769 #menumain #menutop #menutoplayer5 { width: 769px; background: url(../image/navigation/bg_layer_standard_800.png) repeat-y top left; } #menumain #menutop #menutoplayer5 .layercol1 { float: left; width: 240px; padding: 20px 20px 20px 15px;} .d_800 #menumain #menutop #menutoplayer5 .layercol1, .d_769 #menumain #menutop #menutoplayer5 .layercol1 { width: 170px; padding: 20px 10px;} #menumain #menutop #menutoplayer5 .layercol1 li { background: url(../image/navigation/layer_separator.png) no-repeat bottom left;} #menumain #menutop #menutoplayer5 .layercol1 .maison .item1 { padding-bottom: 10px; } #menumain #menutop #menutoplayer5 .layercol1 a { display: block; color: #FFF; height: auto; padding: 8px 4px; font-weight: bold; font-size: 13px; background: url(../image/navigation/layer_link.png) no-repeat top left; padding-left: 30px; } #menumain #menutop #menutoplayer5 .layercol1 a:hover { background-color: #22739B; } #menumain #menutop li.li5 #menutoplayer5 .layercol1 .maison .item1 a { background: url(../image/navigation/layer_home.png) no-repeat top left; } #menumain #menutop li.li5 #menutoplayer5 .layercol1 .item1 a:hover { background-color: #22739B; } #menutoplayer5 .layercol2 { float: left; width: 370px; padding: 20px 20px 20px 30px; } .d_800 #menutoplayer5 .layercol2, .d_769 #menutoplayer5 .layercol2 { width: 375px; padding: 20px 0px; } #menutoplayer5 .layercol2 h2 { font-size: 13px; color: #fff; height: auto; margin:0; padding:0;} #menutoplayer5 .layercol3 { float: right; width: 260px; padding: 20px; color: #fff; } .d_800 #menutoplayer5 .layercol3, .d_769 #menutoplayer5 .layercol3 { width: 175px; padding: 20px 10px; } #menutoplayer5 .layercol3 h2 { font-size: 13px; color: #fff; height: 30px; } .d_800 #menutoplayer5 .layercol3 h2, .d_769 #menutoplayer5 .layercol3 h2 { height: auto; margin-bottom: 15px; } #menumain #menutop li.li5 #menutoplayer5 .layercol3 a { height: auto; display: block; padding: 4px; color: #fff; font-size: 11px; } #menumain #menutop li.li5 #menutoplayer5 .layercol3 a:hover { background: #22739B } /* layer tv5monde+ */ #menutoplayer6 { left: 500px; } .d_800 #menutoplayer6, .d_769 #menutoplayer6 { left: 379px; } #menumain #menutop li.li6 .menutoplayer a { background: none; margin-left: 0px; width: auto; } #menumain #menutop li.li6 .menutoplayer a span { display: inline } #menumain #menutop li .menutoplayer li { float: none; display: block; height: auto; } #menumain #menutop #menutoplayer6 { width: 390px; background: url(../image/navigation/bg_layer_programme.png) repeat-y top right; } #menutoplayer6 .layercol3 { float: right; width: 350px; padding: 20px; color: #fff; } #menutoplayer6 .layercol3 h2 { font-size: 13px; color: #fff; height: 40px; margin-left: 5px; } #menumain #menutop #menutoplayer6 .layercol3 a { height: auto; } .layervod { float: left; width: 170px; } .layervod a { float: left; } #menutoplayer6 .layercol3 .layervod h2 { height: auto; margin: 20px 0 5px 5px; } /* recherche */ .d_800 #globalsearch, .d_769 #globalsearch { display: none; } #menumain #globalsearch { padding: 0; margin: 0 14px 0 0; float: right; display: none;} #menumain #globalsearch #globalsearch_txt { background: url(../image/navigation/bg_menu.png) no-repeat -725px top; width: 155px; height: 43px; margin: 0; border: medium none; float: left; padding: 0 0 0 15px; font-size:11px; line-height:44px; color:#888; } #menumain #globalsearch #globalsearch_txt:focus { outline: 0 none; } #menumain #globalsearch #globalsearch_submit { background:url(../image/navigation/bg_menu.png) no-repeat -895px top; width: 26px; height: 43px; border: 0 none; margin: 0; float: left;cursor:pointer } /* PUB */ #pubtop { height: 90px; padding: 5px 0; border-bottom: solid 10px white; background: #E3E0DC;} #pubtop #publiciteTop { background: none; } /* fil d'arianne */ #breadcrump { height: 25px; margin: 0px 11px 0 10px; background: url(../image/navigation/sprite_x_navigation.png) repeat-x left -308px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; } #breadcrumpbottom { height: 25px; margin: 0 11px 10px 10px; background: url(../image/navigation/sprite_x_navigation.png) repeat-x left -332px; font-family:Arial, Helvetica, sans-serif;} .d_800 #breadcrump { margin:0 15px 0 17px; } .d_800 #breadcrumpbottom { margin:0 15px 10px 17px} .d_950 #breadcrump { margin:0 24px 0 24px; } .d_950 #breadcrumpbottom { margin:0 24px 10px 24px} #footerPrint { margin:0 !important} #breadcrump .breadcrump, #breadcrumpbottom .breadcrump { float: left; color: #818181; font-size: 10px; line-height: 25px; padding-left: 3px; } #breadcrump .breadcrump a, #breadcrumpbottom .breadcrump a { color: #818181; } .breadcrump a { text-decoration:none} .breadcrump a:hover { text-decoration:underline} #breadcrump .d_tools *, #breadcrumpbottom .d_tools * { margin: 0; border: medium none; } .d_tv5 #breadcrump .div_share, .d_tv5 #breadcrumpbottom .div_share { margin: 0 !important; border: medium none; font-size: 10px; } .d_tv5 .d_tools { height: 26px; margin-right: 4px; } .d_tv5 .div_print { background: url(../image/navigation/icon_print.png) no-repeat 0 5px; } .d_tv5 .div_tip { background: url(../image/navigation/icon_send.png) no-repeat 0 5px; } .d_tv5 .div_share a { padding: 5px 3px 0 3px; } #choix_languebaseline, #choix_languemain { font-size: 11px; font-family: Tahoma,Arial,sans-serif,Geneva; } ul#choix_languemain { background: none repeat scroll 0 0 transparent; color: #76716C; float: left; height: 25px; position: relative; text-transform: uppercase; width: auto; z-index: 1000; line-height: 25px; } ul#choix_languemain li { background: none; padding: 0 5px; border-left: solid 1px transparent; border-right: solid 1px transparent; height:25px;line-height:25px;} ul#choix_languemain li ul li{ border: none; height:auto; line-height:normal; text-transform: none; padding: 0 5px;} ul#choix_languemain li ul li a{display:inline;margin:0;} ul#choix_languemain li.act { } ul#choix_languemain li ul { top: 25px; left: -1px; } ul#choix_languemain li.act ul li a { padding: 0px; } * html ul#choix_languemain li ul li{ text-align: left; } #breadcrump .d_tools ul#choix_languebaseline li ul, #breadcrump .d_tools ul#choix_languemain li ul, #breadcrumpbottom .d_tools ul#choix_languemain li ul, #breadcrumpbottom .d_tools ul#choix_languemain li ul { background: none repeat scroll 0 0 #D9E0EA; border-bottom: 5px solid #25A3DA; padding: 10px 0; } #breadcrump .d_tools ul#choix_languebaseline li ul li, #breadcrump .d_tools ul#choix_languemain li ul li, #breadcrumpbottom .d_tools ul#choix_languebbottomline li ul li, #breadcrumpbottom .d_tools ul#choix_languemain li ul li { padding-right: 5px; } /* footer egalement */ #egalement { height: 228px; padding-left: 20px; background:url(../image/navigation/sprite_x_navigation.png) repeat-x 0 0; overflow:hidden } #egalement > h2 { text-transform:uppercase; color:#000; font-family:"AmasisMTBold"; font-size:18px; height:40px; padding:20px 5px 5px 5px; margin:0; background:none; line-height:normal} #egalement > h2 span { color: #2190D0; font-size:18px} .bloc_navfooterbloc { float: left; width: 185px; margin-right: 8px; } .bloc_navfooterbloc .media { height: 104px; } .bloc_navfooterbloc h2 { font-size: 12px; color: #000; font-weight: bold; margin:0; background:none; line-height:normal; height:auto; padding-left:0; font-family:Arial, Helvetica, sans-serif} .bloc_navfooterbloc h2 a { color: #000 !important; text-decoration:none } .bloc_navfooterbloc h2 a:hover { text-decoration:underline} .d_800 .bloc_navfooterbloc, .d_769 .bloc_navfooterbloc { width: 143px; margin-right: 3px; } .d_800 .bloc_navfooterbloc .media, .d_769 .bloc_navfooterbloc .media { height: 81px; } .d_800 .bloc_navfooterbloc .media img, .d_769 .bloc_navfooterbloc .media img { height: 81px; width: 143px; } #egalement .media_haut_gauche .media { margin-bottom: 10px; } /* footer outils-chaine */ #footertv5 { padding: 20px 15px 20px 20px; text-align: left;overflow:hidden; font-family:Arial, Helvetica, sans-serif } #footertv5 a { background-image: none !important; padding-left: 0 !important; } #footertv5 h2, #footertools h2 { font-family:"AmasisMTBold"; text-transform:uppercase; font-weight: bold; font-size:12px; color:#2190D0; min-height:30px;margin:0; background:none; line-height:normal; height:auto; padding-left:0; } #footeroutils { float: left; width: 315px;font-size: 10px; } .d_tv5 #footeroutils div, .d_tv5 #footerchaine div{ font-size: 10px;} /*.d_800 #footeroutils, .d_769 #footeroutils { width: 365px; }*/ #footeroutils a { color: #595959; text-decoration:none} #footeroutils a span { font-size:10px} #footeroutils a:hover { color:#00A8F6; text-decoration:underline} #footeroutils .bloc_coreliens { float: left; width: 120px; padding-right: 20px; } /*.d_800 #footeroutils .bloc_coreliens, .d_769 #footeroutils .bloc_coreliens{ width: 145px; }*/ #footersuivre { float: left; width: 200px; margin-right: 55px; } .d_800 #footersuivre, .d_769 #footersuivre { width: 350px; padding-bottom: 20px;} #footersuivre a span { display: none;} #footersuivre li { display: inline; float: left; width: 35px; margin-bottom: 5px; } #footerchaine { float: left; width: 180px; font-size: 10px; } .d_800 #footerchaine, .d_769 #footerchaine { width: 150px; } #footerchaine a { color: #595959; text-decoration:none } #footerchaine a span { font-size:10px} #footerchaine a:hover { color:#00A8F6; text-decoration:underline } .footervod {float: right; width:205px; } .footervod .layervod { margin-top: 11px; float: left; width: 67px; height: 60px; background: url(../image/navigation/footer_vod1.png) no-repeat top left; padding: 9px 12px 12px 12px; } .d_800 .footervod , .d_769 .footervod { float: left; width: 255px; } .footervod .layervod h3 { color: #595959; font-size: 10px; text-transform: uppercase; margin-bottom: 3px;} .footervod .layervod:last-child { float: left; width: 75px; height: 60px; background: url(../image/navigation/footer_vod2.png) no-repeat top left; padding: 9px 0 12px 12px; } /* footer partenaire / recherche */ #footertools { margin: 0 20px; border-top: solid 1px #E3E1DD; padding: 20px 0 50px 0; clear:both; overflow:hidden} #footerpartenaire { float: left; width: 700px; font-size: 10px; } #footerpartenaire img { opacity:0.5; filter:alpha(opacity=50)} #footerpartenaire img:hover { opacity:1; filter:alpha(opacity=100)} .d_800 #footerpartenaire, .d_769 #footerpartenaire { width: auto; float: none; clear: both; margin-top: 20px; border-top: solid 1px #E3E1DD; padding-top: 20px; } #footerpartenaire a { background-image: none !important; padding-left: 0 !important; } #footerpartenaire .bloc_coreliens li { float: left; margin-right: 10px; } #footerpartenaire .bloc_coreliens li a span { display: none; } #fglobalsearch { float: right; width: 200px; display: none;} #fglobalsearch #fglobalsearch_txt { background: url(../image/navigation/bg_menu.png) no-repeat -926px top; width: 147px; height: 33px; margin: 0; border: medium none; float: left; padding: 0 0 0 15px; font-size: 11px; line-height:33px; color:#888; } #fglobalsearch #fglobalsearch_txt:focus { outline: 0 none; } #fglobalsearch #fglobalsearch_submit { background: url(../image/navigation/bg_menu.png) no-repeat -1087px top; width: 33px; height: 33px; border: 0 none; margin: 0; float: left; cursor:pointer } .d_800 #fglobalsearch, .d_769 #fglobalsearch { float: left; width: 315px; padding-bottom: 20px; } /* CONTENU - pages internes */ .d_1024, .d_950, .d_800, .d_769 { background: #FFF; } .d_1024 .d_content, .d_950 .d_content, .d_800 .d_content, .d_769 .d_content { background: #fff; } /* layer SIGNAL/ZONE */ #window { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../image/navigation/bg_layer_choixsignal.png) no-repeat top left; } #window #fSZ .left { float: none; width: auto; } #window #fSZ .right { float: none; width: auto; } #window .bt_fermer { width: 40px; height: 40px; display: block; background: url(../image/navigation/layer_close.png) no-repeat top left; font-size: 0;} #window .bt_fermer:hover { background: url(../image/navigation/layer_close_over.png) no-repeat top left; } #window #fSZ .choix_langue { border: none; color: #fff; margin: 0 30px 15px; padding-bottom: 10px; font-size: 11px; } #window #choix_signal { margin: 20px 30px; background: url(../image/navigation/layer_signal_separator.png ) repeat-x bottom left;} #window #choixsztitre { margin: 20px 30px; font-size: 20px; text-transform: uppercase; border: none; background: url(../image/navigation/layer_signal_separator.png ) repeat-x bottom left;} #window #choix_zone { margin: 20px 30px; background: url(../image/navigation/layer_signal_separator.png ) repeat-x bottom left; border: 0;} #window #choix_langue { margin: 20px 30px; background: url(../image/navigation/layer_signal_separator.png ) repeat-x bottom left; border: 0;} #window a.fsubmit { display: block; width: 96px; height: 60px; background: url(../image/navigation/layer_ok.png ) no-repeat top left; border: 0; font-size: 0; margin: 0 0 0 100px;} #window a.fsubmit:hover { background: url(../image/navigation/layer_ok_over.png ) no-repeat top left; } #window #fSZ h2 { color: #fff; font-size: 13px; font-weight: bold; } #window .prescription { margin: 0 30px; } #window #fSZ select {/*background: url(../image/navigation/bg_layer_select.png) repeat-x left center; color: #fff; border-color: darkgray;*/ height: 25px; } #window #fSZ select option { /*background: #454242;*/ border-bottom: solid 1px #595959; /*color: #fff;*/ padding: 5px 10px; } #window #fTIP input, #window #fTIP textarea { padding:0; margin:0} #window #fTIP .fsubmit { margin:30px 0 0 0} #fTIP { padding: 20px; } #fTIP p.required { color: #25a3da; margin: 20px 0px; } #fTIP label { display: block; margin: 5px 0px 0px 0px; }