*{margin:0; padding:0;}
html{font-size: 100%;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000000; background:url(images/background.png);}
img{border:none;}

h1{color:#2aa9dd; font-size:24px; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase;padding:20 20px;}
h2{color:#2aa9dd; font-size:20px; font-weight:bold; text-transform:uppercase;}
h3{width:843px; margin:0 auto; height:27px; font-size:16px; line-height:27px; font-weight:bold; color:#ff8fdd; text-transform:uppercase; background:url(images/fd_titre_h3.png) repeat-x top; border:1px solid #bdbcbd; padding:0 20px; margin-top:10px;}

/* CONTAINER */
#container{width:975px; margin:30px auto 0 auto; position:relative;}
#container .container_top{width:975px; height:20px; background:url(images/container_01.png) no-repeat top center;} /*bordure du haut*/
#container .container_bottom{width:975px; height:20px; background:url(images/container_03.png) no-repeat top center;} /*bordure du bas*/
#container #page{width:975px; background:url(images/container_02.png) repeat-y top center;}/*bordure du contenu*/

#container table, #container td { margin: auto; text-align: center; }
#container table, #container td, #container2 table, #container2 td { font-size: 13px;color: #2aa9dd; }
#container table, #container2 table { border: 0;}
#container input, #container2 input { border: 1px solid #F7308C; font-size: 14px; }
#container td.pseudo {vertical-align:top;height:25px;color:#f01b89; font-size:15px; text-align: center; 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: #F7308C; 
	font-weight: bold; 
}
#container td.profile a:hover { text-decoration: none; }
#container2 td.coeur { text-align: right; }
#container2 table.profile { width: 883px; margin: auto;}
#container2 table.profile td.image { width: 33%; }
#container2 table.profile td.infos { width: 33%; }
#container2 table.profile td.inscription { width: 33%; align:center}
#container2 td.right { border-right: 1px solid #F7308C; }

/* IMAGES */
#container2 .thumb { border: 2px solid #CCC; }
#container2 .thumb:hover{ border: 2px solid #2aa9dd; }

/* separateur */
#container div.clear { align:center; height: 1px; clear: both; line-height: 1px;margin: auto;  }
#container div.hr { background: white url(http://media.eurolive.com/images/hr.gif) repeat-x top center; height: 21px; }

/* multipages */
#container .multipages {color: #2aa9dd;margin: auto;width:883px;text-align:center;}
#container .multipages a {
	padding: 0 2px 0 2px; 
	text-decoration: none;
	font-size: 14px;
	color: #f01b89;
}
#container .multipages a:hover { color: #2aa9dd; }
#container .multipages .active { color: #2aa9dd; 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; }

/* HEADER */
#header{position:relative; height:310px;}
#header .logo{position:absolute; left:47px; top:0px;}
#header .header_right{width:548px; height:310px; position:absolute; right:30px; top:0px;}
#header .header_right .titre{width:548px; position:absolute; bottom:0px; text-align:center;}
#header .header_right .sous_titre{color:#f01b89; font-size:20px; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase;}
#header .header_right .block_pub{width:540px; height:214px;text-align:center;}

/* MENU */
#menu{margin:15px 0 0 0;}
#menu ul{width:883px; margin:0 auto; list-style-type:none; height:45px; background:url(images/menu_fond.png) repeat-x center;} 
#menu li{display:inline; line-height:45px; border-right:#FFF solid 2px; padding:13px 0;} 
#menu li a{padding:11px 15px; font-size:16px; color:#FFF; text-transform:uppercase; font-weight:bold; text-decoration:none;} 
#menu li a:hover{color:#2aa9dd;  background:url(images/menu_fond_hover.png) no-repeat center;}

/* CONTENT */
#contents{padding:20px 60px; position:relative;}
#contents .home_txt{color:#2aa9dd; width:610px;}
#contents .btn_cash{position:absolute; top:35px; right:45px;}

/* FOOTER */
#footer{width:975px; margin:30px auto 30px auto; position:relative;} /*le footer*/
#footer .footer_top{width:975px; height:20px; background:url(images/footer_01.png) no-repeat top center;} /*bordure haut*/
#footer .footer_center{width:975px;  background:url(images/footer_02.png) repeat-y top center; overflow:hidden;}/*Contenu du footer*/
#footer .footer_bottom{width:975px; height:20px; background:url(images/footer_03.png) no-repeat top center;}/*bordure bas*/
#footer .footer_block{background:url(images/footer_separateur.png) no-repeat left; height:20px; width:315px; height:120px; float:left;}
#footer .footer_block:first-child{background:none;}
#footer .footer_block p{padding:10px 20px;}
#footer .footer_block a{text-decoration:none ;}
#footer .footer_block a:hover{text-decoration:none ;}

#footer .footer_titre{padding:8px 30px;font-size:16px;font-weight:bold; color:#f6f6f6;}

#footer .footer_contenu{padding:0px 30px;color:#f6f6f6;}
#footer .footer_contenu a{color:#f6f6f6;}
#footer .footer_contenu a:hover{color:#2aa9dd;}




/* MESSAGE D ERREUR */
#erreur {font-size: 14px;color: #FF0000;font-weight: bold;text-align: center;margin: 10px 0px 10px 0px;}


###########################################################################################################
CSS ORIGINAL DU FLUX XML
###########################################################################################################

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

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

/* separation */

/* 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; }