*{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
body
{
    font-family: Arial, sans-serif;
    margin-bottom: 1em;
    padding-bottom: 1em;
    font-size: 12px;
    line-height: 18px;
    max-width: 1200px;
    min-width: 980px;
    margin: auto;
    padding: 0px;
    background:#FFF;
    color:#444;
}

#page
{
    margin: 0 20px;
    _width:1000px;
    _margin: auto;
}


/*	BANNIERE
----------------------------------------------------------------------------------------*/

#topbarre{
	width:100%;
	_width:1000px;
	margin:0 auto 10px auto;
	max-width:1200px;
	min-width:900px;
	height:30px;
	padding:3px 0px 9px 0px;
	background:#FFF url('/images/bg_topbluebar.gif') repeat-x bottom;
	position:relative;
	z-index:0;
	zoom:1;
}
.topbarre_rightside{
	width:90px;
	height:16px;
	position:absolute;
	bottom:0; 
	right:0px;
	z-index:1;
}
#topbarre_gauche{
	float:left;
	position:absolute;
	top:0px;
	left:0;
	z-index:10;
}
#topbarre_droite{
	text-align:right;
	position:relative;
	z-index:11;
	padding:0 10px; 
}
.sep{
	padding:0 1px;
}

/* PICTO TOP BARRE */

.floatingsep{
	display:block;
	float:left;
	height:11px;
	padding-top:17px;
}
.slash{
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: 50% 48%;
	display:block;
	float:left;
	text-align:center;
	padding:20px 4px 0 4px;
}
.slash:hover{
	background-position: 50% -1%;
}
.stag{background-image: url('/images/picto_tag.gif')}
.smy{background-image: url('/images/picto_my.gif')}
.shot{background-image: url('/images/picto_hot.gif')}
.speople{background-image: url('/images/picto_people.gif')}

.turnoff {
    padding-left:14px; background:transparent url('/images/turnoff.gif') no-repeat center left;
}

.xl {
    font-size: 130%;
    font-weight: normal;
}

img{border:0;}


/*	RECHERCHE
----------------------------------------------------------------------------------------*/

#search
{
    max-width: 1200px;
    min-width: 950px;
    width: 100%;
    float: left;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    height:90px;
}
#search div {
    width:520px;
    margin: auto;
    height: 53px;
}
form#form_search {
    height: 45px;
    background: #9CD821 url('/images/search_bg_mid.gif') repeat-x;
    padding:8px 0 0 10px;
    width:500px;
}
#search_input {
    width: 400px;
    height:18px;
    border:1px solid #6A9E00;
    padding-top:2px;
    margin-bottom:1px;
}
#search_submit {
    width: 89px;
    height:22px;
    background: transparent url('/images/search_button.gif') no-repeat center top;
    padding:0;
    border:0;
    text-align:center;
    font-size:12px;
    font-weight: bold;
    padding:0;
}
#search_submit:hover {
    width: 89px;
    height:22px;
    background: transparent url('/images/search_button.gif') no-repeat center bottom;
    padding:0;
    border:0;
    font-size:12px;
    font-weight: bold;
    text-align:center;
}

#search h1
{
    margin: 0;
    padding: 0;
}

#search_
{
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}
#search_ div {
    width:500px;
    margin: auto;
    height: 53px;
}
form#form_search_ {
    height: 45px;
    background: #9CD821 url('/images/search_bg_mid.gif') repeat-x;
    padding:8px 0 0 10px;
    width:440px;
}
#search_input_ {
    width: 345px;
    height:18px;
    border:1px solid #6A9E00;
    padding-top:2px;
    margin-bottom:1px;
}
#search_ h1
{
    margin: 0;
    padding: 0;
}




/*	FOOTER
----------------------------------------------------------------------------------------*/

#footer {
    max-width: 1200px;
    min-width: 950px;
    width:100%;
    float: left;
    color:#aaa;
    font-size: 10px;
    font-family: verdana;
    text-align: center;
    margin:5px auto 10px auto;
    border-top: 1px solid #bdd6ec;
    background:#FFF url("/images/bg_footer.gif") repeat-x top;
}
.footer_list{
    text-align:left;
    margin:0 15px;
    float:left;
    list-style-type:none;
    line-height:16px;
}
.footer_list li.footer_title{
    font-weight:bold;
    padding:5px 0;
}

/*
----------------------------------------------------------------------------------------*/

div#main_page
{
    background-color: #fff;
    max-width: 1200px;
    min-width: 950px;
    width: 100%;
    float: left;
    margin:auto;
    _width:1000px;
    position:relative;
    zoom:1;

}

#leftbox
{
    float: left;
}

#rightbox
{
    float: right;
}

.selected
{
    background-color: #deb;
}
/*
.error
{
    background:#FFD9D6 url(/images/circle-error.gif) no-repeat scroll left center;
    border-bottom:1px solid #FF1300;
    color:#FF1300;
    font-weight:bold;
    margin:0pt auto 15px;
    padding:10px 10px 10px 40px;
    width:50%;
}
.notice
{
    background:#e1f1ff url(/images/circle-notice.gif) no-repeat scroll left center;
    border-bottom:1px solid #0060b6;
    color:#0060b6;
    font-weight:bold;
    margin:0pt auto 15px;
    padding:10px 10px 10px 40px;
    width:50%;
}
.success
{
    background:#EDFFC5 url(/images/circle-success.gif) no-repeat scroll left center;
    border-bottom:1px solid #7FB01B;
    color:#7FB01B;
    font-weight:bold;
    margin:0pt auto 15px;
    padding:10px 10px 10px 40px;
    width:50%;
}
*/
a {
    text-decoration: underline;
    color: #0060b6;
}

