/* -------------------------------- */
/* ------- >> GUIDE BLOC << ------- */
/* -------------------------------- */

div#guide-bloc{    
    float:left;
    padding-top:12px;
    position:relative;
    width:990px;
}

div#guide-bloc div.header{
    background:#fff;
    overflow:hidden;    
}

div#guide-bloc div.small-title-block{
    float:left;
    margin:0;
    padding:3px 0 0 16px;
    width:253px;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

ul#hours{
    float:left;
    overflow:hidden;
    padding-left:101px;
    background:#fff;
    width:619px;
    height:24px;
}

ul#hours li{
    background:url(../../_img/background/background-heure-guide.gif) 20px bottom no-repeat;
    color:#333;
    float:left; 
    font-weight:bold;
    position:relative;
    width:120px;
    height:24px;
    line-height:20px;
    z-index:10;
}

ul#hours li.current{
   background:url(http://s.radio-canada.ca/_img/background/background-guide-current-hour.png) left top no-repeat;
   color:#fff;
   font-weight:normal;
   height:39px;
   padding-top:2px;
   position:absolute;
   text-align:center;
   top:-15px;
   width:39px;
   z-index:1;
}

div#navigation-guide{
    display:block;
    overflow:hidden;
    padding:0;
    top:0;
    left:0;
    position:absolute; 
    width:720px; 
    height:21px; 
    z-index:50; 
    }
    
div#navigation-guide a.button-navigation{
    position:absolute;
    top:3px;
    display:block;
    width:30px;
    height:16px;
    background:#fff url(../../_img/button/button-navigation-guide.gif) right top no-repeat;
    z-index:10;
    }

div#navigation-guide a#previous{
    background-position:left top;
    left:0;
}

div#navigation-guide a#next{
    background-position:right top;
    right:0;
}

div#navigation-guide a#next span, 
div#navigation-guide a#previous span{display:none;}

div#guide-bloc div.right-col{
    float:left;
    width:270px;
}
div#guide-bloc div.right-col .header{
    height:24px;
    }

div#guide-bloc ul.channel{
    overflow:hidden; 
    border-right:1px solid white;
    }

div#guide-bloc ul.channel li{
    background:#707070;
    border-bottom:1px solid white;
    float:left;
    height:33px;
    overflow:hidden;
    padding:11px 0 0 17px;
    position:relative;
    width:252px;
}

div#guide-bloc ul.channel li.odd{background:#707070 url(../../_img/background/background-guide-television-odd.gif) left top repeat-x;}
div#guide-bloc ul.channel li.even{background:#707070 url(../../_img/background/background-guide-television-even.gif) left top repeat-x;}

div#guide-bloc ul.channel div.change-region,
div#guide-bloc ul.channel span.edition-nationale{
    background:none;
    clear:none;
    color:#fff;
    float:right;
    font-size:11px;
    margin:0;
    padding:3px 0 0 0;
    width:150px;
}

div#guide-bloc ul.channel span.edition-nationale{color:#b5b5b5;}

div#guide-bloc ul.channel div.change-region a{color:#fff;}

div#guide-bloc ul.channel li a.channel-name{
   display:block;
   float:left;
   height:31px;
   text-indent:-9999px;
   width:75px;
}

body div#guide-bloc li.channel-tele {
    height:39px;
    padding-top:5px;
}

body div#guide-bloc li.channel-tele a.channel-name {
    background:url(../../_img/background/background-channel-guide-tele.png) 0 0 no-repeat;
    float:none;
    height:23px;
    width:180px;
}

div#guide-bloc li.channel-tele div.change-region {
    float:none;
    padding:0;
    width:210px;
}

div#guide-bloc li.channel-rdi a.channel-name{background:url(../../_img/background/background-channel-guide-rdi.png) 0 0 no-repeat;}
div#guide-bloc li.channel-artv a.channel-name{background:url(../../_img/background/background-channel-guide-artv.png) 0 0 no-repeat;}

