/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/*
    Fichier CSS qui contient des classes générales pour .ca
    Aucun style de 'layout' ne doit se trouver dans ce fichier CSS
    Chaque 'bloc' possède son fichier CSS si son style diffère de celui générique
    Aucun style spécifique (pour un élément en particulier) ne doit se trouver dans ce fichier CSS
    Principalement que des classes sont définies dans ce fichier CSS, aucun ID
*/
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

/* -------------------------------- */
/* -------- >> GENERAL << --------- */
/* -------------------------------- */
/*Fix the accessiblility bug that hid the horizontal scroll bar when the page got zoomed*/
html, body{
    overflow-x: visible !important;
}

body {
	background-image:none; /* A enlever quand il n'y aura plus de global.css */
	background:#ebebeb;
	color:#333;	
}

a {
    color:#07428a;
    font-weight:normal; /* A enlever quand le global.css ne serait plus la */ 
}

a:hover { text-decoration:underline; }

a img {
    color:#07428a;
    font-size:10px;
}

img {
    color:#333;
    font-size:10px;
}

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

.hidden { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix { height:1px; }

*+html .clearfix { display:inline-block; }

/* Logo print */
div.src_logoPrint {
    background:url(/_img/logo/logo-nav-radio-canada.gif) left top no-repeat;
    width:302px; 
    height:54px;
}

/* Lien Plus ou Lire la suite */
a.link-see-more {
    color:#606060;
    float:right;
    font-size:12px;
}

/* Liste des nouvelles */
ul.list-news li { margin-bottom:15px; }

ul.list-news li h3 {
    clear:both;
    font-size:12px;
}

ul.list-news li h3 a {
    font-weight:bold;
    line-height:14px;
}

/* Surtitre */
div.subtitle {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
line-height:16px;
}

/* Commentaires (bulle, nb) */
div.div-pluck {
    display: inline-block;
    left: 0;
    position: relative;
    z-index: 1;
}

a.comments-link {
   background:url(/_img/icon/rc.web.root.icon.gif) -120px 2px no-repeat; 
   display:inline-block;
   font-size:10px;
   font-weight:normal;
   height:11px;
   padding-left:13px;
}

a.comments-link:focus { text-decoration:underline; }

.ie7 div.div-pluck,
.ie7 div.div-pluck .fillPluck,
.ie7 div.div-pluck .fillPluck a.comments-link { 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; }

/* Titre des nouvelles */
h1,h2,h1 a,h2 a {    
    font-size:18px;  
    font-weight:normal;
    line-height:18px;  
}

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

h1 a:focus, 
h2 a:focus, 
h3 a:focus, 
h4 a:focus, 
h5 a:focus, 
h6 a:focus { text-decoration:underline; }

.htags_cache { display:none; }

/* Type du document (audio, video, etc) */
span.type-document {
    color:#333333;
    display:inline-block; /* A enlever quand le display none des span ne sera plus ds le global */
    font-size:9px;
    line-height:9px;
    font-weight:bold;
    text-transform:uppercase;
}

/* Lead principal */ 
div.main-lead {
  font-size:13px;
  line-height:15px;  
}

/* Lead */ 
div.lead {
  font-size:12px;
  line-height:14px;  
}

/* Flag : exclusif, nouvelle verte, contenu original, etc. */
div.flag span { color:#666666; }

div.flag {                   
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}

div.flag-exclusif { color:#990000; }
div.flag-nouvelleverte { color:#428809; }
div.flag-contenuoriginal { color:#cc5708; }
div.flag-acfas { color:#cc5708; }
div.flag-epreuvedesfaits { color:#cc5708; }

ul.list-news div.flag {
    float:left;
    line-height:16px;
    margin-right:5px;
}

/* Liste des related content */
ul.related-content { margin-top:15px; }

ul.related-content li {
    border:none;
    padding:0;
    margin-bottom:15px;
}

ul.related-content li h3 a {
    font-size:12px;
    font-weight:bold;
    line-height:14px;
}

div#src-wrapper-content-col .last {
    border:none;
    margin:0;
}

a.link-news{
    display:inline-block; 
    float:left;
    position:relative;
    margin-right:10px;
}

ul.lineup-dossiers a.link-news { margin-right:0; }

ul.lineup-milieu a.link-news, 
.right-col-block ul a.link-news {
    margin-right:0;
    margin-bottom:10px;
}

/* Header de bloc avec dégradé sous le titre du bloc */
h2.title-block-gradient,
div.title-block-gradient {
    background:url(/_img/background/background-title-gradient.png) left bottom repeat-x;
    font-size:12px;
    font-weight:bold;
    padding-bottom:22px;
    text-transform:uppercase;
    margin:0;
    overflow:hidden;
    clear:both;
}

/* Credit photo */

b.specialCredit { /* ajout Raymond Rousseau*/
	display: block;
	color: #CCCCCC;
	font-weight: normal;
	font-size: 80%;
	text-align: right;
	margin: -25px 7px 0 0;
	
}

div.credit {
   color:#d7d7d7;
   font-size:11px; 
}

/* Mise a jour */
span.update {
    color: #C36602;
    font-size:11px;
    vertical-align: top; 
}

/* Date de mise a jour (Documents et sujets) */
#date-mise-a-jour {    
    float:left;
    font-size:10px;
    margin-top:7px;
    line-height:13px;
}

/* Loading */
div.loading {
  background:url(/_img/util/loading-guide.gif) left top no-repeat;  
  display:none;
  height:32px;
  width:32px;
}

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

#src-wrapper-page{background:#fff; min-height:310px;}

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

div.center-col-block { margin-bottom:15px; }

/* Dans le cas d'une page sans colonne du milieu */
.template-2col div#src-left-col { width:100%; }

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

/* Commun à tous les blocs de la colonne de droite */
div.right-col-block, a.right-col-block {      
    float:left;
    margin-bottom:20px;
    overflow:hidden;  
    width:300px;    
}

div.right-col-block-without-margin, 
a.right-col-block-without-margin {      
    float:left;
    margin-bottom:0px;
    overflow:hidden;  
    width:300px;    
}

div.right-col-block.with-border { border:1px solid #c0c0c0; }

div.right-col-block ul {
    clear:both;
    overflow:hidden;
}

div.right-col-block ul li {
    float:left;
    overflow:hidden;
    padding:6px 8px;
    width:95%;
}

div.right-col-block ul li h3 {
    font-size:13px;
    font-weight:normal;
    line-height:16px;
}
                                                        
div.right-col-block h2.title-block,
div.right-col-block div.title-block {
    clear:both;
    color:#fff;
    float:left;
    font-size:18px;
    overflow:hidden;
    padding:7px;
    text-transform:uppercase;
    width:286px;
}

div.right-col-block ul li a.link-news { margin:0; }

div.right-col-block.text-valign-center ul.link-more-dossier { padding:7px 0; }

div.right-col-block.text-valign-center ul.link-more-dossier li {
    height:auto; 
    padding-top:1px; 
    text-align:right;  
    font-size:13px;
}    
    
div.right-col-block.text-valign-center ul.link-more-dossier li a { color:#606060; }

div.right-col-block a.link-see-more{margin-top:10px;}

/* Header gris */
div.right-col-block .grey-bg,
div.right-col-block.grey-bg { background:#f7f6f6; }

/* Header degrade gris fonce */
div.right-col-block h2.degraded-dark-grey-bg,
div.right-col-block div.degraded-dark-grey-bg { background: #3f3f3f url(/_img/background/background-degrade-titre-bloc-gris-fonce.jpg) left top repeat-x; }

/* Header degrade gris pale */
div.right-col-block h2.degraded-grey-bg,
div.right-col-block div.degraded-grey-bg {
    background:#444 url(/_img/background/background-degrade-titre-bloc-gris.gif) left top repeat-x;
    border-top:1px solid #a3a3a3;
    border-left:1px solid #a3a3a3;
    border-right:1px solid #a3a3a3;
    width:284px;    
}

div.right-col-block h2.degraded-grey-bg a {
    color:#fff;
    text-decoration:none;
}

/* Header degrade rouge */
div.right-col-block h2.degraded-red-bg,
div.right-col-block div.degraded-red-bg {
    background: url(/_img/background/background-degrade-titre-bloc-rouge.gif) left top repeat-x;
    border-left: 1px solid #A51414;
    border-right: 1px solid #A51414;
    width: 284px;
}

/* Header rouge/gris */
div.right-col-block h2.red-grey {
    font-size:12px;
    font-weight:bold;
    line-height:12px;
    margin-bottom:0;
    background:url(/_img/background/background-title-col-droite-red-grey.jpg) left top no-repeat;
}

div.right-col-block.first-block { padding-top:0; }

a#contentMain_contentMain_BlockTeaserExtra_TeaserLink2 {
    display:inline-block; 
    margin-left: 8px; 
    margin-top: 5px;
    line-height: 16px;
}

div.right-col-block h2.title-block div.sous-theme {
    font-size:10px;
    line-height:11px;
}

/* Bloc Actualite en direct - Scribble Live */
/* Documents et Grands-titres */

/* Header scribble live */
#h2HeaderTitleScribbleLive {
    position:relative; 
    z-index:2;
    margin-bottom:-2px;
}

/*Lien Plein écran */
.pleinEcranScribbleLive {
    overflow:hidden;
    margin-top:4px;
}
    
.pleinEcranScribbleLive a {
    padding-top:1px; 
    float:right;
    font-size:13px;
    color:#606060;
}

/* Bloc Sur le même thème */
div#src-right-col div.right-col-block .liste_img {
    width:135px;
    float:left;
    padding:0 10px 5px 0;
}

div#src-right-col div.right-col-block .liste_img.droite { padding-right:0; }
    
div#src-right-col div.right-col-block .liste_img img { margin:0 0 5px 0; }

div#src-right-col div.right-col-block.type-subject {
    background: #F7F6F6 url(/_img/background/background-col-gradient.gif) repeat-x top;
    padding:10px;
    width:280px;
    color:#5e5e5e;  
}

div#src-right-col div.right-col-block.type-subject h2 { font-weight:bold; }

/* Bloc avec contenu en vertical-align: middle*/
div.text-valign-center ul {
    overflow:hidden;
    position:static;     
    width:100%;
}

div.text-valign-center ul li {
    margin-bottom:2px;    
    padding:0;
    position: relative;
    width:100%;
}

div.right-col-block.text-valign-center ul li { height:75px; }

div.text-valign-center ul li.video { min-height: 75px; }

div.right-col-block.text-valign-center ul li.oneitem { height:178px; }

div.right-col-block.text-valign-center ul li.oneitem a.link-news { margin:0; }

/*display:table Mozilla & Opera*/
#src-document > div.text-valign-center ul li { 
	display:table;
	position:static;
}

/*IE*/
div.text-valign-center ul li { 
	width:100%;
	position:relative;
}

/*IE*/
div.text-valign-center ul li div { 
	position:absolute;
	top:50%;
}

/*Mozilla and Opera*/
div.text-valign-center ul li div{ 
	display:table-cell;	
	vertical-align:middle;
	position:static;
	padding:0 13px;
}

div.text-valign-center ul li p { margin:0; }

div.text-valign-center .personne {
    font-weight:bold;
    display:block;
    line-height:17px;
    }

div.text-valign-center .date {
    font-size:10px;
    line-height:13px;
    color:#333;
}

div.text-valign-center ul li div div.subtitle { height:auto; }

div.right-col-block.text-valign-center ul li > div { height:75px; }

div.text-valign-center ul li.video { min-height: 75px; }

div.text-valign-center ul li.dossier div,
div.text-valign-center ul li.archive div,
div.text-valign-center ul li.hyperlien div,
div.text-valign-center ul li.dossier div { padding:0; }

div.text-valign-center li.audio { min-height:47px; }

div.text-valign-center li.audio div {
    min-height:47px;
    float:left;
    width:467px;
}

div.text-valign-center li.audio div.complement { width:135px; }
    
/* Aligne l'image au centre en plus de rajouter de la hauteur */
div.text-valign-center ul.text-long li,
div.text-valign-center ul.text-long li div { height:112px; }

div.text-valign-center ul.text-long li div:first-child {    
    vertical-align:middle;
    padding:0;
}
/*----------------------------------------------------------*/

div.text-valign-center ul li div div {
    top: -50%;
    padding:0;
}

/* IE7 */
*+html div.text-valign-center ul.text-long li > div { float:left; }

*+html div.text-valign-center ul li div { position:static; }

*+html div.text-valign-center ul.text-long li {
    padding:16px 0px; 
    height:auto;
}

*+html div.text-valign-center ul.text-long li div { height:auto; }

div.text-valign-center li.with-image { padding-left:0; }

div.right-col-block ul li .date div { height:11px; }

/*Page erreur*/
.pageError h2 {
    font-size:20px; 
    margin-bottom:10px; 
    line-height:24px;
}

.pageError p { margin-bottom:10px; }

.pageError ul { margin-left:30px; }

.pageError ul li { list-style-type:disc; }