ul.urls
{
    list-style-type: none;
}

ul.urls li
{
    padding: 3px;
    font-size: 16px;
    height: 30px;
    background-color: #eef;
    margin: 3px;
}

div.item
{
    padding: 2px;
    font-size: 14px;
    margin: 1em;
}

div.item div
{
    margin-left: 30px;
}

div.auto_complete ul
{
    text-align: left;
}

div#relatedTags
{
    text-align: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cce;
}

li.selected
{
    background-color: #aa0000;
}

div.log
{
    margin-bottom: 1em;
}

ul.user_menu {
    margin:10px 0;
}
ul.user_menu li {
    list-style-type:none;
    font-size:12px;
    height:27px;
    line-height:26px;
  }
ul.user_menu li a {
    padding-left: 32px;
    display: block;
    border:1px solid #fff;
    border-top:1px solid #eee;
    color:#0060b6;
    background-repeat:no-repeat;
    background-position: 5px center;
    background-color:#fff;
    text-decoration:none;
}
ul.user_menu li a img{vertical-align:middle}
ul.user_menu li a:hover{background-color:#deefff;}

.menu_account{background-image:url('/images/tabs_avatar.gif');background-repeat:no-repeat !important;}
.menu_blogtools{background-image:url('/images/tabs_prefs.gif')}
.menu_buttons{background-image:url('/images/tabs_prefs.gif')}
.menu_invite{background-image:url('/images/tabs_invite.gif')}
.menu_twitter{background-image:url('/images/tabs_twitter_grey.gif')}
.menu_import{background-image:url('/images/tabs_import.gif')}

p.description
{
    margin: 0;
    padding: 0;
    font-size: 85%;
    line-height:140%;
}

div.link
{
    margin-bottom: 15px;
    min-height:65px;
    _height:65px;
}

span.volatile
{
    font-size: 80%;
    background-color: #dfd;
}

span.volatile a:hover
{
    text-decoration: underline;
}


/*	TAGS
-------------------------------------------------------------------------------------*/

.cloud
{
    padding: 1em;
    text-align:center;
    line-height:25px;
}

.cloud A:hover, .tags A:hover
{
  text-decoration:none;
  color:#fff;
  background:#0060b6;
  text-decoration:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.users_cloud{
    padding: 1em;
    text-align:center;
    line-height:25px;
}

.users_cloud a{
    font-weight: bold;
    color: #D010B1;
    text-decoration: none;
}
.users_cloud a{
    color: #D010B1 !important;
}

.users_cloud a:hover {
    background-color: #D010B1;
    color: #FFFFFF !important;
}

ul.tags{
    list-style-type: none;
    margin: 0;
    text-align: center;
}

.cloud A, .tags A{
    font-weight: bold;
    color: #0060B6;
    text-decoration: none;
    padding:1px 2px
}

.tags{font-size: 80%;}


#portalcloud a {margin: 0.4em;}

.link .tags a {
  border: 1px solid #BFD7ED;
  margin-left: 2px;
  padding: 1px 2px 1px 2px;
}

.url
{
    font-size: 10px !important;
    color: #888 !important;
    font-family: verdana !important;
}
a.url:hover
{
    font-size: 10px !important;
    color: #444 !important;
    font-family: verdana !important;
}

#maincloudarea{width: 70%;}

/*	USER
-------------------------------------------------------------------------------*/

div#userClouds
{
    margin: 0;
    padding: 0;
    padding: 5px;
    font-size: 105%;
}

/* webmaster */
pre.key
{
    border: 1px solid #447;
    background-color: #dde;
    padding: 1em;
}

.news
{
    margin-bottom: 1em;
    clear: left;
    zoom:1;
}

.newstags {display: inline;}
.newstags a {margin-right: 2px;}

.date
{
    margin-left: 1em;
    font-size: 85%;
    color: #777;
}

.active
{
    border:2px dashed #0060b6 !important;
    background-color: #e0f0ff !important;
}


h3 {
    font-family: Arial;
    color:#333;
    font-size:20px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 5px;
}


.date a {
    color:#D010B1;
    text-decoration: underline;
}
.white {
    color:#FFFFFF;
}


/*	FORM
-------------------------------------------------------------------------------*/

form#formlogin input, textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}


.buttonSubmit, .buttonSubmitHovered {
    width:69px;
    height:26px;
    color:#FFFFFF;
    font-weight:bold;
    padding:2px 5px;
    background:url(/images/button.gif) no-repeat left top;
    cursor:pointer;
    border:none;
}
.buttonSubmitHovered {
    background-position:left bottom;
}

/*	FORM
-------------------------------------------------------------------------------*/

/*Formulaire d'identification*/

form#formlogin input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:2px;
}

form#formlogin input.textinputGreen, form#formlogin input.textinputGreenHovered {
    width:150px;
    height:14px;
}


/*	ESPACE PERSO
-------------------------------------------------------------------------------*/