div#guide-bloc ul.channel li.channel-explora a.channel-name{
    background:url(../../_img/background/background-channel-guide-explora.png) 0 0 no-repeat; 
    height:42px; 
    margin-top:-9px;
}


body div#guide-bloc li.channel-radio {
    height:41px;
    padding-top:3px;
}

body div#guide-bloc li.channel-radio a.channel-name{
    background:url(../../_img/background/background-channel-guide-radio.png) 0 0 no-repeat;
    float:none;
    height:25px;
    width:210px;
}

div#guide-bloc li.channel-radio div.change-region {
    float:none;
    padding:0;
    width:210px;
}

div#guide-bloc li.channel-espace a.channel-name { background:url(../../_img/background/background-channel-guide-espace.png) 0 0 no-repeat; }

div#guide-bloc ul.channel li a.channel-name:focus{outline:1px dotted white;}

div#masqueGuideHoraire{
    width:720px; 
    overflow:hidden; 
    position:relative; 
    background:#8B8B8B;
    }

div#carousel-guide-bloc{
    float:left;
    position:relative;
    width:100000px;
}

div#guide-bloc div.plageHoraire
{
    width:720px;
    float:left;
}

div#scheduletable{width:720px;}

div#guide-bloc ul.emissions{
    float:left;
    height:44px;
    border-bottom:1px solid #fff;
    overflow:hidden;
    width:720px;   
}

div#guide-bloc ul.emissions li{
    background:url(../../_img/background/background-emission-guide.gif) left top repeat-x;
    color:#333;
    float:left;  
    height:44px;
    position:relative;
    display:block;
    overflow:hidden;
}

div#guide-bloc ul.emissions.channel-1 li{
    background:url(../../_img/background/background-emission-guide-top.gif) left top repeat-x;
}

div#guide-bloc ul.emissions li a{color:#fff;}

div#guide-bloc ul.emissions li a:focus{text-decoration:underline;}

div#guide-bloc ul.emissions li.length-1{width:4px;}
div#guide-bloc ul.emissions li.length-2{width:8px;}
div#guide-bloc ul.emissions li.length-3{width:12px;}
div#guide-bloc ul.emissions li.length-4{width:16px;}
div#guide-bloc ul.emissions li.length-5{width:20px;}
div#guide-bloc ul.emissions li.length-6{width:24px;}
div#guide-bloc ul.emissions li.length-7{width:28px;}
div#guide-bloc ul.emissions li.length-8{width:32px;}
div#guide-bloc ul.emissions li.length-9{width:36px;}

div#guide-bloc ul.emissions li.length-10{width:40px;}
div#guide-bloc ul.emissions li.length-11{width:44px;}
div#guide-bloc ul.emissions li.length-12{width:48px;}
div#guide-bloc ul.emissions li.length-13{width:52px;}
div#guide-bloc ul.emissions li.length-14{width:56px;}
div#guide-bloc ul.emissions li.length-15{width:60px;}
div#guide-bloc ul.emissions li.length-16{width:64px;}
div#guide-bloc ul.emissions li.length-17{width:68px;}
div#guide-bloc ul.emissions li.length-18{width:72px;}
div#guide-bloc ul.emissions li.length-19{width:76px;}

div#guide-bloc ul.emissions li.length-20{width:80px;}
div#guide-bloc ul.emissions li.length-21{width:84px;}
div#guide-bloc ul.emissions li.length-22{width:88px;}
div#guide-bloc ul.emissions li.length-23{width:92px;}
div#guide-bloc ul.emissions li.length-24{width:96px;}
div#guide-bloc ul.emissions li.length-25{width:100px;}
div#guide-bloc ul.emissions li.length-26{width:104px;}
div#guide-bloc ul.emissions li.length-27{width:108px;}
div#guide-bloc ul.emissions li.length-28{width:112px;}
div#guide-bloc ul.emissions li.length-29{width:116px;}

