/* --- STYLES DE BASE : CSS RESET --- */ 
body {margin: 0; padding: 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;} 
body.deficient {font-size:15px;}
h1, h2, h3, h4, h5, h6 {padding: .5em 0 .2em 0;font-weight: bold; font-style: normal; margin:0;} 
h1 {font-size: 1.75em;} 
h2 {font-size: 1.5em;} 
h3 {font-size: 1.25em;} 
h4 {font-size: 1em;} 
ul, ol{padding: .75em 0 .75em 32px; margin: 0;} 
p {padding: .5em 0; margin:0;} 
address {margin: .75em 0; font-style: normal;} 
a{cursor:pointer; outline:none;} 
a img {border: none;} 
em {font-style: italic;} 
strong{font-weight: bold;} 
form, fieldset {margin: 0;padding: 0;border: none;} 
input, button, select {vertical-align: middle;}
.cleaner{margin:0; padding:0; width:0; height:0; overflow:hidden;clear:both;}
#infobulle {color:black;position:absolute;border:2px solid #C68450;padding:10px;;width:300px;opacity:0.91;filter:alpha(opacity:91);background-color:#FFFDF2;}

/*FONTFACE*/
@font-face {font-family: 'DINBlack';src: url('dinb41-webfont.eot');src: url('dinb41-webfont.eot?#iefix') format('embedded-opentype'),url('dinb41-webfont.woff') format('woff'),url('dinb41-webfont.ttf') format('truetype'),url('dinb41-webfont.svg#DINBlack') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DINBold';src: url('din-bold-webfont.eot');src: url('din-bold-webfont.eot?#iefix') format('embedded-opentype'),url('din-bold-webfont.woff') format('woff'),url('din-bold-webfont.ttf') format('truetype'),url('din-bold-webfont.svg#DINBold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'DINRegular';src: url('dinr52-webfont.eot');src: url('dinr52-webfont.eot?#iefix') format('embedded-opentype'),url('dinr52-webfont.woff') format('woff'),url('dinr52-webfont.ttf') format('truetype'),url('dinr52-webfont.svg#DINRegular') format('svg');font-weight: normal;font-style: normal;}	
.din_black{font-family: 'DINBlack';}
.din{font-family: 'DINRegular';}
.din_bold{font-family: 'DINBold';}


.btn_partage_mail {display:block;position:absolute;top:10px;right:240px;width:78px;height:20px;background:url(/images/partagerSiteAlsace20.png);}
.btn_partage_mail:hover {background-position:0 -20px;;}
.boxClose{position:absolute; top:0; right:0; background:url(/visionneuse/ajax/croix.png) no-repeat 0 -11px; width:11px; height:11px; text-indent:-9999px;}
.boxClose:hover{background-position:0 0px;}


/*encart no flash*/
#noflash {background-image:url(../images/encart_noflash.jpg);width:400px;height:146px;overflow:hidden;background-color:#000000;display:none; margin:auto;}
#fermer_noflash {display:block;float:right;width:100px;height:30px;}
#lien_adobe {clear:both;display:block;float:right;width:200px;height:50px;margin-top:45px;}

html, body {height:100%;}
body {background:url(../images/bg_site.gif) repeat;}
#halo {width:100%;height:837px;background:url(../images/halo-bkg.png) center top no-repeat;position:absolute;top:0px;left:0px;}
a, a:visited, a:active  {color:#F5850D;text-decoration:none; cursor:pointer;}
a:hover{color:#333333;}
#main {width:980px;padding:0px;margin:auto;position:relative;}

.sprite {background-image:url(../images/sprite.png);}

.inscriptionNewsletter{background-position:-890px -398px;display:inline-block;width:90px;height:22px;vertical-align:bottom;}
.inscriptionNewsletter:hover{background-position:-890px -420px;}

.separ {display:inline-block;padding:0px 10px;}
.ico_thema, .ico_thema_white{background-image:url(../images/picto_thematik.png);}
.ico_thema.news{background-position:0 0;}
.ico_thema.hebdo_dd{background-position:-29px 0;}
.ico_thema.rdv_sante{background-position:-58px 0;}
.ico_thema.culture{background-position:-87px 0;}
.ico_thema.sport{background-position:-116px 0;}
.ico_thema.econ{background-position:-145px 0;}
.ico_thema.art_vivre{background-position:-174px 0;}
.ico_thema.divert{background-position:-203px 0;}

.ico_thema.news.actif, .ico_thema.news:hover{background-position:0 -27px;}
.ico_thema.hebdo_dd.actif, .ico_thema.hebdo_dd:hover{background-position:-29px -27px;}
.ico_thema.rdv_sante.actif, .ico_thema.rdv_sante:hover{background-position:-58px -27px;}
.ico_thema.culture.actif, .ico_thema.culture:hover{background-position:-87px -27px;}
.ico_thema.sport.actif, .ico_thema.sport:hover{background-position:-116px -27px;}
.ico_thema.econ.actif, .ico_thema.econ:hover{background-position:-145px -27px;}
.ico_thema.art_vivre.actif, .ico_thema.art_vivre:hover{background-position:-174px -27px;}
.ico_thema.divert.actif, .ico_thema.divert:hover{background-position:-203px -27px;}

.ico_thema_white.news{background-position:0 -54px;}
.ico_thema_white.hebdo_dd{background-position:-29px -54px;}
.ico_thema_white.rdv_sante{background-position:-58px -54px;}
.ico_thema_white.culture{background-position:-87px -54px;}
.ico_thema_white.sport{background-position:-116px -54px;}
.ico_thema_white.econ{background-position:-145px -54px;}
.ico_thema_white.art_vivre{background-position:-174px -54px;}
.ico_thema_white.divert{background-position:-203px -54px;}


/* --------------- Bandeau ---------------- */
#top_bar {width:970px;margin:auto;}
#bandeau_top {height:117px;background:url(../images/bg_top.gif) repeat-x;position:relative;}
#logo {display:block;background-position:-564px 0;width:260px;height:8px;position:absolute;top:0px;left:20px; padding-top:90px; color:#5d5d5d; font-size:14px;}
#top_links {display:block;position:absolute;top:6px;right:15px;text-align:right;}
#top_links a{color:#4c4c4c;}
#top_links a:hover{color:#f5850d;}
#pub_top {position:absolute;top:40px;left:360px;width:468px;height:60px; background:#fff; text-align:center; color:#9c9c9c;}
#accessibilite {position:absolute;top:90px;right:15px;text-align:right;}
#accessibilite a{color:#4c4c4c;}
#accessibilite a.actif,#accessibilite a:hover {color:#f5850d;}
#accessibilite a#taille_normale{font-size:12px;}
#accessibilite a#taille_moyenne{font-size:14px;}
#accessibilite a#taille_grande{font-size:16px;}
#menu {height:49px;background:url(../images/bg_menu.png) repeat-x;position:relative;}
#menu .left_border {height:40px;width:4px;position:absolute;top:0px;left:0px;background-position:0 0;}
#menu .right_border {height:40px;width:269px;position:absolute;top:0px;right:0px;background-position:-10px 0;}
#menu #champ_recherche { border:none; width:140px; height:15px; position:absolute; top:13px; right:123px; font-size:10px; color:#9c9c9c;}
#menu #submit_rech {display:block; position:absolute; width:100px; height:17px; top:12px; right:14px;}
#menu #menu_items {padding:1px 280px 12px 10px;height:38px;}
#menu_items .separ {width:2px;height:38px;background-position:-280px 0;margin:0px 15px; padding:0;}
#menu_items a {display:inline-block;height:38px;line-height:400px;overflow:hidden;margin-top:-70px}
#menu_home {width:155px;background-position:0 -136px;}
#menu_home:hover, #menu_home.actif {background-position:0 -174px;}
#menu_live {width:145px;background-position:0 -60px;}
#menu_live:hover, #menu_live.actif {background-position:0 -98px;}
#menu_prog_tv {width:115px;background-position:-192px -60px;}
#menu_prog_tv:hover,  #menu_prog_tv.actif{background-position:-192px -98px;}
#menu_emissions {width:73px;background-position:-344px -60px;}
#menu_emissions:hover, #menu_emissions.actif{background-position:-344px -98px;}
#menu_event {width:91px;background-position:-454px -60px;}
#menu_event:hover, #menu_event.actif{background-position:-454px -98px;}

/* --------------------- Colonne principale ------------ */
.hr{height:52px; background:url(../images/fond_titre_video.png) bottom repeat-x; width:672px;margin:0px auto 8px auto; position:relative;}
.bulle_titre{position:absolute;}
#main_col {width:740px;float:left;}
#main_col .bloc {}
#main_col .head_bloc {height:21px;background-position:0 -212px;}
#main_col .contenu_bloc {background:url(../images/fond_box.png) repeat-y;padding:10px 22px 0 10px;}
#main_col .foot_bloc {height:21px;background-position:0 -233px;}
#trailer{padding:5px 14px; padding-top:0; color:#333; font-size:0.9em;}
#trailer a{color:#f5850d;}
.title_flv{color:#fff;}
.title_flv.no_flash {display:inline-block;font-size:20px;padding:2px 5px;margin:10px 0 0 11px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:#666 0px -1px 1px;}

/* --------------------- Colonne de droite ------------- */
#right_col {width:240px;float:right; padding-top:5px; overflow:hidden;}

/* --------------------- Footer ------------- */
#footer{ width:970px; margin:0 auto;}
#top_footer{height:4px; background-position:0 -254px;}
#ctnu_footer{background:#fff url(../images/fond_footer.gif) bottom repeat-x; padding:10px 20px; }
#ctnu_footer a{color:#333;}
#ctnu_footer a:hover{color:#f5850d;}

.menu_bas_11{font-size:11px;}
.col_footer {float:left;}
.col_footer div {}
.col_footer .n1 {font-size:1.33em;line-height:1.4em;}
.col_footer .n2 {font-size:1em;line-height:1.75em;}
.col_footer .nsp {line-height:1.65em;}
#ctnu_footer .col_footer a, #ctnu_footer .col_footer {color:#f5850d;}
#ctnu_footer .col_footer a:hover{color:#333;}


#bloc_coord_pdf_pub{float:right; width:174px; color:#3f83d0; padding-top:20px; font-size:11px;}
#encart_pub_tarif{display:block; width:174px; height:81px; background-position:-577px -98px; margin-top:10px;}
#bottom_left{float:left;}
#bottom_right{float:right; font-size:11px;}

/*widget*/
.widget{margin-bottom:10px; position:relative;}
.widget_head{ height:11px; background-position:-181px -260px;}
.widget_content{background:url(../images/fond_widget.png) repeat-y; padding:5px 18px 5px 25px; position:relative; }
.widget_footer{height:11px; background-position:-181px -271px;}
#meteo_head{height:100px; background-position:-181px -282px;}
#meteo_content{ margin-top:-50px; font-size:0.9em; color:#333;}
.meteo_title{font-size:1.4em; padding-top:5px;}
#retrouvez_head{height:100px; background-position:-430px -290px;}
#retrouvez_nous {width:192px;height:107px;overflow:hidden;position:relative; margin-top:-50px; border:1px solid #e0e0e0}
#retrouvez_nous img {position:absolute;top:0px;left:0px;}
#tag_head{height:100px; background-position:0 -400px;}
#tag_content{ margin-top:-50px; }
#tweeter_top{height:99px; background-position:-680px -290px; position:relative;}
#logo_twitter{display:block; position:absolute; width:27px; height:27px; background-position:-520px -140px; right:5px; top:5px; }
#ctn_tweet{margin-top:-50px; font-size:0.9em;}
.twit a{color:#40c6f4;}
.twit a:hover{text-decoration:underline;}
.twit{border-top:1px solid #e0e0e0; padding:10px 0; }
.tw_pict{float:left;width:48px;height:48px;}
.div_twit{float:right; width:140px;}
.tw_time{font-size:10px; color:#8d8d8d; font-style:italic;}
#logo_facebook{display:block; float:left; width:60px; height:60px; background-position:-920px -160px;}
#texte_facebook{color:#3b5997; float:right; width:120px; padding:5px 0;}

/*VIDEO*/
.bulle_titre#a_la_une{width:119px; height:52px; background-position:-861px 0; top:0px; left:-6px;}
.bulle_titre#live{width:75px; height:50px; background-position:-905px -52px; top:0px; left:-6px;}
.hr .twitter-share-button{position:absolute; right:110px;width:110px; top:10px;text-align:center;}
#title_video{font-size:1.7em; color:#333; padding-top:10px;}
#desc_video{color:#333;}
#desc_video a{color:#f5850d;}
#desc_video a:hover{text-decoration:underline;}

/*EMISSIONS*/
.bulle_titre#nos_emissions{width:180px; height:53px; background-position:-800px -104px; top:-1px; left:-8px;}
#pick_thema {position:absolute;right:0px;top:4px;text-align:right;vertical-align:middle;}
#pick_thema div {height:27px;width:29px;display:inline-block;margin:0 2px;vertical-align:middle; cursor:pointer;float:left}
#pick_thema span{;float:left;}
#pick_thema #pick_all_thema {width:92px; background-position:-350px 0;margin-top:0;}
#pick_thema #pick_all_thema.actif,  #pick_thema #pick_all_thema:hover{width:92px; background-position:0 -543px;}
#liste_emissions {width:698px;margin:auto;padding-bottom:5px;}
.row_even, .row_odd {padding:8px 0 5px 0;}
.row_odd {background:url(../images/bg_emi_odd.gif) repeat;}
.ctnr_emiss {float:left;width:330px;padding-left:10px; position:relative}
.img_emi {width:169px;height:104px;float:left;position:relative;background-position:0 -260px; margin-right:10px;}
.img_emi img {width:162px;height:98px; position:absolute; top:1px; left:3px;}
.img_emi .ico_thema_white {position:absolute;width:29px;height:27px;top:73px;left:136px; }
.emi_title {font-size:1.4em;padding-bottom:4px; color:#333;}
.emi_desc {font-size:0.9em; z-index:3;  color:#333;}
.emi_btns {padding-top:5px;}
.btn_voir_emi {display:block;width:87px;height:18px;background-position:-350px -30px; position:absolute; bottom:5px; left:190px; z-index:5;}
.btn_voir_emi:hover {background-position:0 -573px;}
.btn_voir_emi_cbox{display:block;width:87px;height:18px;background-position:-350px -30px;}
.btn_voir_emi_cbox:hover{background-position:0 -573px;}
.info_emi {display:block;width:20px;height:18px;margin-right:4px;cursor:pointer;background-position:-498px 0; position:absolute;  bottom:5px; right:5px; z-index:5;}
.info_emi:hover {background-position:-148px -543px;}
.pagination {padding:7px 0px; text-align:center;}

/*LAST_VIDS*/
.bulle_titre#last_vids{width:250px; height:54px; background-position:-192px -136px; top:-2px; left:-4px;}
#last10_vids {position:relative;}
#last10_vids .arrow_left {position:absolute;top:35px;left:0px;width:22px;height:22px;cursor:pointer;background-position:-454px -136px;}
#last10_vids .arrow_right {position:absolute;top:35px;right:0px;width:22px;height:22px;cursor:pointer;background-position:-476px -136px;}
#last10_vids .arrow_left:hover {position:absolute;top:35px;left:0px;width:22px;height:22px;cursor:pointer;background-position:-454px -158px;}
#last10_vids .arrow_right:hover {position:absolute;top:35px;right:0px;width:22px;height:22px;cursor:pointer;background-position:-476px -158px;}
#last10_viewport {position:relative;margin:0 21px;width:648px;overflow:hidden;}
#last10_scroller {position:relative;top:0px;left:0px;width:1620px;}
#last10_scroller a.vid {display:block;width:162px;float:left;position:relative;cursor:pointer;color:black}
#last10_scroller a.vid:hover {color:#F68411;}
#last10_scroller .last10_img {display:block;padding:0 5px 12px 5px;/* inclure l'ombre de l'image*/}
#last10_scroller .last10_img img {width:152px;height:85px;}
#last10_scroller .play_btn {position:absolute;display:block;width:33px;height:33px;top:26px;left:64px;background-position:-445px 0;}
#last10_scroller .ico_thema_white {position:absolute;display:block;right:5px;top:58px;width:29px;height:27px;}
#last10_scroller .title_emi {display:block;padding:0 5px 2px 5px;font-size:0.83em;text-transform:uppercase;}
#last10_scroller .title_vid {display:block;padding:0 5px 5px 5px; font-size:1.33em;line-height:0.94em;}
#last10_scroller .desc_vid {display:block;padding:0 5px;font-size:0.9em;}

/*VIDEOS*/
.zone_img .play_btn {position:absolute;display:block;width:33px;height:33px;top:38px;left:85px;background-position:-445px 0;}

#videos_from_emission {padding:0 4px;}
#videos_from_emission .row_even, #videos_from_emission .row_odd {padding:15px;}
#videos_from_emission .row_odd {background:url(/images/bg_emi_odd.gif) repeat;}
#videos_from_emission .zone_img {width:245px;height:140px;float:left;}
#videos_from_emission .zone_img img {width:200px;height:110px;display:block;margin-bottom:10px;}
#videos_from_emission .lien_video {display:block;width:160px;height:18px;background-position:-760px -180px;}
#videos_from_emission .nom_emi {color:#333;}
#videos_from_emission .nom_vid a{font-size:1.2em;color:#333;}
#videos_from_emission .desc_vid {font-size:0.9em;color:#333;}
#videos_from_emission .desc_vid a{color:#F68411;}
#videos_from_emission .desc_vid a:hover{text-decoration:underline;}

/*GRILLE DES PROGRAMMES*/
#table_prog{margin-top:10px; color:#333;}
#table_prog .row_even, #table_prog .row_odd {height:100px;}
#table_prog .img_prog{margin:0 15px 0 5px; border:1px solid #ddd; width:172px; height:98px;}
#table_prog .date_prog{font-size:2em;}
#table_prog .titre_prog{color:#f5850d;}
#table_prog .btn_voir_emi{position:absolute; left:0; }
#journee_grill{width:480px; position:absolute; top:-35px; right:0;}
.day_grille{display:inline-block; height:16px; margin:0 3px;}
.day_grille#lundi{background-position:-250px -400px; width:42px;}
.day_grille#mardi{background-position:-306px -400px; width:45px;}
.day_grille#mercredi{background-position:-364px -400px; width:70px;}
.day_grille#jeudi{background-position:-446px -400px; width:41px;}
.day_grille#vendredi{background-position:-498px -400px; width:69px;}
.day_grille#samedi{background-position:-579px -400px; width:52px;}
.day_grille#dimanche{background-position:-645px -400px; width:71px;}
.selected#lundi, #lundi:hover{background-position:-250px -420px; width:42px;}
.selected#mardi, #mardi:hover{background-position:-306px -420px; width:45px;}
.selected#mercredi, #mercredi:hover{background-position:-364px -420px; width:70px;}
.selected#jeudi, #jeudi:hover{background-position:-446px -420px; width:41px;}
.selected#vendredi, #vendredi:hover{background-position:-498px -420px;}
.selected#samedi, #samedi:hover{background-position:-579px -420px; width:52px;}
.selected#dimanche, #dimanche:hover{background-position:-645px -420px; width:71px;}


/* Widget mots cles */
#tag_content {text-align:justify;}
#tag_content a{color:black;}
#tag_content a:hover{color:#F5850D;}
.tag_cl_0 {font-size:1.7em;font-weight:600;}
.tag_cl_1 {font-size:1.5em;font-weight:600;}
.tag_cl_2 {font-size:1.3em;font-weight:500;}
.tag_cl_3 {font-size:1.0em;}
.tag_cl_4 {font-size:0.9em;}