div#content_bookmarks div span, div#content_sites div span, div#content_posts div span {
    font-size: 13px;
}
div#content_bookmarks div ul, div#content_sites div ul, div#content_posts div ul {
    font-size: 12px;
    margin:0 0 10px 10px;
    padding:7px 0 2px 0;
    border-left: 2px solid #EEEEEE;
}
div#content_bookmarks div ul li, div#content_sites div ul li, div#content_posts div ul li {
    padding:0;
    margin:5px 0 5px 0;
}
div#content_bookmarks div ul li img, div#content_sites div ul li img, div#content_posts div ul li img {
    margin-right:3px;
}


/*	LISTE HOT
-------------------------------*/

div#hot_tag_list {
    width: 375px;
    float: right;
    height:100%;
    background:#FFF url('/images/bg_rightpanel.gif') repeat-y;
    _height:1px;
    _overflow: visible;
}

ul.hot {
    list-style-type:none;
    margin-bottom:20px;
}
ul.hot li {
    margin-left:10px;
}
ul.hot li a {
    text-decoration: none;
}
ul.hot li a:visited {
    text-decoration: none;
}
ul.hot li.toptag {
    height: 25px;
    padding: 5px 3px 3px 5px;
    margin:0;
}

div.news_content {
    padding-left:55px;
}

/*	SUNRANK
------------------------------------------*/

.sunrank {
    height: 60px;
    width: 55px;
    position: absolute;
    left:0;
    top:0;
    list-style-type:none;
    padding:0;
    margin:0;
    text-align: center;
}
.sunrank1 {
    width: 100%;
    border:1px solid #E8E8E8;
    border-bottom: none;
    margin:0;
    padding:0;
    background-color:#F8F8F8;
    color:#AAA;
    font-size: 10px;
    font-family: verdana;
}
.sunrank2 {
    padding:0;
    margin:0;
    width: 100%;
}
.sunrank2 a {
    display: block;
    width: 55px;
    background: #f8f8f8 url('/images/sunrank.gif') no-repeat center 2px;
    border:1px solid #e8e8e8;
    border-top:none;
    text-decoration: none;
    height:25px;
    padding-top:15px;
    font-weight: bold;
}
.sunrank2 a:hover {
    display: block;
    width: 55px;
    background: #f8f8f8 url('/images/sunrank.gif') no-repeat center -65px;
    font-weight: bold;
}
.score {
    font-family:verdana;
    font-size: 10px;
    text-align:center;
}


/*	HOTCLOUD
------------------------------------------*/

#portalcloud {
    margin-bottom: 15px;
    font-size: 80%;
    line-height: 200%;
}

/*
------------------------------------------*/

#content {
    margin-right:379px;
    _height:1px;
    _overflow: visible;
}

.alert_box {
    border:1px dashed #CCC;
    background: #EEE;
    margin: 4px 0 2px 0;
}
.alert_box p {
    margin: 0px 5px 0px 5px;
    padding:0;
    font-size: 11px;
    font-family:verdana;
    color:#666;
}

.alert_login {
    z-index:2000;
    width:100%;
    height:100%;
}
.alert_login div {
    border:1px solid #AED0ED;
    background-color:#E8F6FF;
    padding: 10px;
    margin: 10px;
}

/*	LIENS SPONSORISES
------------------------------------*/

.sponsorises {
    border:1px solid #CCC;
    float:left;
    width:100%;
    margin: 10px 0 10px 0;
    padding-bottom:10px;
}

.sponsorises table {
    margin-bottom:8px;
}
.sponsorises table tr td a {
    font-size: 12px;
}
#sponso_title {
    padding:0 3px;
    position: absolute;
    top:-11px;
    left:20px;
    font-size:11px;
    font-family: verdana;
    font-weight: bold;
    color:#888;
    background:#FFF;
}

.item_sponso {
    margin:10px 10px 0 10px;
    float: left;
    width:30%;
}

.item_sponso a {
    font-size:12px !important;
}

/* / SPONSO
------------------------------------*/


#right_content {
    padding:13px 0 10px 20px;
}

.morefavs {
    text-align: right;
    font-size:11px !important;
}

/*	PAGINATION
------------------------------------*/

div.pagination
{
    font-family: Arial;
    color: #000;
    padding: 5px;
    margin: 15px 3px 3px 3px;
    text-align:center;
    clear:left
}

div.pagination a {
    padding: 2px 5px;
    margin: 2px;
    border: 1px solid #AED0ED;
    text-decoration: none;
    color: #0060b6;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #0060b6;
    color: #003563;
    background: #E8F6FF;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #0060b6;
    font-weight: bold;
    background-color: #0060b6;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaa;
    color: #444;
}
.noclearing {
    clear:none !important;
}

/*	TITRES STYLES
------------------------------------*/

.title_cloud {
    border-top: 1px solid #D4EBFF;
    background:#FFF url('/images/bg_title_cloud.gif') top left no-repeat;
    height: 25px;
    padding: 5px 10px 0 140px;
    font-size: 18px;
    color:#000;
    margin-top:15px;
}

/* 	DIVERS
--------------------------------*/

.atags {
    background:#FFF !important;
}
.atags:hover {
    background:#0060b6 !important;
}

.edit_form {
    border:1px dashed #CCC;
    padding:3px;
    margin:3px;
    background:#FFF;
}
.edit_url {
    font-weight:bold;
    font-size:110%;
    color:#0060b6;
    padding:2px;
    width:60%;
}