div#guide-bloc ul.emissions li.length-30{width:120px;}
div#guide-bloc ul.emissions li.length-31{width:124px;}
div#guide-bloc ul.emissions li.length-32{width:128px;}
div#guide-bloc ul.emissions li.length-33{width:132px;}
div#guide-bloc ul.emissions li.length-34{width:136px;}
div#guide-bloc ul.emissions li.length-35{width:140px;}
div#guide-bloc ul.emissions li.length-36{width:144px;}
div#guide-bloc ul.emissions li.length-37{width:148px;}
div#guide-bloc ul.emissions li.length-38{width:152px;}
div#guide-bloc ul.emissions li.length-39{width:156px;}

div#guide-bloc ul.emissions li.length-40{width:160px;}
div#guide-bloc ul.emissions li.length-41{width:164px;}
div#guide-bloc ul.emissions li.length-42{width:168px;}
div#guide-bloc ul.emissions li.length-43{width:172px;}
div#guide-bloc ul.emissions li.length-44{width:176px;}
div#guide-bloc ul.emissions li.length-45{width:180px;}
div#guide-bloc ul.emissions li.length-46{width:184px;}
div#guide-bloc ul.emissions li.length-47{width:188px;}
div#guide-bloc ul.emissions li.length-48{width:192px;}
div#guide-bloc ul.emissions li.length-49{width:196px;}

div#guide-bloc ul.emissions li.length-50{width:200px;}
div#guide-bloc ul.emissions li.length-51{width:204px;}
div#guide-bloc ul.emissions li.length-52{width:208px;}
div#guide-bloc ul.emissions li.length-53{width:212px;}
div#guide-bloc ul.emissions li.length-54{width:216px;}
div#guide-bloc ul.emissions li.length-55{width:220px;}
div#guide-bloc ul.emissions li.length-56{width:224px;}
div#guide-bloc ul.emissions li.length-57{width:228px;}
div#guide-bloc ul.emissions li.length-58{width:232px;}
div#guide-bloc ul.emissions li.length-59{width:236px;}

div#guide-bloc ul.emissions li.length-60{width:240px;}
div#guide-bloc ul.emissions li.length-61{width:244px;}
div#guide-bloc ul.emissions li.length-62{width:248px;}
div#guide-bloc ul.emissions li.length-63{width:252px;}
div#guide-bloc ul.emissions li.length-64{width:256px;}
div#guide-bloc ul.emissions li.length-65{width:260px;}
div#guide-bloc ul.emissions li.length-66{width:264px;}
div#guide-bloc ul.emissions li.length-67{width:268px;}
div#guide-bloc ul.emissions li.length-68{width:272px;}
div#guide-bloc ul.emissions li.length-69{width:276px;}

div#guide-bloc ul.emissions li.length-70{width:280px;}
div#guide-bloc ul.emissions li.length-71{width:284px;}
div#guide-bloc ul.emissions li.length-72{width:288px;}
div#guide-bloc ul.emissions li.length-73{width:292px;}
div#guide-bloc ul.emissions li.length-74{width:296px;}
div#guide-bloc ul.emissions li.length-75{width:300px;}
div#guide-bloc ul.emissions li.length-76{width:304px;}
div#guide-bloc ul.emissions li.length-77{width:308px;}
div#guide-bloc ul.emissions li.length-78{width:312px;}
div#guide-bloc ul.emissions li.length-79{width:316px;}

div#guide-bloc ul.emissions li.length-80{width:320px;}
div#guide-bloc ul.emissions li.length-81{width:324px;}
div#guide-bloc ul.emissions li.length-82{width:328px;}
div#guide-bloc ul.emissions li.length-83{width:332px;}
div#guide-bloc ul.emissions li.length-84{width:336px;}
div#guide-bloc ul.emissions li.length-85{width:340px;}
div#guide-bloc ul.emissions li.length-86{width:344px;}
div#guide-bloc ul.emissions li.length-87{width:348px;}
div#guide-bloc ul.emissions li.length-88{width:352px;}
div#guide-bloc ul.emissions li.length-89{width:356px;}

