/**
 *  @file
 *  Share widget CSS
 *  @author BNF
 */

/*pictos en ligne sur pages texte*/
#divpictosshare.right{
    float: right;
    position: relative;
    top: 2em;
}
#divpictosshare.left{
    float: left;
}
#divpictosshare{
    float: none;
}
#pictosenligne {
    padding-top:3px;position:relative;
}
#pictosenligne ol li{position:relative;padding:0;margin:0 2px;width:14px;height:14px;line-height:1px;float:left;cursor:pointer;
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;}
    
 #pictosenligne.tablette{
     float:right;margin-right:12px;margin-bottom:12px;
 }
#pictosenligne.tablette ol li{position:relative;padding:0;margin:0 2px;width:22px;height:22px;line-height:1px;cursor:pointer;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;}
    
#hp{
    margin-left:16px;height:18px;
}
#hp img{
    padding-top:3px
}
/**/

#divsharen {
    width: 100px;
}

#divsharen * {
    box-sizing: content-box;
}

#divsharen ol{
        list-style:none;
        position:relative;
        width:auto;
        margin:0;
        padding:0;
    }
#divsharen     ol li{
        list-style:none;
        float:right;
        width:14px;
        height:14px;
        border:none;
        border-radius: 2px;
        -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
    }
#divsharen     ol li ol{
        width:auto;
        position:absolute;
        top:0;right:14px;
        display:none;
    }
#divsharen     ol li ol li
    {
       float:left;
        height:14px;
        width:14px;
        margin:0 2px 0 0;
        
        /*      @see update Paul 2015/01/27 11:16:51
        */
        position: relative;
    }
#divsharen    li:hover ol ol,
#divsharen li li:hover ol ol,
#divsharen li li li:hover ol ol ol
{
    display:none;
}

#divsharen li:hover ol,
#divsharen li li:hover ol,
#divsharen li li li:hover ol
{
    display:block;
}
/**/
#divsharen.ouvertureleftenfants{
    position:absolute;right:0;top:2px;height:16px;width:150px;
}
#divshare.ouverturerightenfants{
    position:absolute;right:0;top:2px;
}
#divsharen.ouvertureleft{
    position:absolute;right:0;bottom:-21px;height:16px;width:150px;
}
#divshare.ouvertureright{

}
#menushare{
    position:absolute;
    font-size:.70em;
    z-index:400;
    width:auto;
}
#divshare.ouvertureleft #menushare,
#divshare.ouvertureleftenfants #menushare{
    right:-4px;top:0;position:absolute;
}
#menushare ol, #pictosshare ol, #pictosenligne ol{
    list-style:none;
    position:relative;
    font-weight:bold;
    margin:0;padding:0;width:auto;
}
#menushare ol ol
{
    display:none;position:absolute;top:0;
}
#divshare.ouvertureleft #menushare ol ol,
#divshare.ouvertureleftenfants #menushare ol ol{
    right:0;
}
#divshare.ouvertureright #menushare ol ol{
    left:14px;padding-left:2px;
}
#menushare ol li{float:left;position:relative;cursor:pointer;border:none;-moz-border-radius: 2px;
    -webkit-border-radius: 2px;border-radius: 2px;}
#menushare ol li ol li{position:relative;padding:0;margin:0 2px;width:14px;height:14px;line-height:1px;}

#divshare.ouvertureright #menushare ol li{padding:0;margin:0 2px;width:14px;height:14px;line-height:1px;}
#divshare.ouvertureleft #menushare ol li,
#divshare.ouvertureleftenfants #menushare ol li
{padding:0;margin:0 2px;width:14px;height:14px;line-height:1px;}
/**/
#plus{
    padding-left:3px;padding-top:3px;position:absolute;
}


/*      update Paul 2015/01/27 11:16:51 - il faudrait TOUT refaire,
        mais malheureusement, pas assez de temps.
        @see http://redmine.neuros.fr/issues/4941
*/

#favoris,
#imprimer,
#mail,
#facebook,
#twitter {
    position: absolute;
}
#favoris {
    left: 1px;
    top: 1px;
}
#imprimer {
    left: 2px;
    top: 2px;
}
#mail {
    left: 2px;
    top: 3px;
}
#facebook,
#twitter {
    left: 4px;
    top: 2px;
}


#pictosenligne.tablette #facebook{
    padding-left:10px;padding-top:3px;position:absolute;
}
/* LES ROLLOVER CSS */
#pictosshare li:hover ol ol,
#pictosshare li li:hover ol ol,
#pictosshare li li li:hover ol ol
{
    display:none;
}

#pictosshare li:hover ol,
#pictosshare li li:hover ol,
#pictosshare li li li:hover ol
{
    display:block;
}

#menushares li:hover ol ol,
#menushares li li:hover ol ol,
#menushares li li li:hover ol ol ol
{
    display:none;
}

#menushares li:hover ol,
#menushares li li:hover ol,
#menushares li li li:hover ol
{
    display:block;
}

/* 5444 */
/* Annulé 5809
#divpictosshare ol li {
	background: black !important;
}
*/