.link_description {
    line-height:140%;
    margin-top:5px;
    padding-left:10px;
    font-size:12px;
    color:#000;
    overflow:hidden;
}
.img_links:hover {
    background:#DDD;
}

.link_item_btns {
    position: absolute;
    top:0;
    left:0;
    _left:-23px;
}

.liens_17x18 {
    text-decoration: none;
    display: block;
    width:17px;
    height:18px;
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom:3px;
}

.liens_17x18:hover {
    text-decoration: none;
    display: block;
    width:17px;
    height:18px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

h4 {
    font-size: 18px;
    color:#333;
    font-weight: normal;
}
.underlined_title {
    background:transparent url('/images/underline.png') no-repeat bottom left;
    margin-bottom:5px;
    color:#444 !important;
    margin-top:15px;
}

.lightblue_title {
    background:#EDF7FC;
    margin:3px 0;
    width:100%;
    line-height:21px;
    float:left;
    min-height:35px;
    _height:35px;
}
.lightblue_title span.thetitle{
    display:block;
    border:1px solid #b3d2ee;
    background:#EDF7FC;
    padding:4px 8px;
    margin:2px;
    font-size:16px;
    font-weight:bold;    
    color:#333 !important;
}
.bleu {
    color:#0060b6 !important;
}

ul#top_users li {
    padding:5px;
    margin:10px;
    border-bottom:1px solid #bfd7ed;
    list-style-type:none;
}

.big {
    font-size:18px;
}

span.formbury form {
    display:inline;
}

#extra_conteneur {
    border-top:1px solid #FFF;
    margin-top:0px;
    min-width:970px;
    _margin:auto;
    _width:1000px;
    font-size:11px;
}
.add_friend_inline {
    padding-left:20px;
    background:transparent url('/images/add_network.gif') no-repeat center left;
    color:#D010B1;
}
.add_friend_inline:visited {
    color:#D010B1;
}
.add_friend_inline:hover {
    color:#6E095D;
}

ul#toplinks_auto li {
    margin: 2px 0;
    padding:0;
}
ul#toplinks_auto li a {
    font-size:12px;
}
ul#toplinks li {
    margin: 2px 0;
    padding:0;
}
ul#toplinks li a {
    font-size:12px;
}
ul#toplinks li a.out:visited {
    color:#0060b6!important;
}
ul#toplinks_auto li a.out:visited {
    color:#0060b6!important;
}
.fs12 {
    font-size:12px !important;
}

.locked_top {
    border:2px dashed #ddd;
    padding:5px !important;
}

.more{
    float:right;
    font-weight:normal;
    margin-top:3px;
}

.vertical_border_left {
    position:absolute;
    top:33px;
    left:0;
    width:1px;
    height:166px;
    background:transparent url('/images/vertical_border.png') no-repeat;
}
.vertical_border_right {
    position:absolute;
    top:33px;
    right:0;
    width:1px;
    height:166px;
    background:transparent url('/images/vertical_border.png') no-repeat;
}


/* esapce perso */

.disabled {
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
}
p.visibilite {
    font-family:verdana;
    font-size:10px;
}
.small_submit {
    font-size:14px;
}

/* / espace perso */

.fleft {
    float:left;
    width:100%;
}
.tri {
    text-align:right;
    border-bottom:1px solid #CCC;
    margin-bottom:15px;
    height:26px;
    padding:0 10px;
    font-weight:bold;
}
.tri a {
    display:block;
    height:15px;
    float:left;
    border:1px solid #ccc;
    background:#DDD;
    padding:5px;
    text-decoration: none;
    _position: relative;
    _top:1px;
}
.tri a:hover {
    border:1px solid #ccc;
    background:#EEE;
    padding:5px;
}
.selected_tri {
    display:block;
    height:16px;
    float:left;
    _position: relative;
    _top:2px;
    border:1px solid #ccc;
    border-bottom:none;
    background:#FFF;
    padding:5px;
}

.usersave
{
    margin:5px 0;
    padding:3px;
}

.nomargin_childs .usersave {margin: 0;}
.nomargin_childs .usersave .link_description {margin-top: 3px;}


.fs10 {
    font-size:10px;
    font-family:verdana;
}
.done {
    background:#C5E6FF;
    color:#0060b6;
    padding:0 3px;
}

/* SLASH TAG
---------------------------*/

#news_content {
    padding-left:30px;
    background:transparent url('/images/bg_side_articles.gif') repeat-y top left;
    margin-bottom:5px;
    position:relative; zoom:1;
}
#sites_content {
    padding-left:30px;
    background:#FFF url('/images/bg_side_sites.gif') repeat-y top left;
    margin-bottom:5px;
    position:relative;
    zoom:1;
    min-height:45px;
}
#pub_content {
    padding-left:30px;
    background:#FFF url('/images/bg_side_pub.gif') repeat-y top left;
    margin-bottom:5px;
    position:relative;
    zoom:1;
}

