/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/*
    Fichier CSS qui contient le style de ce qui est spécifique à la Ppage seulement 
    et qui ne se retrouve pas dans un fichier CSS d'un bloc en particulier
*/
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

/* -------------------------------- */
/* 
    font-family: Arial
    font-size: 12px
    line-height: 16px
    a : #0e3f7c
*/
/* -------------------------------- */

/*
@import url(//s.radio-canada.ca/_font/Radio-Canada/radiocanada.css);
*/

/* Ajout pour teaser Espace partenaire en col droite */

#contentMain_contentMain_BlockTeaserPartenaires_TeaserBlock{
    /*background:url(/_img/background/background-pub-espace-partenaire.gif) left top no-repeat;*/
    clear:both;
    margin-bottom:20px;
    /*padding-top:14px;*/
}


.button-stop-reload {
    background:none;
    border:none;
    color: transparent;
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.button-stop-reload:focus {
    background:white;
    color: #cc0000;
    display: block;
    font-size: 12px;    
    font-family:Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 14px;
    height: 40px;
    padding: 10px 0;
    position:relative;
    text-decoration:none !important;
    width: 350px;
}

/* -------------------------------- */
/* ------- >> STRUCTURE << -------- */
/* -------------------------------- */

div.slimpub {
    display: block; 
    position: relative; 
    width: 990px; 
    margin:0 auto; 
    padding: 0;
}

div#src-wrapper-page { padding: 0; }

div#src-left-col {
	margin-right:24px;	
	width:203px;
}

div.src-left-col { width:203px; }

div#src-center-col,
div.src-center-col {
	width:402px;
	overflow: visible;
}

span.without-live-block {
    display:block;
    padding-top:18px;
}


/* -------------------------------- */
/* --------- >> CLASS << ---------- */
/* -------------------------------- */

/* Voir rc.web.root.general.css */

h2 {
    color:#000;
    font-size:12px;
    line-height:16px;
    margin-bottom:2px;
    text-transform:uppercase;
}

.encadre {
     width: 298px; 
     border:1px solid #d2d2d2;
}

.encadre h2 {
     font-size:13px; 
     margin: 6px 0 4px 9px;
}

/* ------------------------------------------------------------------------------------- */
/* -------- >> LEFT COL << ------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

div#src-wrapper-news {
	margin-bottom:15px;
	overflow:hidden;	
	padding-left:20px;
}

/* --------------------------------------- */
/* ------------ >> ALERTES << ------------ */
/* --------------------------------------- */

#alert-container {
    font-size:0; 
    line-height:0;
    clear: both;
}

body#src-ppage div.alerte-wrapper {
    margin: 0 15px 10px 20px;
    width: 955px;
}

body#src-ppage div.alerte { width: 810px; }

body#src-ppage div.alerte div.texte { padding-top: 11px; }

/* --------------------------------------- */
/* ---- >> COFFEE MACHINE BIG MAC << ----- */
/* --------------------------------------- */

#coffee-machine-bigmac {
     /*float: left; */     
     width:309px; 
     background:url(/_img/border/border-onglet-machine-cafe.png) right bottom no-repeat; 
     border-bottom:1px solid #959494; 
     margin:0 0 30px -12px;
     
     float: right;
    margin-right: 15px;
}

#coffee-machine-bigmac-inner {
     float: left; 
     width:307px; 
     height:134px; 
     background: url(/_img/background/background-mac-liens.png) left bottom no-repeat; 
     padding: 0 0 0 1px;
}

#coffee-machine-bigmac-inner .bigmac-content {
     display:block; 
     width:160px; 
     height:100px; 
     padding: 34px 137px 0 10px; 
     text-decoration:none; 
     color:#333; 
     font-size:13px; 
     line-height:18px; 
     background-position:bottom right; 
     background-repeat:no-repeat; overflow:hidden;
}

/* -------------------------------- */
/* -------- >> TEASER  << --------- */
/* -------------------------------- */ 	

/* 
    Teaser activé le soir d'un événement (élection, budget, etc) 
    Le teaser se trouve en haut de la top story
*/

.teaser-evenement-635 { margin-bottom: 15px; }

/* -------------------------------- */
/* -------- >> TOP STORY << ------- */
/* -------------------------------- */ 

#src-ppage div#top-story {
    margin-bottom:28px;
    overflow:hidden;
}

#src-ppage div#top-story-left {
    float:left;
    width: 432px;
}
    
#src-ppage div#top-story-right {
    float:left;
    width: 208px;
}
    
#src-ppage div#top-story h3 { margin:0 0 2px 0; }
    