div#guide-bloc ul.emissions li.length-90{width:360px;}
div#guide-bloc ul.emissions li.length-91{width:364px;}
div#guide-bloc ul.emissions li.length-92{width:368px;}
div#guide-bloc ul.emissions li.length-93{width:372px;}
div#guide-bloc ul.emissions li.length-94{width:376px;}
div#guide-bloc ul.emissions li.length-95{width:380px;}
div#guide-bloc ul.emissions li.length-96{width:384px;}
div#guide-bloc ul.emissions li.length-97{width:388px;}
div#guide-bloc ul.emissions li.length-98{width:392px;}
div#guide-bloc ul.emissions li.length-99{width:396px;}

div#guide-bloc ul.emissions li.length-100{width:400px;}
div#guide-bloc ul.emissions li.length-101{width:404px;}
div#guide-bloc ul.emissions li.length-102{width:408px;}
div#guide-bloc ul.emissions li.length-103{width:412px;}
div#guide-bloc ul.emissions li.length-104{width:416px;}
div#guide-bloc ul.emissions li.length-105{width:420px;}
div#guide-bloc ul.emissions li.length-106{width:424px;}
div#guide-bloc ul.emissions li.length-107{width:428px;}
div#guide-bloc ul.emissions li.length-108{width:432px;}
div#guide-bloc ul.emissions li.length-109{width:436px;}

div#guide-bloc ul.emissions li.length-110{width:440px;}
div#guide-bloc ul.emissions li.length-111{width:444px;}
div#guide-bloc ul.emissions li.length-112{width:448px;}
div#guide-bloc ul.emissions li.length-113{width:452px;}
div#guide-bloc ul.emissions li.length-114{width:456px;}
div#guide-bloc ul.emissions li.length-115{width:460px;}
div#guide-bloc ul.emissions li.length-116{width:464px;}
div#guide-bloc ul.emissions li.length-117{width:468px;}
div#guide-bloc ul.emissions li.length-118{width:472px;}
div#guide-bloc ul.emissions li.length-119{width:476px;}

div#guide-bloc ul.emissions li.length-120{width:480px;}
div#guide-bloc ul.emissions li.length-121{width:484px;}
div#guide-bloc ul.emissions li.length-122{width:488px;}
div#guide-bloc ul.emissions li.length-123{width:492px;}
div#guide-bloc ul.emissions li.length-124{width:496px;}
div#guide-bloc ul.emissions li.length-125{width:500px;}
div#guide-bloc ul.emissions li.length-126{width:504px;}
div#guide-bloc ul.emissions li.length-127{width:508px;}
div#guide-bloc ul.emissions li.length-128{width:512px;}
div#guide-bloc ul.emissions li.length-129{width:516px;}

div#guide-bloc ul.emissions li.length-130{width:520px;}
div#guide-bloc ul.emissions li.length-131{width:524px;}
div#guide-bloc ul.emissions li.length-132{width:528px;}
div#guide-bloc ul.emissions li.length-133{width:532px;}
div#guide-bloc ul.emissions li.length-134{width:536px;}
div#guide-bloc ul.emissions li.length-135{width:540px;}
div#guide-bloc ul.emissions li.length-136{width:544px;}
div#guide-bloc ul.emissions li.length-137{width:548px;}
div#guide-bloc ul.emissions li.length-138{width:552px;}
div#guide-bloc ul.emissions li.length-139{width:556px;}