.topleft {
    position: absolute;
    top:0;
    left:0;
}
.bottomleft {
    height:10px;
    position: absolute;
    bottom:-1px;
    left:0;
}
.bottomleft img {
    height:10px;
    line-height:1px;
}
.result_side {width:19px;}
.bgvert {background:#9CD821;}
.bgbleu {background:#0060b6;}
.bgorange {background:#FF6600;}

.vert {color:#6A9E00;}

.send_item{
    display:block;
    width: 18px;
    height:14px;
    margin: 0 2px;
    background:transparent url('/images/a_mail.png') no-repeat top center;
}
.send_item:hover{
    background:transparent url('/images/a_mail.png') no-repeat bottom center;
}

.mail_invite {
    display:block;
    width: 18px;
    height:16px;
    position:absolute;
    top:0;
    left:0;
    background:transparent url('/images/trombone.gif') no-repeat center center;
}

.log {
    margin-left:5px;
}

.button81x146 {
    display:block;
    width:146px;
    height:81px;
    background:transparent url('/images/bg_button_81x146.png') no-repeat top left;
    color:#3F3F3F;
    text-decoration:none;
    text-align:center;
}
.button81x146:hover {
    background:transparent url('/images/bg_button_81x146.png') no-repeat bottom left;
}
.desc {
    line-height:140%;
    font-size:12px;
    padding-left:10px;
    margin-bottom:3px;
}

/* Dans l'espace perso le visited est inutile */

.notepad_content a.out:visited {
    color:#0060b6;
}
.user {
    color:#D010B1 !important;
}
.user:visited {
    color:#D010B1 !important;
}
.user:hover {
    color:#6E095D !important;
}


/* Commentaires avec suggestions */

.message_box {
    margin: 5px 0 0 1em;
    background:transparent url('/images/bg_sugg_comment.gif') no-repeat bottom right;
}
.message_box p {
    padding: 0px 10px 0px 10px;
    font-size:12px;
    color:#444;
}
#message_box_bottom {
    padding: 3px 10px 15px 10px;
    background:transparent url('/images/bg_sugg_comment.gif') no-repeat bottom left;
}

/* Des liens qui ne ressemblent pas à des liens */


.nolink {
    color:#444 !important;
    text-decoration:none;
}
.nolink:visited {
    color:#444 !important;
    text-decoration:none;
}
.nolink:hover {
    color:#444 !important;
    text-decoration:underline;
}

/* Les gros boutons choix site-article */
.button144x63 {
    color:#000;
    display:block;
    border:2px solid #FFF;
    padding: 13px 0 0 8px;
    width:118px;
    height:32px;
    background:#EEE url('/images/bg_borderbutton_a_1x45.png') repeat-x;
    text-decoration:none;
}
.button144x63:visited {
    color:#000;
    text-decoration:none;
}
.button144x63:hover {
    color:#0060b6;
    border:2px solid #aaa;
    background:#FFF;
    text-decoration:none;
}

.orange {
    color:#FF4000;
}


/*	LARGESUNRANK BUTTON STYLE
---------------------------------------------*/
.largesunrank {
    height: 62px;
    width: 45px;
    position: absolute;
    left:0;
    top:0;
    list-style-type:none;
    padding:0;
    margin:0;
    text-align: center;
}
 a.savedby_ls{
	 background:#FFFFFF url(/images/bg_large_sunrank_top.gif) no-repeat top left;
	 display:block;
 	 height:22px;
 	 width:43px;
 	 padding:0px;
 	 padding-top:19px;
 	 text-align:center;
 	 border:1px solid #b8d3eb;
 	 line-height:18px;
 	 font-size:18px;
 	 font-family:arial;
 	 color:#0060b6;
 	 text-decoration:none;
 }
 a.savedby_ls:visited{
 	 border:1px solid #b8d3eb;
 	 color:#0060b6;
 }
 a.savedby_ls:hover{
	 background:#FFFFFF url(/images/bg_large_sunrank_top.gif) no-repeat -44px top;
 	 border:1px solid #0060b6;
	 color:#003563;
 }
 a.share_ls{
 	 font-size:11px;
 	 line-height:15px;
 	 display:block;
 	 width:43px;
 	 height:15px;
 	 border:1px solid #b8d3eb;
 	 text-decoration:none;
 	 color:#0060b6;
 	 padding:0;
 	 margin:0 auto;
 	 background:transparent url('http://www.yoolink.fr/images/bg_largesunrank_bottom.gif') repeat-x top left;
 	 text-align:center;
 }
 a.share_ls:hover{
 	 border:1px solid #0060b6;
	 color:#003563;
 }
.no_score{
	 background:#FFFFFF url('/images/bg_largesunrank_top_noscore.gif') no-repeat top left !important;
}
.no_score:hover{
	 background:#FFFFFF url('/images/bg_largesunrank_top_noscore.gif') no-repeat -44px top !important;
}
.nb_people{
	border:0;
	vertical-align:middle;
	margin-left:2px;
}
.site_no_score{
	 background:#FFFFFF url('/images/site_lsize_top_noscore.gif') no-repeat top left !important;
}


/* AVATARS
------------------------*/
.a_avatar {
    border:0;
}

/* INLINE AVATAR */
.small_avatar {
    border:1px solid #CCC;
    padding:1px;
    background-color:#FFF;
    vertical-align: middle;
    width:16px;
    height:16px;
}

/* BLOCK AVATAR ABSOLUTE: Common style + size, default is 50x50 */
.big_avatar {
    position: absolute;
    top:0;
    left:0;
    border:1px solid #CCC;
    padding:1px;
    background-color:#FFF;
    width:50px;
    height:50px;
}

/* BLOCK AVATAR FLOATING */
.user_pic {
    border:1px solid #CCC;
    width:50px;
    height:50px;
    padding:1px;
    background-color:#FFF;
    float:left;
    margin-right:10px;
}

.s16x16 {
    width:16px;
    height:16px;
}
.s24x24 {
    width:24px;
    height:24px;
}
.s50x50 {
    width:50px;
    height:50px;
}
.s100x100 {
    width:100px;
    height:100px;
}

.max_min {
    line-height:0;
    font-size:12px;
    float:right;
    display:block;
    height:12px;
    width:13px;
    border:1px solid #ddd;
    background:#fff url('/images/max-min.gif') no-repeat 1px center;
}
.min_max {
    line-height:0;
    font-size:12px;
    float:right;
    display:block;
    height:12px;
    width:13px;
    border:1px solid #ddd;
    background:#fff url('/images/max-min.gif') no-repeat -16px center;
}
.button_sample {
    display:block;
    float:left;
    width:140px;
    height:80px;
    padding:10px;
    margin-right:10px;
    border:1px solid #BDD6EC;
    text-decoration:none;
    background-color:#FFF;
    background-repeat: no-repeat;
    background-position: center center;
}
.button_sample:hover {
    border:1px solid #0060b6;
    color:#000;
    background-color:#FFF;
}
.button_selected{
    background-color:#EDF6FF;
    border:1px solid #0060b6;
}

.big_avatar_list {
    width:100%;
    list-style-type:none;
    float:left;
    margin-bottom:5px;
}
.big_avatar_list li {
    float:left;
    width:55px;
    height:6em;
    text-align:center;
    margin:2px;
    overflow: hidden;
    line-height:16px;
    padding: 3px;
}




/*	TEST DE FORMS SUR PAGES DETAILS
----------------------------------------  */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
.input_txt_small{
	width:97%;
	height: 16px;
	font-size:12px;
	padding:3px 3px 0px 3px;
	color:#0060B6;
	background:#FFF url('/images/bg_input_txt.gif') repeat-x;
	border:1px solid #bfd7ed;
}
.input_txt_small:hover{
	border:1px solid #759abc;
	background:#FFF url('/images/bg_input_txt.gif') repeat-x;
}

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.mini_help{
	color:#888;
	font-family:verdana;
	font-size:9px;
	margin:0;
	padding:0;
}
.listtags{
	color:#0060b6;
	border:1px solid #BFD7ED;
	margin-left:2px;
	padding:1px 2px;
	text-decoration:none;
	font-size:10px;
	font-family: verdana;
	font-weight:bold;
}
.listtags:hover{
	color:#FFF! important;
	background:#0060b6;
}
.listtags:visited{
	color:#0060b6;
}

.greenlabel{
	color:#6A9E00;
	text-align:left;
	font-weight:bold;
	margin:0;
}
.smallinputtxt{
	border:1px solid #aed0ed;
	height:14px;
	padding:2px 3px 1px 3px;
	font-size:12px;
	color:#0060b6;
	background:#FFF;
}
.smallselect{
	border:1px solid #aed0ed;
	font-size:11px;
	padding:1px 0;
	color:#0060b6;
	max-width:180px;
}

.save_type{
	vertical-align: middle;
}
.valign_b{vertical-align: text-bottom;}
.valign_m{vertical-align: middle;}
.valign_t{vertical-align: text-middle;}

/* TEST SUNRANK SMALL */

.norepeat_people{
    line-height:12px;
    font-size:11px;
    font-weight:bold;
    background:#D010B1 url('/images/people_norepeat.gif') no-repeat center right;
    padding:1px 10px 1px 2px;
    color:#FFF !important;
    text-decoration: none;
}
.norepeat_people:hover {
    opacity: 1 !important;
    filter:alpha(opacity='100') !important;
    text-decoration:underline;
}

/*********/

.listbytags{
	border-left:1px solid #BFD7ED;
	border-bottom:1px solid #BFD7ED;
	padding-top:15px !important;
	padding-bottom:0 !important;
	font-size:12px;
	margin:0pt 0pt 15px 10px !important;
	list-style-type:none;
}
.listbytags li{
	margin-left: 10px;
	padding-bottom:3px;
	
}
.morebytags{
	text-align:right !important;
	padding:3px 5px !important;
	margin:10px 0 0 0 !important;
	border-top:1px solid #DDD !important;
	background:#f7f7f7 !important;
}
.link_ff{
	color:#000;
	text-decoration:none;
	padding-left: 15px;
	background:transparent url(/images/link_ff.gif) no-repeat top left;
	line-height:15px !important;
}
.link_ie{
	color:#000;
	text-decoration:none;
	padding-left: 17px;
	background:transparent url(/images/link_ie.gif) no-repeat top left;
	line-height:16px !important;
}
.msg_content{
	padding-top:3px;
	padding-left:70px;
	padding-bottom:3px;
}
.msg_content p{
	font-size:12px;
	line-height:14px;
	padding-top:3px;
	padding-bottom:3px;
}


.sub_content_10{
	padding-left:7px;
}
.sub_margin_5{
	margin:5px 0;
}



/* NEW TAGGING STYLE */

.form_blocks{
	padding: 0 5px;
	position:relative;
	zoom:1;
	z-index:2;
	margin-bottom:5px;
}
.help_blocks{
	color:#000;
	position:absolute;
	top:0;
	left:0;
	background:#e5ffb0;
	border:1px solid #c6e784;
	width:240px;
	padding-left:395px;
	z-index:-1;
	height:100%;
}
.phelp{
	padding-top:20px;
	padding-right:5px;
	font-size:11px;
	line-height:13px;
}
.phelp_picto{
	float:right;
	margin:3px;
}
.new_style{
	background:#FFF !important;
	color:#000 !important;
}
#fieldset_title_small{
	background:#FFF!important;
	position: relative!important;
	top:-9px!important;
	font-size:14px!important;
	font-family: arial!important;
	color:#6A9E00!important;
	padding: 0 7px!important;
	font-weight:normal !important;
}

.friends_dest{
	float:left;
	display:block;
	height:17px;
	width:79px;
	overflow:hidden;
	margin:1px;
}
.url_value{
	color:#84554C;
	overflow:hidden;
}

.tiny  { font-size: 10px !important;line-height: 20px !important;}
.small { font-size: 1.2em !important;}
.normal { font-size: 1.5em !important;}
.big   { font-size: 2em !important;}
.huge  { font-size: 3em !important;}

.fmaj:first-letter{
	text-transform: uppercase;
}

a.disabled{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
a.disabled img {
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
}
a.disabled:visited img{
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
}
a.disabled:hover img{
    filter:alpha(opacity=99);
    -moz-opacity:0.99;
    opacity:0.99;
}
a.out:hover{
    color:#003563 !important;
}

/* **************************
.thumb80x60{
    height: 60px;
    width: 80px;
    border: 0;
}

.thumb80x60_table{
    position: absolute;
    left:0;
    top:4px;
    width:84px;
    height:64px;
    padding:1px;
    border:1px solid #CCC;
}
************************** */ 

.user_li{
    background:#FFFFFE;
    min-height:26px;
    _height:26px;
    padding:3px 0 3px 35px;
    position:relative;
    _zoom:1;
    line-height:26px !important;
    border-bottom:1px solid #D9E5ED;
}

.user_li:hover .big_avatar{
    border:1px solid #000;
}

.no_{text-decoration: none !important;}
.no_:visited{text-decoration: none !important;}
.no_:hover{text-decoration: none !important;}
.do_{text-decoration: underline !important;}

/* LES FILTRES ET LE TRI */
/* ********************* */


#sort_and_filter{
	width:100%;
	margin:0 0 10px;
	border-top:1px solid #b5d0ea;
	border-bottom: 0px solid #b5d0ea;
	height:35px;
}
.a_filter{
        position:relative;
        _zoom:1;
	color:#000;
	display:block;
	float:left;
	height:14px;
	padding: 7px 5px 6px 5px;
	border-right:1px solid #c8dcee;
}
.a_filter_selected{
	background:#c8dcee;
}
.a_sortby{
	position:relative;
	_zoom:1;
	display:block;
	float:left;
	height:23px;
	padding: 7px 5px 2px;
}
.a_sortby_selected{
	background:#c8dcee;
}
.filter_corner{
	position: absolute;
	bottom:0;
	height:8px;
	font-size:8px !important;
	line-height:8px !important;
	width:8px;
	background-color:transparent;
	background-image:url('/images/small_corners.gif');
	background-repeat:no-repeat;
	display:none;
}
.a_filter_selected .filter_corner{
	_bottom:-1px;
}
.a_sortby_selected .filter_corner{
	display:block;
}
.a_filter_selected .filter_corner{
	display:block;
}

/* INFOBULLE */
/* ********* */

a.tooltip em {
    display:none;
}
a.tooltip img{
    vertical-align:text-bottom;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 9999999;
    text-decoration:none;
}
a.tooltip:hover em {
    font-size:12px; 
    line-height:16px;
    font-style: normal;
    display: block;
    position: absolute;
    top: 35px;
    left: -140px;
    padding: 8px;
    color: #000;
    border: 3px solid #C8DCEE;
    background: #EDF7FC;
    width:190px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -14px;
    left: 130px;
    height: 14px;
    width: 29px;
    background: transparent url('/images/tooltip_top.gif');
    margin:0;
    padding: 0;
    border: 0;
}

/* ARRONDIS BLEU */
/* ************* */

.rounded_master{
    background:#edf6ff;
    position:relative;
    _zoom:1;
}
a.rounded_master:hover{
    background:#d0e4f6;
}
.rounded_corner{
    width:10px;
    font-size:1px;
    height:10px;
    background-color:transparent;
    background-image:url('/images/portal_bulle_corners.gif');
    background-repeat:no-repeat;
    position:absolute;
}
a.rounded_master:hover .rounded_corner{
    background-image:url('/images/corners_darkblue.gif');
}
.topleft{
    top:0;
    left:0;
    background-position: 0 0;
}
.topright{
    top:0;
    right:0;
    background-position: -10px 0;
}
.bottomright{
    bottom:0;
    right:0;
    background-position: -10px -10px;
}
.bottomleft{
    bottom:0;
    left:0;
    background-position: 0 -10px;
}
/*
.code{
    background:#f1ffd4;
    border:1px solid #c4cfaf;
    padding:6px;
    font-size:11px;
    line-height:15px;
    margin-top: 10px;
    font-family: monospace;
}
*/
table#badges td{
    padding: 10px;
    border-bottom: 1px solid #BDD6EC;
    background:#FFF;
}
table#badges td.code{
    background:#FFF;
    font-size:11px;
    line-height:15px;
    font-family: arial;
    border:0;
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #BDD6EC;
}
.topsites .usersave{
    margin-top:0;
    margin-bottom:0;
}