#src-ppage div#top-story.breaking-news h3 { margin:0 0 4px 0; }
    
#src-ppage div#top-story h3, 
#src-ppage div#top-story h3 a {
    font-size: 21px;
    line-height: 24px;
}

#src-ppage div#top-story.breaking-news h3, 
#src-ppage div#top-story.breaking-news h3 a {
    font-size: 28px;
    line-height: 36px;
}

#src-ppage div#top-story a.link-news{ margin:0 12px 5px 0; }
    
#src-ppage div#top-story.breaking-news a.link-news { margin:0 0 9px 0; }

#src-ppage div#top-story.breaking-news li { width:auto; }
    
#src-ppage div#top-story div.main-lead {
    font-size: 14px;
    line-height:17px;
    margin-bottom:6px;
}
    
#src-ppage div#top-story.breaking-news div.main-lead {
    font-size: 15px;
    line-height:18px;
}
    
#src-ppage div#top-story div.div-pluck {
    line-height:11px;
    top:-2px;
}    

#src-ppage div#top-story ul {
    margin-top: 30px;
    overflow: hidden;
}

#src-ppage div#top-story li {
    float: left;
    margin: 0 32px 15px 0;
    /*width: 300px;*/
}

.ie8 #src-ppage div#top-story li { width: 285px; }

#src-ppage div#top-story li:nth-child(2n) { margin-right: 0; }

#src-ppage div#top-story .icon {
    background: url(/_img/icon/icon-font-radiocanada.png) left top no-repeat;
    color: #adadad;
    float: left;
    font-size: 16px;
    height: 14px;
    line-height: 12px;
    /*
    font-family: radiocanada;    
    */
    margin-right: 8px;
    width: 15px;
}

#src-ppage div#top-story .iconTopStory-audio { background-position: -99px 0; }

#src-ppage div#top-story .iconTopStory-video { background-position: 0 0; }

#src-ppage div#top-story .iconTopStory-youtube { background-position: 0 0; }

#src-ppage div#top-story .iconTopStory-instagram { background-position: -35px 0; }

#src-ppage div#top-story .iconTopStory-folder { background-position: -66px 0; }

#src-ppage div#top-story .iconTopStory-document { background-position: -35px 0; }

#src-ppage div#top-story li .flag {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    margin-right: 5px;
}

#src-ppage div#top-story h4 {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    width: 265px;
}

.ie8 #src-ppage div#top-story h4 { width: 248px; }
/* -------------------------------- */
/* ----- >> LINE UP NEWS << ------- */
/* -------------------------------- */

#fidelity-news #YourRegionBox_TeaserExtra4Region_TeaserBlock a { width:420px; }

ul#lineup-news li {
    overflow:hidden;
    position:relative;
}

ul#lineup-news li.last {
	min-height:0;
    margin:-30px 0 20px 0;
}

ul#lineup-news h3 {
    font-size:15px;  
    font-weight:normal;
    line-height:15px;  
    margin-bottom:4px;
}

ul#lineup-news li .lead {
	padding-bottom:53px;
} 

ul#lineup-news a.link-news {
    margin:0 0 7px 0;
    }

ul#lineup-news li a:focus img { outline:1px dotted black; }

ul.list-news li h3 { display:inline; }

#SocialBarBubulle-1,
#SocialBarBubulle-2,
#SocialBarBubulle-3,
#SocialBarBubulle-4,
#SocialBarBubulle-5,
#SocialBarBubulle-6,
#SocialBarBubulle-7,
#SocialBarBubulle-8 { display: inline-block; vertical-align: text-top; }

#src-ppage .miniViafouraCount  { margin-top: -1px; }

/* ----------------------------------- */
/* ------ >> FIDELITY NEWS << -------- */
/* ----------------------------------- */

#src-ppage div#fidelity-news div.row {
	width:402px;
	padding:0;
    overflow: visible;
}

#src-ppage div#fidelity-news div.double-block {
    float:left;
	width:402px;
}

#src-ppage div#fidelity-news div.double-block div.left-content {
    padding:7px 0 11px 0;
    width:100%;	
}

#src-ppage div#fidelity-news div.double-block div.left-content h3,
#src-ppage div#fidelity-news div.double-block div.left-content .subtitle,
#src-ppage div#fidelity-news div.double-block div.left-content .lead {
    float:left;
    width:255px;
    padding:0;
}

#src-ppage div#fidelity-news div.double-block div.right-content {
    float:left;
    margin:0;
    width:100%;	
}

