/*  
Nom du Thème : TrendGlobes modifié
Auteur : Patrice LEGAY (www.webdconseils.com)
*/

* {margin: 0; padding: 0; border: none; outline:none;}

body { 
	margin: 0;
	padding: 0;
	background: #121212 url(images/background.gif) repeat-x top left;
	font-family: "Arial", Lucida Grande, Verdana, Helvetica, sans-serif;
	font-size: 80%;
 	color: #FFFFFF;
	text-align: left;
}

html {
	scrollbar-face-color:#0c0c0c;
	scrollbar-highlight-color:#0c0c0c;
	scrollbar-3dlight-color:#0c0c0c;
	scrollbar-darkshadow-color:#0c0c0c;
	scrollbar-shadow-color:#0c0c0c;
	scrollbar-arrow-color:#c6f24b;
	scrollbar-track-color:#0c0c0c;
}


#containers {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#containers hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#containers ul#menus {	
	font-weight: bold;
}
#containers ul#menus li {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display: inline;
	margin: 5px;
}
#containers ul#menus li a {
text-decoration: none;

}
#containers ul#menus li a:hover {
text-decoration: underline;
color: #333333;
}
#containers h1,
#containers h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#containers .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
}

#containers a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	background-color: white;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}
#containers a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}
#containers .on {
	display: block;
}
#containers .off {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	padding:0;
 	margin:0;
 	color:#F5F5F5;
}

a:link, a:visited { color: #6D9212; text-decoration: none;}

a:hover, a:active {color: #A4D03B; text-decoration: none;}

.nodisplay {left: -5000px; position: absolute;}

p, ul, ol {line-height: 23px;}

ol, ul {list-style-type: square; padding:5px 0 0 20px}

#container {
	background:transparent;
	margin:0 auto;
	padding:0;
	width:768px;
}

#header {
	background: #1E1E1E url(images/logo.gif) no-repeat top center;
	height: 143px;
        width:768px;
	margin: 0; padding: 0;
}

#menu {
        width:768px;
        height:50px;
	background: #1E1E1E url(images/button_bg.gif) no-repeat top center;
	text-align: center;
}

#buttons {
        width:768px;
        height:29px;
	background: #1E1E1E url(images/u_head.gif) no-repeat top center;
	text-align: right;
}

#content {
	background: transparent url(images/corner.jpg) no-repeat top left;
	float: right;
	width: 510px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.content {
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#navigation {
	float: left;
	padding: 10px;
	width: 200px;
	line-height: 1.5em;
	display: inline;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#footer {
	height: 45px;
	width:768px;
	margin: 0;
	padding: 0;
	background-position: center top;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #d69212;
}


#header h1 {
        color:#fff;
        float:left;
	margin: 36px 0 0 70px;
        padding: 0;
	clear:right;
	font-size:2.5em;
}

#header h1 a, #header h1 a:hover {
        color:#fff;
        text-decoration:none;
}

#menu ul {
        font-weight:bold;
	padding: 8px 0 0 50px;
}
#menu li {
        padding: 0 10px 0 5px;
	display: inline;
}
#menu li a {
	color: #B8D518;
}
#menu li a:hover {
	border-top:3px solid #C6E51E;
        text-decoration: none;
	color: #D3F519;
}

#buttons ul {
        font-size:11px;
        font-weight:bold;
	padding: 2px 10px 0 0;
}
#buttons li {
	background: transparent url(images/rss.gif) no-repeat 0px 50%;
        padding: 0 10px 0 20px;
	display: inline;
}
#buttons li a {
	color: #fff;
}
#buttons li a:hover {
        text-decoration: none;
	color: #EFEFEF;
}


#navigation h2 {
	margin: 5px 0 8px 0;
	padding: 0 0 4px 0;
	color: #F5F5F5;
	font-size: 17px;
	border-bottom: 2px solid #A7D23F;
}

#navigation ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0
	display: inline;
}

#navigation li {
	list-style: none;
}

#navigation ul li a {
	margin: 0;
	padding: 4px 0 4px 30px;
	background:transparent url(images/bull.gif) no-repeat 10px 50%;
	display: block;
	color: #fff;
	text-decoration: none;
}


#navigation ul li a:hover {
	background:#1A1A1A url(images/bull_h.gif) no-repeat 10px 50%;
	color: #fff;
}

#navigation .box {
	margin:10px 0 10px 0;
	padding:8px;
	background: transparent url(images/navi.gif) no-repeat top left;
}

#content .postmetadata, 
#content .thecontent {
	margin: 15px 0 0 0;
}

#content .postmetadata {
	background: #121212 url(images/postmeta.gif) no-repeat top left;
   	float: left;
   	width: 485px;
        height:44px; 
        margin:10px 0 15px 0;
}
#content .postmetadata p{
        color:#000;
        font-size:11px;
        font-weight:bold;
        padding:10px;
}

#content .postmetadata p a{
        color:#000;
}
#content .postmetadata p a:hover{
        color:#3D4141;
}

#content blockquote {
	background: #121212 url(images/quote.gif) no-repeat top left;
   	padding: 0 0 0 45px;
   	margin: 5px 5px 5px 20px;
        min-height:40px;
}

#content code {
	background: #121212 url(images/code.gif) no-repeat top left;
   	padding: 0 0 0 20px;
   	margin: 5px 5px 5px 20px;
        min-height:40px;
}

.thecontent {
        clear:both;
	margin: 15px 0 0 0;
}

.thecontent p{
	margin: 10px 0 0 0;
}


.comment {
	margin: 40px 0 0 0;
}