.common_friend{ 
    background:#EDF7FC;
}


/* Liste de users avec details */

.list_user_details{
    width:100%;
    list-style-type:none;
    float:left;
    margin-bottom:5px;
}
.list_user_details li {
    width:100%;
    float:left;
    border-bottom:1px solid #D9E5ED;
}

.list_user_details li div.user_details {
    padding:10px 10px 10px 75px;
    position:relative;
    _zoom:1;
    min-height:54px;
    _height:54px;
    text-align: left;
}

.list_user_details li:hover {
    background:#f7f7f7;
}

.stats a.out no_{
    color:#888 !important;
}

/* Style général d'un URLDETAIL */

.urldetail{
    position: relative;
    _zoom:1;
    padding-right:55px;
    clear:left;
    margin-bottom: 15px;
    min-height:65px;
    _height:65px;
}
.urldetail_title{
    margin-bottom:5px;
}
h1.urldetail_title{font-weight:normal}
.urldetail_description{
    line-height:140%;
    font-size:12px;
    color:#000;
    overflow:hidden;
    padding: 3px 3px 3px 10px;
    _width:460px;
}
.urldetail_details{
    font-size:11px;
    padding-left:10px;
    min-height:20px;
}
.urldetail_details div{
    float:left;
}
.details_sep{
    padding:0 3px;
}