div#guide-bloc ul.emissions li.length-140{width:560px;}
div#guide-bloc ul.emissions li.length-141{width:564px;}
div#guide-bloc ul.emissions li.length-142{width:568px;}
div#guide-bloc ul.emissions li.length-143{width:572px;}
div#guide-bloc ul.emissions li.length-144{width:576px;}
div#guide-bloc ul.emissions li.length-145{width:580px;}
div#guide-bloc ul.emissions li.length-146{width:584px;}
div#guide-bloc ul.emissions li.length-147{width:588px;}
div#guide-bloc ul.emissions li.length-148{width:592px;}
div#guide-bloc ul.emissions li.length-149{width:596px;}

div#guide-bloc ul.emissions li.length-150{width:600px;}
div#guide-bloc ul.emissions li.length-151{width:604px;}
div#guide-bloc ul.emissions li.length-152{width:608px;}
div#guide-bloc ul.emissions li.length-153{width:612px;}
div#guide-bloc ul.emissions li.length-154{width:616px;}
div#guide-bloc ul.emissions li.length-155{width:620px;}
div#guide-bloc ul.emissions li.length-156{width:624px;}
div#guide-bloc ul.emissions li.length-157{width:628px;}
div#guide-bloc ul.emissions li.length-158{width:632px;}
div#guide-bloc ul.emissions li.length-159{width:636px;}

div#guide-bloc ul.emissions li.length-160{width:640px;}
div#guide-bloc ul.emissions li.length-161{width:644px;}
div#guide-bloc ul.emissions li.length-162{width:648px;}
div#guide-bloc ul.emissions li.length-163{width:652px;}
div#guide-bloc ul.emissions li.length-164{width:656px;}
div#guide-bloc ul.emissions li.length-165{width:660px;}
div#guide-bloc ul.emissions li.length-166{width:664px;}
div#guide-bloc ul.emissions li.length-167{width:668px;}
div#guide-bloc ul.emissions li.length-168{width:672px;}
div#guide-bloc ul.emissions li.length-169{width:676px;}

div#guide-bloc ul.emissions li.length-170{width:680px;}
div#guide-bloc ul.emissions li.length-171{width:684px;}
div#guide-bloc ul.emissions li.length-172{width:688px;}
div#guide-bloc ul.emissions li.length-173{width:692px;}
div#guide-bloc ul.emissions li.length-174{width:696px;}
div#guide-bloc ul.emissions li.length-175{width:700px;}
div#guide-bloc ul.emissions li.length-176{width:704px;}
div#guide-bloc ul.emissions li.length-177{width:698px;}
div#guide-bloc ul.emissions li.length-178{width:702px;}
div#guide-bloc ul.emissions li.length-179{width:716px;}
div#guide-bloc ul.emissions li.length-180{width:720px;}

div#guide-bloc ul.emissions li.current.length-0-29 span.left{ background:url(../../_img/border/border-emission-guide-current-0-29.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-0-29 span.right{ background:url(../../_img/border/border-emission-guide-current-0-29.png) right top repeat-y; }

div#guide-bloc ul.emissions li.current.length-30-59 span.left{ background:url(../../_img/border/border-emission-guide-current-30-59.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-30-59 span.right{ background:url(../../_img/border/border-emission-guide-current-30-59.png) right top repeat-y; }

div#guide-bloc ul.emissions li.current.length-60-89 span.left{ background:url(../../_img/border/border-emission-guide-current-60-89.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-60-89 span.right{ background:url(../../_img/border/border-emission-guide-current-60-89.png) right top repeat-y; }

div#guide-bloc ul.emissions li.current.length-90-119 span.left{ background:url(../../_img/border/border-emission-guide-current-90-119.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-90-119 span.right{ background:url(../../_img/border/border-emission-guide-current-90-119.png) right top repeat-y; }

div#guide-bloc ul.emissions li.current.length-120-149 span.left{ background:url(../../_img/border/border-emission-guide-current-120-149.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-120-149 span.right{ background:url(../../_img/border/border-emission-guide-current-120-149.png) right top repeat-y; }