#src-ppage div#fidelity-news div.single-block {
	width:195px;
	position: relative;
}

#src-ppage div#fidelity-news div.single-block ul.list-news {
    clear:left;
    padding:0;
}

#src-ppage div#fidelity-news div.single-block ul li.even { background-color: #F7F6F6; }

#src-ppage div#fidelity-news div.single-block ul li.odd { background-color: transparent; }

#src-ppage div#fidelity-news div.right-block { margin-left: 12px; }

#src-ppage div#fidelity-news div.title-block h2 a {
	font-size:14px;
	font-weight:normal;
}

#src-ppage div#fidelity-news div.double-block h3 {
    font-size:15px;  
    font-weight:normal;
    margin: -3px 0 3px 0;
}

#src-ppage div#fidelity-news div.news-block {
    padding: 7px 0 26px 0;
    overflow: visible;
}

#src-ppage div#fidelity-news a.link-see-more-right { right: 0; }

#src-ppage div#fidelity-news div.fidelity-content ul li {
    float: left;
    width: 394px;
    padding: 5px 4px;
    margin:0;
}

#src-ppage div#fidelity-news div.fidelity-content ul li h3 {
	line-height:14px;
}

#src-ppage div#fidelity-news div.fidelity-content ul li h3 a {
	line-height:14px;
	font-size: 13px;
    font-weight: normal;
}

#src-ppage div#fidelity-news ul.list-news li {
    padding: 5px 4px;
    margin:0;
}

#src-ppage div#fidelity-news a.link-see-more-left {
    left:auto;
    right: 0;
}

#src-ppage div#fidelity-news a.linkFidelityBoxTop {
    position: absolute;
    top: -27px;
    right: 0;
    width: 103px;
    height: 55px;
    text-indent: -9999px;
    background: url("/_img/icon/icon-elections-qc-2012-ppage.gif") no-repeat scroll right top transparent;
}

/* ------------------------------------------------------------------------------------- */
/* -------- >> CENTER COL << ----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */	

#src-ppage .src-center-col h2 {
    border-bottom:1px solid #000;
    margin-bottom:0;
    margin-bottom: 7px;
    padding-bottom:3px;
}

/* ------------------------------------------------------------------------------------- */
/* -------- >> RIGHT COL << ------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------- */

#src-right-col div.commanditaires-sports {
    border-bottom:1px solid #362f2d; 
    margin-top:-2px;
    margin-bottom:18px;
}

#src-right-col div.commanditaires-sports a.right-col-block { margin-bottom:0px; } 

/* ------------------------------------- */
/* ------- >> CAROUSEL VIDEO << -------- */
/* ------------------------------------- */

#videos-block {
    float: left; 
    width:100%; 
    margin-bottom:20px; 
    overflow:hidden;
}

#videos-block .encadre { overflow:hidden; }

div#carousel-video .video-text-top {
    display: block; 
    padding: 8px 10px 2px; 
    line-height: 14px; 
    height: 32px;
}

#videos-block p { margin:7px; }

#videos-block .plus a {
      display: block;
      float: right;
      margin: 0 10px 5px 0;
      color: #c00;
      text-transform: uppercase;
      font-size: 12px;
}

.ie7 div#carousel-video .video-text-top,
.ie8 div#carousel-video .video-text-top { padding-top: 6px; }

div#carousel-video .video-text {
     display: block; 
     padding: 5px 0; 
     line-height: 14px;
}

.ie7 div#carousel-video .video-text,
.ie8 div#carousel-video .video-text,
.ie9 div#carousel-video .video-text { padding-top: 2px; }

div#carousel-video #carousel {
    overflow: hidden; 
    width: 100%; 
    height: 125px; 
    position: relative;
}

div#carousel-video #carousel ul {
    position: absolute; 
    width: 1000px; 
    top: 0; 
    left: 0; 
    margin-left:-1px; 
    visibility: hidden;
}

div#carousel-video #carousel ul li {
    overflow: hidden; 
    display: block; 
    float: left; 
    list-style-type: none; 
    width: 135px; 
    height: 100%; 
    padding: 0 0 0 10px;
}

div#carousel-video #carousel ul li p {
    float:left; 
    margin:0;
}

div#carousel-video #carousel-nav {
    position: relative; 
    overflow: hidden; 
    border-top:1px solid #d2d2d2; 
    margin-top: 6px;
} 

div#carousel-video #carousel-nav div.plus {
    position: absolute; 
    width: 100px; 
    top: 0; 
    left: 50%; 
    margin-left: -50px; 
    text-align: center; 
    line-height: 20px;
}

