body, html  { width: 100%; height: 100%; }
body, table { margin: 0px; padding:0px; font-family: Georgia, "Times New Roman", Times, serif; color:#000; background-color:#fff; font-size:12px; }
html { overflow-y:scroll;}
table { background-color:transparent; }



/* main */
#main { position:relative; padding: 0px; width: 620px; margin:0px auto; min-height:100%; }


/* menu admin */
#menuadmin { position: fixed; top: 0px; width: 140px; right: 0px; padding: 10px; background-color:#feffef; border: 1px solid #6fd1df; margin: 10px 10px 10px 0px; -moz-border-radius: 4px; }
#menuadmin .titre { color: #13b2cb; text-decoration:underline; }

/* menu */
#menu { background: url(../img/bar_menu.png) transparent bottom right no-repeat; position:relative; width:100%; height:40px; z-index:1; }
#menu a { cursor:pointer;}
#menu a:hover { }
#menu li {}
#menu ul li a { display:block; height:40px; }
#menu ul li a.selected { background:url(../img/hover_menu.png) bottom center no-repeat; }
#menu ul.nav { position:relative; float:left; }
#menu ul.nav li { float: left; background: url(../img/topmenuseparator.png) center left no-repeat; }
#menu ul.nav li.first { background-image:none; }
#menu ul.nav li a img { padding: 13px 13px 12px 13px; }
#menu ul.account { position:relative; float:right;}
#menu ul.account li { float: left; background: url(../img/topmenuseparator.png) center right no-repeat; }
#menu ul.account li.last { background-image:none; }
#menu ul.account li a.username { height:inherit; height:26px; padding: 14px 13px 0px 13px; }
#menu ul.account li a img { padding: 16px 13px 9px 13px; }
#menu ul.account li a img.logout { padding: 11px 13px 11px 13px; }
#menu ul.account li.language { padding: 6px 13px 13px 13px; background:url(../img/rond_menu.png) no-repeat 5px 6px; font-family:"Trebuchet MS"; font-size:11px; }
#menu ul.account li.language a { display:block; height:10px; text-align:center; color:#555555; }
#menu ul.account li.language a:hover { text-decoration:none; }
#menu ul.account li.language a.selected { cursor: default; color:#ffffff; background-image:none; }

#submenu { top:-5px; }
#submenu a:hover { color: #888888; }
#submenu #login { display:none; background:url(../img/submenu.png) #a5a5a5 bottom right no-repeat; text-align:right; padding:0px 10px; font-family:Trebuchet MS; }
#submenu #login a { color: #dddddd; text-decoration:underline; }
#submenu #login a:hover { color:#CCCCCC; }
#submenu #login input { margin-left: 5px;}
#submenu #login input.username { margin-left: 10px;}
#submenu #login input.username,
#submenu #login input.password { border:2px solid #949494; background-color:#FFFFFF; padding: 3px; font-family:Trebuchet MS; font-size:12px; color: #949494; -moz-border-radius:4px }
#submenu #login .error { font-family:Trebuchet MS; color: #af4c4c; font-weight:bold;}
#submenu #themes { display:none; padding: 0px 12px; font-style:italic; font-size:11px; }
#submenu #filters { display:none; padding: 0px 12px; font-style:italic; font-size:14px; }
#submenu #search { display:none; background:url(../img/submenu.png) #a5a5a5 bottom right no-repeat; text-align:right; color: #dddddd; padding:0px 10px; }
#submenu #search input.search { border:2px solid #949494; background-color:#FFFFFF; padding: 3px; font-family:Trebuchet MS; font-size:12px; color: #949494; margin: 0px 5px; -moz-border-radius:4px; }
#submenu .list { position:relative; color:#dddddd; border-bottom:1px solid #eeeeee; height:25px; }
#submenu .list .explanation { float:left; color: #FFFFFF; font-style:normal;}
#submenu .list .tag { float:left; padding-right:15px;}
#submenu .list .tag label,
#submenu .list .tag a,
#submenu .list .tag a:link,
#submenu .list .tag a:visited { font-size:14px; color:#ababab; text-decoration:none; outline:none; }
#submenu .list .tag a.s,
#submenu .list .tag a:hover { color: #13b2cb; text-decoration:none; }
#submenu .list.languages { margin-top:1px; padding: 10px 0px 35px; border-width:0px; background:url(../img/bg_languages.png) #dddddd repeat-x bottom right; }
#submenu .list.languages .explanation { padding: 3px 10px; }
#submenu .list.languages .tag { padding-top: 4px; }


#content { padding:0px 10px; line-height:21px; font-family:Trebuchet MS; font-size: 13px; color: #555555; }
#header { position:relative; padding:15px 0px 0px; }
#banner { position:relative; padding:20px 0px; }
#welcome { position:relative; margin-bottom: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color: #555555; }
#welcome .text { padding-bottom:5px; }
#welcome .showhide { width: 600px; text-align:right; border-top:1px solid #eeeeee; padding-top: 10px; padding-top: 3px; height: 20px; }
#welcome .showhide a { float:right; display:block; width: 70px; height: 16px; cursor:pointer; }
#welcome .showhide a.hide { background-repeat: no-repeat; background-position: 2px 0px; }
#welcome .showhide a.hide:hover { background-repeat: no-repeat; background-position: 2px -30px; }
#welcome .showhide a.show { background-repeat: no-repeat; background-position: -93px 0px; }
#welcome .showhide a.show:hover { background-repeat: no-repeat; background-position: -93px -30px; }
#user_link { float:left; }
#user_link a { float:left; display:block; width: 126px; margin-right: 10px; height: 21px; background-repeat:no-repeat; background-position:0px 0px; }
#user_link a.selected { background-position:0px -21px; }
#user_link a:hover { background-position:0px -42px; }
#listthumb { text-align:right; padding: 0px 0px; margin-bottom:20px; }
#bottom { position:relative; border-bottom:1px solid #eeeeee; border-top:5px solid #d9d9d9; padding:10px 0px; }
#bottom #pagination { float:left; position:relative; }
#bottom #pagination div { float:left; }
#bottom #pagination div a { display:block; padding:0px; height:20px; }
#bottom #pagination div a { display:block; padding:0px; height:20px; }
#bottom #pagination div.prev a { width: 55px; }
#bottom #pagination div.prev a.inactive:hover,
#bottom #pagination div.prev a.inactive { background-position: 0px 5px; background-repeat: no-repeat; }
#bottom #pagination div.prev a.active:hover { background-position: 0px -58px; background-repeat: no-repeat; }
#bottom #pagination div.prev a.active { background-position: 0px -27px; background-repeat: no-repeat; }
#bottom #pagination div.next a { width: 56px; }
#bottom #pagination div.next a.inactive:hover,
#bottom #pagination div.next a.inactive { background-position: -54px 5px; background-repeat: no-repeat; }
#bottom #pagination div.next a.active:hover { background-position: -54px -58px; background-repeat: no-repeat; }
#bottom #pagination div.next a.active { background-position: -54px -27px; background-repeat: no-repeat; }
#bottom #pagination div.texte { font-size: 12px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; color:#aaaaaa; }
#bottom .backtotop { float:right; text-align:right; padding-top:3px; }
#bottom .backtotop a { cursor:pointer; display:block; height:18px; width:90px; background-repeat:no-repeat; }
#bottom .backtotop a:hover { background-position:0px -30px; }

#footer { background: url(../img/bar_footer.png) #555555 top right no-repeat; color:#aaaaaa; font-size:11px; padding: 20px; width: 580px; margin:50px auto 0px; position:relative; }
#footer a { color:#dddddd; }
#footer a:hover { text-decoration:underline; }
#footer .fs { position:absolute; right: 20px; top: 17px; width: 58px; height:20px; }
#footer .fs a { display: block; width: 58px; height:20px; background:url(../img/logo_from-scratchh.png) bottom left no-repeat; }
#footer .fs a:hover { background-position:top left; }

/* sms list */
.sms { }
.sms .img { position:relative; width:600px; padding-bottom: 20px; }
.sms .img .image img { width: 600px; }
.sms .img .navigation { position:absolute; width: 56px; right: -56px; top: 0px; background: url(../img/bg_navigation.png) 0px 0px no-repeat; }
.sms .img .navigation .number {text-align:center; padding: 5px 0px 4px; font-family: Trebuchet MS, Arial; font-size:12px; font-weight:bold; color: #FFFFFF; }
.sms .img .navigation .prev,
.sms .img .navigation .next { height:56px; width:56px; }
.sms .img .navigation .prev a.link,
.sms .img .navigation .next a.link { display:block; height:56px; width:56px;cursor:pointer;  }
.sms .img .navigation .prev a.nolink,
.sms .img .navigation .next a.nolink { display:block; height:56px; width:56px; cursor:default; }
.sms .img .navigation .prev a.random { display:block; width:56px; cursor:pointer; background-color:#d9d9d9;  font-family: Trebuchet MS, Arial; font-size:12px; font-weight:bold; color: #555555; text-align:center; padding:48px 0px;  }
.sms .img .navigation .prev a.link { background: url(../img/arrow_top_dark.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .next a.link { background: url(../img/arrow_bottom_dark.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .prev a.link:hover { background: url(../img/arrow_top_blue.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .next a.link:hover { background: url(../img/arrow_bottom_blue.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .prev a.nolink { background: url(../img/arrow_top_bright.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .next a.nolink { background: url(../img/arrow_bottom_bright.png) transparent 50% 50% no-repeat; }
.sms .img .navigation .com a { display: block; padding: 4px 2px 10px 25px; text-align:center;font-family: "Trebuchet MS"; font-size: 12px; color: #888888; }
.sms .img .navigation .com a:hover { text-decoration: none; }
.sms .img .navigation .com a.jTip { height:150px; }

.sms .infos { position:relative; margin-bottom:60px; border-bottom:1px solid #ebebeb; width: 100%; color:#aaaaaa; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;}
.sms .infos a { color: #aaaaaa; }
.sms .infos a:hover { color: #13b2cb; text-decoration:none; }
.sms .infos .date { float:left; height: 22px; padding: 0px 15px 0px 22px; background: url(../img/heure.png) 0px 4px no-repeat; border-right:1px dotted #dadada; }
.sms .infos .tags { float:left; height: 22px; padding: 0px 15px 0px 35px; background: url(../img/telephone.png) 13px 0px no-repeat; border-right:1px dotted #dadada; }
.sms .infos .comments { float:left; height: 22px; padding: 0px 15px 0px 35px; background: url(../img/bulle.png) 13px 4px no-repeat; }
.sms .infos .plus { float:right; position:relative; height: 40px; padding-right:0px; }
.sms .infos .fb { float:right; padding:0px 16px 0px 0px; }
.sms .infos .fb_like { float:right; padding:0px 16px 0px 0px; }
.sms .infos .fb a { display:block; height:21px; width: 21px; background-image:url(../img/facebook.png); padding:0px; background-repeat:no-repeat; cursor:pointer; background-position:0px 0px; }
.sms .infos .fb a:hover { background-position:0px -21px; }
.sms .admin { position:absolute; width: 200px; left: -200px; top: 1px; }
.sms .admin .titre { color: #13b2cb; text-decoration:underline; }
.sms .admin select { }
.sms .admin textarea { width: 190px; height:150px; border:1px solid #949494; background-color:#FFFFFF; padding: 3px; font-family:Trebuchet MS; font-size:12px; color: #949494; }
.sms .admin .actions { }
.sms .admin .actions .date { font-size:11px; line-height:12px; padding-top:10px; color: #999999; font-style:italic; }
.sms .admin .actions .action { font-size:11px; line-height:12px; }

/* sms thumbnail */
#smsth { position:relative; width:600px; }
#smsth .smsth { float:left; width:190px; }
#smsth .smsth .img { width:190px; height:325px; padding-bottom: 0px; }
#smsth .smsth .img .image { width: 190px; height:254px; overflow:hidden; }
#smsth .smsth .img .image img { width: 190px; }
#smsth .smsth .infos { position:relative; border-bottom:0px solid #ebebeb; width: 100%; color:#aaaaaa; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;}
#smsth .smsth .infos a { color: #aaaaaa; }
#smsth .smsth .infos a:hover { color: #13b2cb; text-decoration:none; }
#smsth .smsth .infos .metas { position:relative; padding-top:5px; }
#smsth .smsth .infos .metas .number { float:left; padding:0px 10px; text-align:center;  border-right:1px dotted #dadada; font-family: Trebuchet MS, Arial; font-size:12px; font-weight:bold; color: #13b2cb; font-style:normal; }
#smsth .smsth .infos .metas .comments { float:left; padding:0px 10px 0px 30px; background: url(../img/bulle.png) 8px 6px no-repeat; }
#smsth .smsth .infos .metas .plus { float:right; position:relative; padding-right:5px; }
#smsth .smsth .infos .published { border-width:0px; padding:0px 0px; float:left; }
#smsth .smsth .admin { position:relative; }

/* HEART */
.plus .heart a { display: block; width: 27px; height: 21px; background-repeat:no-repeat; cursor:pointer; }
.plus .heart a.like:hover { background-image:url(../img/hearts.png); background-position:0px -60px; opacity:0.5; }
.plus .heart a.dislike:hover { background-image:url(../img/hearts.png); background-position:0px -30px; }
.plus .heart a.like { background-image:url(../img/hearts.png); background-position:0px -60px; }
.plus .heart a.dislike { background-image:url(../img/hearts.png); background-position:0px 0px; }

.published { border-left:1px dotted #dadada; border-right:1px dotted #dadada; padding:0px 5px; float:left; }
.published a { display:block; width: 21px; text-align:center; cursor:pointer; color:#000; }
.published a.on { background-color:#639F63; }
.published a.on:hover { background-color:#006600; }
.published a.off { background-color:#DF8B8B; }
.published a.off:hover { background-color:#990000; }

#comments h2 a { color: #bbbbbb; font-size:13px; cursor:pointer; }
#comments .comment { border-bottom:1px #CCCCCC dotted; padding: 20px 5px; position:relative; }
#comments .comment .info { float:left; width: 176px; position:relative; font-style:italic; }
#comments .comment .info .author { font-size: 16px; color: #888888; font-family:Georgia, "Times New Roman", Times, serif; width: 176px; overflow:hidden; }
#comments .comment .info .author a { color: #8ed7e4; }
#comments .comment .info .author a:hover { text-decoration:none; }
#comments .comment .info .date { font-family:Trebuchet MS; color:#cfcfcf; font-size:10px; }
#comments .comment .content { width: 400px; position:relative;  display: block; margin-left: 200px; font-family:Trebuchet MS; color:#555555; font-size:12px; }
#comments.last_comments .comment .content { width: 275px; }

form h1 { margin-right:25px;}
form .item { float:left; width: 289px; padding: 10px 0px 0px 0px; height:75px; }
form .item.textarea { width: 574px; height:180px; }
form .item .label { color: #666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding-left:3px; }
form .item .label .star { color: #8ed7e4; font-style:italic; }
form .item .field { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; }
form .item .field input { width: 255px; border:2px solid #8ed7e4; background-color:#FFFFFF; padding: 3px; font-family:Trebuchet MS; font-size:12px; color: #949494; -moz-border-radius:4px; }
form .item .field textarea { width: 542px; height:130px; border:2px solid #8ed7e4; background-color:#FFFFFF; padding: 3px; font-family:Trebuchet MS; font-size:12px; color: #949494; -moz-border-radius:4px; }
form .item .field.blue { width: 262px; background-color:#b3e3ed; -moz-border-radius:4px; padding:10px 0px; font-family:Trebuchet MS; font-size:12px; color:#666666; }
form .item.checkbox { width: 578px; height:45px; }
form .item.checkbox .field { width: 578px; }
form .item.checkbox input { width: 30px; }
form .item .field.blue div { float:left; padding-top:4px; }
form .item .field.blue div input { width: auto; margin:0px 10px; top: 5px; border:0px; background-color:transparent; }
form div.submit { text-align:center;}


#addcomment { position:relative; margin: 20px 0px; padding: 20px 0px 20px 20px; background-color:#d9f2f7; border:1px solid #d9f2f7; -moz-border-radius:8px; height:507px;}
#addcomment h1 { border-width:0px; }
#addcomment h1 { border-width:0px; }
#addcomment img#fuck { vertical-align:bottom; border:2px solid #8ed7e4; -moz-border-radius:4px; }
#addcomment input.captcha { width: 142px; }
#register .registerForm { position:relative;  margin: 20px 0px; padding: 20px 0px 20px 20px; background-color:#d9f2f7; border:1px solid #d9f2f7; -moz-border-radius:8px; height:390px;}
#register h1 { border-width:0px; }
#register .registerForm .explanation { text-transform:uppercase; font-family:"Trebuchet MS"; font-size:13px; color: #0fa4c1; }
#register .registerForm div.submit input.submit { margin-top:20px; }
#forgetpassword { position:relative; margin: 20px 0px; padding: 20px 0px 20px 20px; background-color:#d9f2f7; border:1px solid #d9f2f7; -moz-border-radius:8px; height:180px;}
#forgetpassword h1 { border-width:0px; }
#forgetpassword div.item { width: 500px; }
#editProfile .editProfileForm { position:relative;  margin: 20px 0px; padding: 20px 0px 20px 20px; background-color:#d9f2f7; border:1px solid #d9f2f7; -moz-border-radius:8px; height:270px;}
#editProfile .editProfileForm div.submit input.submit { margin-top:20px; }



/* Form Validation */
form div.status label.error { padding-left: 3px; font-size:11px; color: #EA5200;}
form div.status label.checked {  background:none;}


/* Utils - Général */
.dotted { letter-spacing:7px; font-weight:bold; line-height:8px;}
.clear { clear:both; }
.pointer { cursor:pointer; }
a img { border: 0px; }
a, a:link, a:visited { color: #13b2cb; text-decoration:none; outline:none; }
a:hover { color: #13b2cb; text-decoration:underline; }
.introuvable { text-align:center; font-weight: bold; }
.hidden_link {color: #ffffff; }	
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0px; padding: 0px; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-style:italic; color: #13b2cb; letter-spacing:0px; margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px dashed #d9d9d9; font-weight:normal; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-style:italic; color: #13b2cb; letter-spacing:0px; margin-bottom: 20px; padding-bottom: 20px; font-weight:normal; }
a img,:link img,:visited img { border: none; }
li { list-style-type: none; }
input.hidden { position: absolute; top: -999999px;}
input { outline:none; }
input.submit {
	margin-right: auto;
	margin-left: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-width:0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	cursor: pointer;
}
input.submit:hover { background-position: 0px -40px; }
input.submit.menu:hover { background-position: 0px -30px; }
input.submit.menu.languages:hover { background-position: 0px -25px; }
h1 a { color: #bbbbbb; font-size:13px; cursor:pointer; }
h1 a:hover { text-decoration:none; }