div#guide-bloc ul.emissions li.current.length-150-180 span.left{ background:url(../../_img/border/border-emission-guide-current-150-180.png) left top repeat-y; }
div#guide-bloc ul.emissions li.current.length-150-180 span.right{ background:url(../../_img/border/border-emission-guide-current-150-180.png) right top repeat-y; }

div#guide-bloc ul.emissions li.length-5 span.right,
div#guide-bloc ul.emissions li.length-6 span.right{
    padding-left:5px; 
    padding-right:5px;
}

div#guide-bloc ul.emissions li.current {
    background: #b90000 url("../../_img/background/background-emission-guide-current.gif") repeat-x left top;
    color: #FFFFFF;
}

div#guide-bloc ul.emissions li.current a{
    color:#fff;
    }

div#guide-bloc ul.emissions li.current a.link-news{
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    margin:-8px 0 0 0;
    }

div#guide-bloc ul.emissions li.current a.link-news-text{
    margin-left:23px;
    display:inline-block;
}

#border-right-masque-guide{
    background:url(../../_img/border/border-right-masque-guide.png) left top repeat-y; 
    width:10px; 
    height:270px; 
    right:0px; 
    top:24px; 
    position:absolute; 
    z-index:600;
    }
    
#border-left-masque-guide{
    background:url(../../_img/border/border-left-masque-guide.png) left top repeat-y; 
    width:10px; 
    height:270px; 
    left:0px; 
    top:24px; 
    position:absolute; 
    z-index:600;
    }
    
div#guide-bloc ul.emissions li.continueApres span.right{background:none !important;}
div#guide-bloc ul.emissions li.continueAvant span.left{background:none !important;}

div#guide-bloc ul.emissions li span.right{
    background:url(../../_img/border/border-right-emission-guide.png) right top repeat-y;
    display:table-cell;
    height:44px;
    padding:0 8px;
    vertical-align:middle;
}

.ie7 div#guide-bloc ul.emissions li span.right{
    display:block;
    height:24px;
    padding:10px 8px;
}

div#guide-bloc ul.emissions li span.left{
    display:table;
    width:100%;
    height:44px;
}

.ie7 div#guide-bloc ul.emissions li span.left{
    display:block;
    width:auto;
    height:44px;
}

div#guide-bloc ul.emissions li.signoff{
    background:url(../../_img/background/background-emission-guide.gif) left top repeat-x;
    width:24px;
}
div#guide-bloc ul.emissions li.signoff span.right{
    background:url(http://s.radio-canada.ca/_img/border/border-right-emission-guide.gif) right top no-repeat;
    padding-left:6px;
    padding-right:6px;
}
div#guide-bloc ul.emissions li.signoff span.left{
    background:url(http://s.radio-canada.ca/_img/border/border-left-emission-guide.gif) left top no-repeat;
    }

div#loading-guide{
  background:url(../../_img/util/loading-guide.gif) left top no-repeat;  
  display:none;
  height:66px;
  left:324px;
  position:absolute;
  top:107px;
  width:66px;
}

div#guide-bloc ul#right-channels{float:left; position:absolute; right:0; width:14px;}
div#guide-bloc ul#right-channels li{background:url(http://s.radio-canada.ca/_img/background/background-channel-guide.jpg) left top no-repeat; height:44px; margin-bottom:1px;}
div#guide-bloc ul#right-channels li.odd{background:url(http://s.radio-canada.ca/_img/background/background-channel-guide.jpg) left top no-repeat;}
div#guide-bloc ul#right-channels li.even{background:url(http://s.radio-canada.ca/_img/background/background-channel-guide-even.jpg) left top no-repeat;}
div#guide-bloc ul#right-channels li a{color:#333; display:block;}
div#guide-bloc ul#right-channels li a:hover{ color:#999; text-decoration:none;}

div#guide-bloc a.link-news{margin:0;}

div#guide-bloc ul.emissions li.signoff.length-180{width:720px;}

/* ------------------------------------- */
/* ------- >> MINI GUIDE BLOC << ------- */
/* ------------------------------------- */