/* Modification d'un URLDETAIL */

.edit_box{
    margin-bottom:5px;
}
.editbox_title{
    display:block;
    padding:3px 10px;
    color:#29577A;
    background:#EDF7FC;
    float:left;
    
}
.edit_box form{
    width:100%;
    background:#EDF7FC;
    padding:5px 0;
}
.edit_box form div{
    margin:10px;
}
.edit_box form input.edit_title{
    font-size:14px;
    color:#0060b6;
    padding:3px 5px;
    border: 1px solid #B3D2EE;
    background:#FFF;
    width:97%;
    margin-bottom:10px;
}
.edit_box form textarea{
    margin-bottom:10px;
    font-size:12px;
    line-height:15px;
    height:31px;
    padding:3px 5px;
    border: 1px solid #B3D2EE;
    background:#FFF;
    width:97%;
}
.edit_box form textarea:hover{
    border: 1px solid #0060b6;
}
.edit_box form input.edit_title:hover{
    border: 1px solid #0060b6;
}
.urldetail_actions{
    position:absolute;
    top:0px;
    right:0px;
    margin-left:5px;
    padding-left:4px;
    border-left:1px solid #B3D2EE;
    width:45px;
}

/* Feed */

.feed_box{
    padding-left:35px;
    background:transparent;
    background-repeat: repeat-y;
    background-position: top left;
    position:relative;
    _zoom:1;
}