div#carousel-video #carousel-nav a {
    display: block; 
    text-indent: -9999px; 
    width: 30px; 
    height: 20px; 
    background: url(/_img/button/button-navigation-videos.gif) no-repeat;
}

div#carousel-video #carousel-nav a#carousel-prev {
    float: left; 
    background-position: left center;
}

div#carousel-video #carousel-nav a#carousel-next {
    float: right; 
    background-position: right center;
}

div#carousel-video #carousel-nav a.disabled {
    cursor: default;
    -moz-opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE6, IE7, and IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* IE8 only */  
    filter: alpha(opacity=40);
    opacity: 0.4;
}

#videos-block .video-static-img,
#videos-block .video-static-player {
     width:300px; 
     height:169px; 
     overflow:hidden;
}

#videos-block .video-static-player { display:none; }

/* -------------------------------- */
/* ------ >> MÉTÉO << ------------- */
/* -------------------------------- */

#src-ppage #MeteoModuleDiv { padding-right: 15px; }

/* -------------------------------- */
/* ------ >> LIVE BLOCK << -------- */
/* -------------------------------- */

div#live-block div.player {
    border-top:5px solid #ab2121;
    margin-bottom:2px;
}

/* -------------------------------- */
/* ---- >> LIVE EVENT BLOCK << ---- */
/* -------------------------------- */

#src-ppage div#live-event-block { margin-bottom:15px; }

/* ------------------------------------------------------------------------------------- */
/* -------- >> INCLUDE BOTTOM << ------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

div.bottom-block { padding:15px 20px; }


/* -------------------------------- */
/* ---- >> MODAL ELECTIONS << ---- */
/* -------------------------------- */

div.ui-dialog {
    padding: 0;
}

div.ui-dialog-titlebar {
    background: #233944;
    border-radius: 0;
    border: none;
    color: white;
    height: 35px;
}

a.ui-dialog-titlebar-close {
    color: white;
}

#ui-dialog-title-dialog-confirm-elections-quebec-2014 { display:none; }

#dialog-confirm-elections-quebec-2014 {
    background: #233944 url(/sujet/elections-quebec-2014/_img/background/background-modal.jpg) left top no-repeat;
    overflow: hidden;
}

#electionsResultatsEnDirectModal a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 108px;
    position: absolute;
    right: 36px;
    top: 56px;
    width: 175px;
}

div.modal-countdown {
    bottom: 17px;
    color: white;
    font-family: Rubrik;
    font-size: 16px;
    position: absolute;
}

#electionsResultatsEnDirectModal {
    height: 240px;
}

#src-ppage .ui-dialog-titlebar-close {
    background: url(/sujet/elections-quebec-2014/_img/icon-close-modal.gif) left top no-repeat;
    padding: 0;
}

#src-ppage .ui-widget-header .ui-icon { background: none; }

#src-ppage .ui-dialog-titlebar-close:hover,
#src-ppage .ui-dialog-titlebar-close:focus { background: url(/sujet/elections-quebec-2014/_img/icon-close-modal.gif) left top no-repeat;border: none;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* Widgets Panam */
body #PanamToronto2015MedalTable .or-w-header-section .panam-header--logo {
    right:10px;
    bottom:-5px;
    margin-left:0;
    left:auto;
}

body #PanamToronto2015MedalTable #or-w-medaltable-cnt .or-w-flag { width:60px; }

body #PanamToronto2015MedalTable #or-w-medaltable-cnt .or-tbl tbody tr td:first-child .or-w-index, 
body #PanamToronto2015MedalTable #or-w-medaltable-cnt .or-tbl tbody tr td:first-child strong { line-height:41px !important; }

body #PanamToronto2015MedalTable #or-w-medaltable-cnt .or-w-more { display:none; }

body #PanamToronto2015MedalTable { 
    margin:0 0 30px 0;
    overflow:hidden;
    width: 300px;
}

body #PanamToronto2015Videos { 
    margin: 0 0 30px;
    overflow:hidden;
    padding: 0 1px;
}

body #PanamToronto2015Videos .or-w-header-section .panam-header--logo {
    right:250px;
    bottom:-5px;
    margin-left:0;
    left:auto;
}

body #PanamToronto2015Videos #or-w-livevideo-cnt .or-control-nav { bottom: -35px; }

/*body #src-right-col > .right-col-block:nth-child(1) { margin-bottom: 0; }

body #src-right-col > .right-col-block:nth-child(1) .srcPubZone { margin-bottom:8px; }*/

div.teaser-pave {
    padding-bottom: 25px;
}