/*
    Type de barre sociale :
    .src-socialbar : Version de base de la barre sociale
    .dark :          Version pour fond foncé (le texte est gris plus pâle)
    .lightbox :      Version allégé avec un icône de partage et un petit lightbox
    .verticale :     Version à la verticale. Même options que la barre sociale de base

*/ 


@font-face {
	font-family: 'radiocanada';
	src:url('//ici.radio-canada.ca/Content/_fonts/Radio-Canada/radiocanada.eot');
    src: local("radiocanada"),
	    url('//ici.radio-canada.ca/Content/_fonts/Radio-Canada/radiocanada.eot?#iefix') format('embedded-opentype'),
		url('//ici.radio-canada.ca/Content/_fonts/Radio-Canada/radiocanada.woff') format('woff'),
		url('//ici.radio-canada.ca/Content/_fonts/Radio-Canada/radiocanada.ttf') format('truetype'),
		url('//ici.radio-canada.ca/Content/_fonts/Radio-Canada/radiocanada.svg#radiocanada') format('svg');
	font-weight: normal;
	font-style: normal;
}

body .src-socialbar {
    clear: both;
    height: 25px;
    white-space: nowrap;
}

    @media screen and (max-width:767px) {
        body .src-socialbar { height: 47px; } 
    }

    /* ICONES */
    body .src-socialbar [class^="icon-"]:before, 
    body .src-socialbar [class*=" icon-"]:before {
	    font-family: 'radiocanada';
        font-size: 18px; /*police créé pour un format 18px*/
	    speak: none;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;

	    /* Better Font Rendering =========== */
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
    }

        /* Réseaux sociaux */

        body .src-socialbar .icon-googleplus-square:before {
	        content: "\e647";
            color: #dd4b39;
        }
            body .src-socialbar a.icon-googleplus-square:hover:before,
            body .src-socialbar a.icon-googleplus-square:focus:before{ color: #666; }

        body .src-socialbar .icon-facebook-square:before {
	        content: "\e648";
            color: #3b5998;
        }
            body .src-socialbar a.icon-facebook-square:hover:before,
            body .src-socialbar a.icon-facebook-square:focus:before{ color: #666; }

        body .src-socialbar .icon-twitter-square:before {
	        content: "\e649";
            color: #55acee;
        }
            body .src-socialbar a.icon-twitter-square:hover:before,
            body .src-socialbar a.icon-twitter-square:focus:before{ color: #666; }

        body .src-socialbar .icon-tumblr-square:before {
	        content: "\e602";
            color: #35465c;
        }
            body .src-socialbar a.icon-tumblr-square:hover:before,
            body .src-socialbar a.icon-tumblr-square:focus:before{ color: #666; }

        body .src-socialbar .icon-vine-square:before {
	        content: "\e603";
            color: #32B589;
        }
            body .src-socialbar a.icon-vine-square:hover:before,
            body .src-socialbar a.icon-vine-square:focus:before{ color: #666; }

        body .src-socialbar .icon-linkedin-square:before {
            content: "\e658";
            color: #007BB6;
        }
            body .src-socialbar a.icon-linkedin-square:hover:before,
            body .src-socialbar a.icon-linkedin-square:focus:before{ color: #666; }

        body .src-socialbar .icon-linkedin:before {
            content: "\e657";
            color: #007BB6;
        }
            body .src-socialbar a.icon-linkedin:hover:before,
            body .src-socialbar a.icon-linkedin:focus:before{ color: #666; }

        body .src-socialbar .icon-soundcloud-square:before {
	        content: "\e641";
            color: #ff8800;
        }
            body .src-socialbar a.icon-soundcloud-square:hover:before,
            body .src-socialbar a.icon-soundcloud-square:focus:before{ color: #666; }

        body .src-socialbar .icon-instagram:before {
	        content: "\e646";
        }
            body .src-socialbar a.icon-instagram:hover:before,
            body .src-socialbar a.icon-instagram:focus:before{ color: #666; }

        body .src-socialbar .icon-pinterest-badge:before {
	        content: "\e652";
            color: #C30E2C;
        }
            body .src-socialbar a.icon-pinterest-badge:hover:before,
            body .src-socialbar a.icon-pinterest-badge:focus:before{ color: #666; }

        body .src-socialbar .icon-pinterest-logo:before {
	        content: "\e651";
            color: #c30e2c;
        }
            body .src-socialbar a.icon-pinterest-logo:hover:before,
            body .src-socialbar a.icon-pinterest-logo:focus:before{ color: #666; }

        body .src-socialbar .icon-youtube-logo:before {
	        content: "\e650";
            color: #CD201F;
        }
            body .src-socialbar a.icon-youtube-logo:hover:before,
            body .src-socialbar a.icon-youtube-logo:focus:before{ color: #666; }

        body .src-socialbar .icon-youtube-icon:before {
	        content: "\e64f";
            color: #cd201f;
        }
            body .src-socialbar a.icon-youtube-icon:hover:before,
            body .src-socialbar a.icon-youtube-icon:focus:before{ color: #666; }
        /* --- */


        .icon-email:before {
	        content: "\e630";
        }

        /*Moins*/
        .icon-minus:before {
	        content: "\e637";
        }
        /*Plus*/
        .icon-plus:before {
	        content: "\e636";
        }
        /*Fermer*/
        .icon-close:before {
	        content: "\e638";
        }
        /*Commentaire*/
        .icon-comment:before {
	        content: "\e635";
        }
        /*Imprimer*/
        .icon-print:before {
	        content: "\e60d";
        }
        /*Taille texte*/
        .icon-font-size:before {
	        content: "\e61e";
        }
    /**/


     /* Titre masqué */
    body .src-socialbar .hidden-htag {
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden; 
        font-family: Arial, helvetica, sans-serif;
        font-size: 16px !important;/* Sinon ce fait écraser par les styles de la TopStory */
        text-transform: uppercase;
        color: #4a4a4a;
        font-weight: normal;
    }
  
       /* Afficher le titre dans le lightbox du mobile */
        @media screen and (max-width:767px) {
            body .src-socialbar.open-list-share {
                white-space: normal;
            }

            body .src-socialbar.open-list-share .list-share .hidden-htag {
                height: auto;
                left: 50%;
                line-height: 1.3 !important;/* Sinon ce fait écraser par les styles de .main-lineup-container */
                position: absolute;
                transform: translate(-50%, 0);
                width: auto;
            }
        }
    /**/

    /*Défaut pour les boutons*/
    body .src-socialbar button {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        color: #4a4a4a;
        white-space: nowrap;
    }

        body .src-socialbar button:hover,
        body .src-socialbar button:hover:before {
            color: #000;
        }

        body .src-socialbar button:active,
        body .src-socialbar a:active,
        body .src-socialbar button:active:before,
        body .src-socialbar a:active:before{ outline: none; }

        body .src-socialbar button:before { padding-right: 25px !important; }

        /* Pour supprimer l'espace sur firefox */
        body .src-socialbar button::-moz-focus-inner {
          border: 0;
          padding: 0;
        }
    /**/

    /* nombres de partage */
    body .src-socialbar .number-share {
        font-family: Arial, helvetica, sans-serif;
        font-weight: 400;
        font-size: 8px;
        line-height: 1;
        text-transform: uppercase;
        color: #4a4a4a;
        text-align: center;
        float: left;
        margin:2px 5px 0 0;
    }

        body .src-socialbar .number-share em {
            font-size: 14px;
            font-style: normal;
            font-weight: bold;
            display: block;
        }    

        @media screen and (max-width:767px) {
            body .src-socialbar .number-share {
                margin-top: 13px;
                font-size: 9.6px;
            }
        }
    /**/

    /* Liste */
    body .src-socialbar ul {
        /* Sinon ce fait écraser par les styles de la TopStory */
        margin: 0 !important;
        overflow: visible !important;
        /**/
        float: left;
    }

        body .src-socialbar li {
            display: inline-block;
            vertical-align: top;
            border: none;
            /* Sinon ce fait écraser par les styles de la TopStory */
            float: none !important;
            line-height: 1 !important;
            margin: 0 !important;
            padding: 0 !important;
            /**/
        }

            body .src-socialbar li:before,
            body .src-socialbar li:after {
                content: "" !important;
                border: none !important;
            }

        /* Liste des options de partage */
        body .src-socialbar .list-share {
            vertical-align: top;
            display:inline-block;
            margin-right: 3px;
        }


        body .src-socialbar .list-share li {
            display: none;
            border: none;
        }
        
            body .src-socialbar .list-share li button{ vertical-align: top; }

            /* Afficher 2 premiers éléments par défaut et tout lorsque open-list-share est activé */
            body .src-socialbar .list-share li:nth-child(-n+2),
            body .src-socialbar.open-list-share .list-share li {
                display:inline-block;
                width: auto;
            }

    
        /* boutons */
        body .src-socialbar .list-share button {
            width: 24px;
            height: 23px;
            overflow: hidden;
            position: relative;
            vertical-align: top;
        }

            body .src-socialbar .list-share button:before {
                font-size: 24px;
                position: relative;
                z-index: 1;
                padding-left: 1px;
            }

            body .src-socialbar .list-share li button:after {
                content: "";
                display: block;
                position: absolute;
                background: #fff;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                z-index: 0;
                height: 17px;
                width: 17px;
                top: 5px;
                left: 3px;
            }

                body .src-socialbar .list-share li .icon-pinterest-badge:after {
                    width: 16px;
                    border-radius: 18px;
                }

                body .src-socialbar .list-share li .icon-email:after {
                    top: 8px;
                    left: 4px;
                    height: 12px;
                    width: 15px;
                }

            @media screen and (max-width:767px) {
                body .src-socialbar .list-share button {
                    width: 43px;
                    height: 45px;
                }

                    body .src-socialbar .list-share button:before {
                        left: 12%;
                        font-size: 35px;
                    }

                body .src-socialbar .list-share li button:after {
                    top: 11px;
                    left: 10px;
                    width: 24px;
                    height: 26px;
                }

                    body .src-socialbar.open-list-share .list-share li button:after {
                        width: 39px;
                        height: 41px;
                        top: 3px;
                        left: 1px;
                    }

                        body .src-socialbar.open-list-share .list-share li .icon-pinterest-badge:after {
                            top: 1px;
                        }

                        body .src-socialbar.open-list-share .list-share li .icon-email:after {
                            top: 10px;
                            height: 31px;
                        }
            }

            

            /* Pesonnalisation pour certaines icones */
            body .src-socialbar .list-share > button:before {
                font-size: 15px;
                position: relative;
                top: 2px;
                left: 3.5px;
                line-height: 1.5;
            }

                @media screen and (max-width:767px) {
                    body .src-socialbar .list-share > button:before {
                        font-size: 22px;
                        left: 28%;
                    }
                }

            body .src-socialbar .list-share .icon-comment {
                padding-left: 16px;
                font-size: 11px;
                position: relative;
            }
            
                body .src-socialbar .list-share .icon-comment:before {
                    color: #666;
                    font-size: 12px;
                    margin-right: 2px;
                    position: absolute;
                    left: 0;
                }

            body .src-socialbar .list-share button.icon-pinterest-badge:before {
                top: 1px;
                font-size: 21px;
            }

            body .src-socialbar .list-share button.icon-email:before {
                font-size: 19px;
                line-height: 1.5;
                top: -1px;
            }
    /**/

    /* Liste des utilitaires */
    body .src-socialbar .list-tool {
        display:inline-block;
        overflow: hidden;
        border-left: dotted #4a4a4a 1px;
        padding: 2px 0 0 10px;
        margin: 2px 0 0 0;
        height: 19px;
    }

        @media screen and (max-width:767px) {
            body .src-socialbar .list-tool {
                height: 42px;
            }
        }

        body .src-socialbar .list-tool button {
            overflow: hidden;
            width: 23px;
            margin-right: 5px;
        }

            body .src-socialbar .list-tool button:last-child{
                margin-right: 0;
            }    

        /* Commentaires */
        body .src-socialbar .list-tool .icon-comment {
            font-family: Arial, helvetica, sans-serif;
            font-weight: 300;
            font-size: 11px;
            color: #fff;
            text-decoration: none;
            position: relative;
            height: 13px;
            background: #4a4a4a;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            min-width: 19px;
            display: block;
            padding: 2px 1.5px 0px;
            margin-right: 5px;
            text-align: center;
            z-index: 1;
        }
           
            body .src-socialbar .list-tool .icon-comment:before {
                position: absolute;
                bottom: -4px;
                right: 1%;
                z-index: -1;
                color: #4a4a4a;
            }

            body .src-socialbar .list-tool .icon-comment:hover{ background: #000; }

            body .src-socialbar .list-tool .icon-comment:hover:before{ color: #000; }

            @media screen and (max-width:767px) {
                body .src-socialbar .list-tool .icon-comment {
                    font-size: 12px; 
                    padding: 2px 5px 5px 5px;
                    min-width: 23px;
                    margin-top: 9px;
                }
                body .src-socialbar .list-tool .icon-comment:before {
                    font-size: 30px;
                    bottom: -6px;
                }
            }
            

        /* Imprimer */
        body .src-socialbar .list-tool .icon-print:before {
            padding-left: 3px;
            position: relative;
            top: -3px;
            font-size: 22px;
        }
            
            @media screen and (max-width:767px) {
                body .src-socialbar .list-tool .icon-print{ display: none; }
            }

        /* Agrandir le texte */
        body .src-socialbar .list-tool .icon-font-size{ width: 30px; }

            body .src-socialbar .list-tool .icon-font-size:before {
                font-size: 24px;
                position: relative;
                top: -4px;
                left: 0;
            }
                body .src-socialbar .list-tool .icon-font-size.small:before {
                    top: -2px;
                    font-size: 20px;
                }

            @media screen and (max-width:767px) {
                body .src-socialbar .list-tool .icon-font-size {
                    width: 44px;
                    height: 44px;
                }

                    body .src-socialbar .list-tool .icon-font-size:before {
                        left: 3px;
                        font-size: 32px;
                    }

                    body .src-socialbar .list-tool .icon-font-size.small:before {
                        top: -2px;
                        font-size: 28px;
                    }
            }
    /**/


    /* ------------------------------------------------------------ */
    /* Version avec fond foncé */
    /* ------------------------------------------------------------ */

    body .src-socialbar.dark .number-share{ color: #999; }

        body .src-socialbar.dark button { color: #999; }

            body .src-socialbar.dark button:hover,
            body .src-socialbar.dark button:hover:before{ color: #747474; }

        body .src-socialbar.dark .list-tool .icon-comment { background: #999; }
        
            body .src-socialbar.dark .list-tool .icon-comment:before{ color: #999; }

            body .src-socialbar.dark .list-tool .icon-comment:hover{ background: #747474; }

            body .src-socialbar.dark .list-tool .icon-comment:hover:before{ color: #747474;}
    /**/


    /* ------------------------------------------------------------ */
    /* Version allégé avec un icone de partage et un petit lightbox */
    /* ------------------------------------------------------------ */

    @media screen and (min-width: 767px) {
        body .src-socialbar.lightbox{ height: 45px; } /* 1px de plus pour le focus */
    }

    body .src-socialbar.lightbox .list-share {
        position: relative;
        z-index: 100;
    }

        body .src-socialbar.lightbox .list-share ul {
            display: none;
        }
        
        body .lightbox.open-list-share .list-share ul {
            display: inherit;
        }


        /*Boutons*/
        body .src-socialbar.lightbox .list-share .icon-plus, 
        body .src-socialbar.lightbox .list-share .icon-minus{
            width: 44px;
            height: 44px;
        }

            body .src-socialbar.lightbox .list-share .icon-plus:before{
                content: "\e62f";
                font-size: 25px;
                top: -2px;
                left: 8px;
            }
        
        /* open */
        @media screen and (min-width:768px) {
            body .src-socialbar.lightbox .list-share .icon-minus:before {
                content: "\e62f";
                font-size: 25px;
                top: -2px;
                left: 8px;
            }

            body .open-list-share.lightbox .list-share ul {
                position: absolute;
                bottom: 44px;
                /*Centre en largeur*/
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                /**/
                background: #fff;
                padding: 2px 4px 4px 4px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

            body .open-list-share.lightbox .list-share ul:after {
                content: "";
                display: block;
                width: 0; 
	            height: 0; 
	            border-left: 5px solid transparent;
	            border-right: 5px solid transparent;
	            border-top: 5px solid #fff;
                position: absolute;
                bottom: -5px;
                left: 43.5%;
            }
        }
    /**/


    /* ------------------------------------------------------------ */
    /* -----------  Version à la verticale  ----------------------- */
    /* ------------------------------------------------------------ */
    
    body .src-socialbar.verticale {
        width: 67px; /* Largeur minimum lorsque l'on zomm à 200% (pour l'accessibilité). Permet aussi l'espace pour 1 million de vote */
        height: auto;
        overflow: hidden;
    }

        body .src-socialbar.verticale li {
            margin-top: 5px !important;
        }

        body .src-socialbar.verticale ul,
        body .src-socialbar.verticale .number-share,
        body .src-socialbar.verticale .list-share,
        body .src-socialbar.verticale .list-tool {
            float: none;
            display: block;
            margin: 0;
        }

            body .src-socialbar.verticale button{
                margin: 0;
                padding: 0;
            }

            body .src-socialbar.verticale .list-share {
                margin-right: 0;
                text-align: center;
            }

                body .src-socialbar.verticale .list-share .icon-plus{ margin:1px 0 2px; }

                body .src-socialbar.verticale .list-tool li,
                body .src-socialbar.verticale:not(.open-list-share) .list-share li:nth-child(-n+2) {
                    display: inherit;
                    text-align: center;
                }

                @media screen and (min-width:768px) {
                    body .src-socialbar.verticale.open-list-share .list-share li {
                        display: inherit;
                        text-align: center;
                    }
                }


            body .src-socialbar.verticale .list-tool {
                height: auto;
                border-left: none;
                border-top: 1px dotted #4a4a4a;
                padding: 0;
                margin: 5px 18%;
            }

                body .src-socialbar.verticale .list-tool .icon-comment {
                    display: inline-block;
                    margin: 5px 0 7px;
                }

                body .src-socialbar.verticale .list-tool .icon-font-size{ margin-top: 1px; }

    /**/


    /* Lightbox mobile */
    @media screen and (max-width:767px) {
        
        /* Écrase une valeur overflow:visible */
        body.open-socialbar, html.open-socialbar { overflow: hidden !important;/* Sinon ce fait écraser par les styles de la TopStory */ }

            body.open-socialbar #src-header,
            html.open-socialbar #src-header{ z-index: 1; }

            body.open-socialbar .main-lineup-container {
                -webkit-transform: none !important;
                transform: none !important;
            }

        body .src-socialbar.open-list-share .list-share {
            background: rgba(255, 255, 255, .9);
            display: table;
            height: 100%;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 10000 !important;
        }

            body .src-socialbar.open-list-share .list-share strong {
                margin: 50px auto 7% auto;
                text-align: center;
                visibility: visible;
                display: block;
            }

            body .src-socialbar.open-list-share .list-share ul {
                display: table-cell;
                float: none;
                height: 100%;
                margin: 0 auto !important;/* Sinon ce fait écraser par les styles de la TopStory */
                vertical-align: middle;
                width: 75%;
            }

                body .src-socialbar.open-list-share .list-share li {
                    font-size: 0;
                    float: none;
                    padding: 0 0 9.95% !important;/* Sinon ce fait écraser par les styles de la TopStory */
                    text-align: center;
                    vertical-align: top;
                    width: 33.33%;
                }

                    body .src-socialbar.open-list-share .list-share li:nth-last-child(-n+3) {
                       padding-bottom: 0 !important; 
                    }

                body .src-socialbar.open-list-share .list-share > button {
                    position: absolute;
                    top: 0;
                    right: 0;
                }
                    body .src-socialbar.open-list-share .list-share > button:before { content: "\e638"; }

                body .src-socialbar.open-list-share .list-share li button:before {
                    font-size: 52px;
                    top: -6px;
                    left: -2px;
                }

                /* Personnalisation bouton mobile */
                body .src-socialbar.open-list-share .list-share .icon-pinterest-badge:before {
                    font-size: 48px;
                    left: 0;
                }
                body .src-socialbar.open-list-share .list-share .icon-email:before {
                    font-size: 49px;
                    line-height: 1;
                    left: -8px;
                    top: -2px;
                }
    }

    @media screen and (max-width:767px) and (orientation:landscape) {
        body .src-socialbar.open-list-share .list-share h2 {
            margin: 12% auto 4% auto !important;
        }

        body .src-socialbar.open-list-share .list-share li {
            min-height: 50px;
            height: auto;
        }
    }

    
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* Contenu du fichier temporairement COPIÉ dans le fichier /_css/rc.web.root.layout.css */
/* Pour éviter un bug de IE qui ne compile pas les CSS après les 31 premiers fichiers */
/* ------------------ */
/* ------------------ */
/* Si vous faites des modifs ici:
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* IL FAUT ABSOLUMENT LES FAIRE AUSSI DANS /_css/rc.web.root.layout.css */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */




.content .socialBarContainerDiv,
.une-section .socialBarContainerDiv,
.section-list .content-body .socialBarContainerDiv  {
    margin-top: 12px;
    }

ul.lineup-news div.socialBarContainerDiv {
    position:absolute; 
    bottom:0; 
    left:0;
    width:100%;
    }


/* Pluck */
.pluckButtonDiv {
    background: url("/_img/barrepartagee/sprite_barre_partage.png") repeat scroll -746px 0 transparent;
    float: left;
    height: 16px;
    margin: 0 2px 0 0;
    padding-top: 4px;
    width: 19px;
    }
.pluckButtonHref {
    background-position: 0 -50px;
    color: #3A3A3A;
    display: block;
    height: 20px;
    position: absolute;
    text-decoration: none;
    width: 19px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    }
.pluckCountDiv {
    color: #3A3A3A;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 0 auto;
    }


/* Twitter */
.twitterButtonDiv {float: left;}
.twitterCountDiv {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    color: #3A3A3A;
    font-family: Arial,Helvetica,sans-serif;
    }


/* GooglePlus */
.googlePlusButtonDiv{float: left;}
.googlePlusCountDiv{font-family: Arial,Helvetica,sans-serif;color: #3A3A3A;}


/* Facebook */
.facebookButtonDiv{float: left;}
.facebookCountDiv{color: #3A3A3A;}


/* Common */
.countersDiv {
    background: url("/_img/barrepartagee/sprite_barre_partage.png") no-repeat scroll -136px 0 transparent;
    border-right: 1px solid #C1C1C1;
    height: 17px;
    margin: 0 5px 0 0;
    padding: 3px 3px 0 9px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    min-width: 16px;
    float: left;
    border-radius:3px;
    -moz-border-radius:3px;
    }
div.pluckButtonDiv a img,
div.twitterButtonDiv a img,
div.googlePlusButtonDiv a img,
div.facebookButtonDiv a img  {
    margin:0;
    }


/*Tooltip*/
#tooltip {position: absolute;z-index: 3000;width:195px;}
#tooltip .containerBody {background:url("/_img/tooltip/tooltip-body.png") no-repeat; padding-top:4px;}
#tooltip .body{margin:0px 0px 0 10px; width:141px; font-size:12px; color:#07428a;}
#tooltip h3{ margin:0px 0px 0px 10px; font-size:10px; color:#787878; text-transform:uppercase; }
#tooltip .bottom{height:30px; background:url("/_img/tooltip/tooltip-bottom.png") no-repeat;}


.socialButton
{
	cursor: pointer;
}

.mailSharing {
    cursor:pointer;
    margin-right:5px;    
    background: url("http://www.r-c.ca/_img/barrepartagee/mail.png") no-repeat scroll;
    width:21px;
    height:20px;
}

.pluckButton {
    cursor: pointer;
}

.googlePlusButtonDiv {
    float: left;
    background: url("http://www.r-c.ca/_img/barrepartagee/GPlus12X12_v2.png") no-repeat scroll;
    width:21px;
    height:20px;
    cursor: pointer;
}


.facebookButtonDiv {
    float: left;
    background: url("http://www.r-c.ca/_img/barrepartagee/facebook20X20_v2.png") no-repeat scroll;
    width:21px;
    height:20px;
    cursor: pointer;
}

.twitterButtonDiv {
    float: left;
    background: url("http://www.r-c.ca/_img/barrepartagee/twitter.png") no-repeat scroll;
    width:21px;
    height:20px;
    cursor: pointer;
}

.pinterestButtonDiv
{
    float: left;
    /*background: url("//assets.pinterest.com/images/PinExt.png") no-repeat scroll;*/
    /*background: url("http://passets.pinterest.com/images/pidgets/pinit_bg_en_round_red_16_1.png") no-repeat scroll;    */
    background: url("http://www.r-c.ca/_img/barrepartagee/pinterest.png") no-repeat scroll;
    width:21px;
    height:20px;
    cursor: pointer;
}


/* url(/_img/barrepartagee/sprite_barre_partage.png) repeat scroll -746px 0 transparent */
.googlePlusOne {
    width:auto;
}

 .srcBoPtg {
    background-color: #FFFFFF;
    border: 0px solid #CFD4D6;
    height: 1%;
    position: relative;
}

.viafouraMiniButtonDiv {
    float: left;
    background: url("http://s.radio-canada.ca/_img/icon/rc.web.root.icon.gif") no-repeat scroll -120px 2px;
    width:13px;
    height:20px;
    cursor: pointer;
}

.miniViafouraCount {
    font-size: 10px;
    font-weight: normal;
    height: 11px;
    /*padding-left: 13px;*/
    font-family: Arial,Helvetica,sans-serif;
    text-decoration:none;
    margin-top:0px;
    color: #07428A;
}

.miniViafouraCount:hover{ 
    text-decoration:underline;
}