.feed_item_container{border-bottom:1px solid #deefff; position: static;}
.feed_item{padding: 10px 10px 10px 30px;}

.blue_hl{
    background:#EDF6FF;
    margin: 10px 0;
}
.yellow_hl{
    background:#FFFFC9;
    margin:10px 0;
}

.feed_title{
    font-weight:bold;
    margin-bottom:8px;
    font-size:12px;
    line-height:15px;
}

.feed_item_date{
    font-weight:normal;
    color:#a8a8a8;
}

/* **************************
.with_thumb{
    min-height:65px;
    _height:65px;
    padding-left: 90px;
    position:relative;
    _zoom:1;
}
************************** */ 

ul.links{
list-style-type:none;
}


/* CONTACT FORM */
.contact_tab{
    float:left;
    padding:10px 10px 10px 35px;
    border-width:1px 1px 0 1px;
    border-style:solid;
    position:relative;
    z-index:200;
    top:1px;
    font-size:14px;
}
.tab_question{
    background:#DEEEFF url('/images/question.gif') no-repeat 10px 10px ;
    border-color:#AED0ED;
}
.tab_bug{
    background:#FFC8B5 url('/images/bug.gif') no-repeat 10px 10px ;
    border-color:#FF8F69;
}
.tab_idea{
    background:#FFF9BD url('/images/idea.gif') no-repeat 10px 10px ;
    border-color:#EFD84D;
}
.contact_box{
    padding:15px;
    clear:left;
    position:relative;
    z-index:199;
}
.contact_question{
    background:#DEEEFF;
    border: 1px solid #AED0ED;
}
.contact_bug{
    background:#FFC8B5;
    border: 1px solid #FF8F69;
}
.contact_idea{
    background:#FFF9BD;
    border: 1px solid #EFD84D;
}
.checked {
    line-height:0;
    font-size:12px;
    display:block;
    height:14px;
    width:14px;
    background:#fff url('/images/checkboxes.gif') no-repeat -14px center;
    margin-top:3px;
}
.unchecked {
    line-height:0;
    font-size:12px;
    display:block;
    height:14px;
    width:14px;
    background:#fff url('/images/checkboxes.gif') no-repeat 0px center;
    margin-top:3px;
}
.notvalid {
    background: #FFD9D6;
}