.comment h3 {
        color:#fff;
	padding: 10px;
	font-size: 20px;
}

.comment h4 {
        color:#fff;
	margin: 15px 0 10px 0;
	padding: 0 0 0 5px;
	font-size: 20px;
}

.service {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #1A1F28;
	font-weight: bold;
}

.comment input,textarea {
   	margin: 2px;
   	padding: 4px;
   	background: #2F2F2F;
   	color: #BFBFBF;
   	border: 2px solid #252525;
}

.comment textarea {
   	width: 80%;
   	height: 150px;
}

.comment input:focus,
.comment textarea: focus {
   	background: #141414;
}

.comment input[type=submit] {
   	font-weight: bold;
}

.comment ol.commentlist {
   	margin: 5px;
   	padding: 10px;
   	list-style-type: none;
}

.comment ol.commentlist li {
   	margin: 7px;
   	padding: 10px;
}



#footer p { 
        padding:12px;
	font-size: 12px;
	text-align: left;
	color: #fff;
}
.contentright {
	background-image: url(images/cornerright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#container2 {
	background: #fff; 
	width: 900px;
	margin: 0 auto; 
	display: table; 
	padding-bottom: 30px; 
	color: #000000; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000;
}
#container table, #container td { margin: auto; text-align: center; }
#container table, #container td, #container2 table, #container2 td { font-size: 11px; }
#container table, #container2 table { border: 0; }
#container input, #container2 input { border: 1px solid #464646; font-size: 14px; }
#container td.pseudo { width: 82px; height: 25px; text-align: left; font-weight: bold; }
#container td.profile, #container td.empty { width: 122px; text-align: right; }
#container td.profile a {
	background-image: url('http://media.eurolive.com/images/new_details.gif'); 
	padding-left: 25px; 
	background-repeat: no-repeat; 
	background-position: left; 
	color: #464646; 
	font-weight: bold; 
}
#container td.profile a:hover { text-decoration: none; }
#container2 td.coeur { text-align: right; }
#container2 table.profile { width: 800px; margin: auto; }
#container2 table.profile td.image { width: 200px; }
#container2 table.profile td.infos { width: 250px; }
#container2 table.profile td.astro { width: 250px; border: 1px solid #464646; padding: 5px; }
#container2 td.right { border-right: 1px solid #464646; }

/* pages */
.pages { text-align: center; }
.pages a {
	padding: 0 2px 0 2px; 
	text-decoration: none; 
}
.pages a:hover { color: #6d9212; }
.pages .active { color: #6d9212; font-weight: bold; }
.next span, .prec span { visibility: hidden; }
a.next, a.prec { width: 11px; height: 5px; }
a.prec { background: transparent url('http://media.eurolive.com/images/week1.gif') no-repeat center center; }
a.next { background: transparent url('http://media.eurolive.com/images/week2.gif') no-repeat center center; }

/* Logo */
.logo_hetero, .logo_gay, .logo_trans {
	width: 245px;
	height: 51px;
	margin: 0 auto; 
	display: block; 
	margin-top: 20px;
}
.logo_hetero { background: transparent url('http://exemple.eurolive.com/images/eurolive.gif') no-repeat center center; }
.logo_gay { background: transparent url('http://exemple.eurolive.com/images/mykocam.gif') no-repeat center center; }
.logo_hetero span, .logo_gay span, .logo_trans span { display: none; }

/* view_show */
.view_show { display: block; width: 80%; color: #FFFFFF; text-align: center; font-weight: bold; padding: 3px; }
a.view_show { text-decoration: none; text-transform: uppercase; margin: auto; text-align: center; }

/* Images */
img { border: 0; vertical-align: bottom; }
.thumb { border: 1px solid #464646; }

/* separation */
.clear { display: block; height: 1px; clear: both; line-height: 1px; width: 100%; margin-top: 10px; }
.hr {
	height: 21px;
}

/* over */
.pic { background: transparent url(http://media.eurolive.com/images/border_pic.gif) no-repeat center center; padding: 8px; }
.over { position: absolute; margin-top: 150px; margin-left: 0; padding: 3px 0 2px 0; width: 52px; }
.over img { border: 1px solid #ccc; background: #fff; z-index: 2000; position: relative; margin-right: 2px; }
.over .transp { 
	position: absolute;
	width: 52px; 
	height: 25px; 
	top: 0; 
	background: transparent url(http://media.eurolive.com/images/pic_bg.gif) no-repeat right top; 
	padding: 0 10px 0 0;
	left: 0;  
	filter: alpha(opacity=50); 
	display: block;   
	-moz-opacity: .50; opacity: .50;
}

/*status*/
.status { position: absolute; margin-top: 155px; margin-left: 181px; width: 19px; height: 19px; display: block; padding: 0; }
.online { background: transparent url(http://media.eurolive.com/images/status/over1.gif) no-repeat center center; }
.offline { background: transparent url(http://media.eurolive.com/images/status/over2.gif) no-repeat center center; }
.one2one { background: transparent url(http://media.eurolive.com/images/status/over3.gif) no-repeat center center; }

/* Popup Thumbs */
table.body { 
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}
table.body td { 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}
table.body img { border: solid 1px black; }

/* others */
.nopad { padding: 0; margin: 0; }
#drap { margin: 1px; text-align: left; }
#drap img { margin: 2px; }
#drap a { display: block; float: left; width: 20px; height: 30px; }
#drap a:hover, #drap a.active { background-image: url(http://media.eurolive.com/images/up.gif); }
#synergie { text-align: right; margin: 2px; }