@import url(menu.css);
@import url(tables.css);
@import url(font.css);
@import url(buttons.css);
@import url(divers.css);
@import url(promo.css);
@import url(comtabnav.css?2009-09-28);
@import url(debug.css);


a { 
color:#C43131;
}

a:hover {
text-decoration:none;
}
.username {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#0055AD;
padding-left:5px;
}
.part {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-decoration:none;
color:#666666;
padding-left:5px;
}
.id_txt {
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#333333;
}
.txt {
font-family:Tahoma, Arial, serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
text-align:left;
padding:0;
margin:0;
}
.txtsmall {
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#000000;
line-height:15px;
list-style-type:none;
text-align:left;
padding:0;
margin:0;
}

.languages {
	float:right; clear: right
}
.languages img { border: none }
.languages b { float: left; display: block }
.languages a {
float:left;
clear:right;
width:24px;
height:19px;
display:block;
background: url(/images/flag_normal.gif) 0 1px no-repeat;
padding-right:4px;
padding-top:4px;
}
.languages a:hover {
padding-top:5px;
}
.languages .flagsselected {
float:left;
clear:right;
width:24px;
height:19px;
display:block;
padding-right:4px;
background-image:url(/images/flag_selected.gif);
background-repeat:no-repeat;
background-position:0 1px;
padding-top:4px;
}

.synch {
	float:right;
}
.synch img { border: none }


.navigation{
float:left;
clear:right;
height:24px;
line-height:20px;
padding-left:2px;
}


/** navigation "bar" / path */
.navi {
	font-family:Tahoma, Arial, serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#000000;
	text-align:left;
}
.navi a,.navi a:link,.navi a:visited {
	text-decoration:underline;
	color:#000000;
}
.navi a:hover {
	text-decoration:none;
	color:#C43131;
}



.newsdate {
font-family:Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
color:#C43131;
}
a.newslink {
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:underline;
color:#000000;
}
a.newslink:hover {
text-decoration:none;
}
.newsbig {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;
}
a.lire1{
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:underline;
color:#CC0000;
background-image:url(/images/arrow_small.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:11px;
}
a.lire1:hover {
text-decoration:none;
}
.newssitetit {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}
.sitetxt {
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#000000;
}
a.lire2{
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:underline;
color:#000000;
background-image:url(/images/arrow_small1.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:11px;
}
a.lire2:hover {
text-decoration:none;
}
a.lire3{
font-family:Tahoma, Arial, serif;
font-size:9px;
font-weight:normal;
text-decoration:underline;
color:#000000;
background-image:url(/images/arrow_small.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:11px;
}
a.lire3:hover {
text-decoration:none;
}
a.lire4{
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:underline;
color:#000000;
background-image:url(/images/arrow_small.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:11px;
}
a.lire4:hover {
text-decoration:none;
}
.red {
color:#CC0000;
}
.green {
color:#009900;
}



/* ------------------------- Personalization --------------------------*/



#personalization div{
float:left;
margin:0;
padding:0;
}

#personalization h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#000000;
letter-spacing:-0.2mm;
text-align:left;
float:left;
clear:right;
margin:0;
padding:0;
}

.persopic {
width:130px;
text-align:left;
float:left;
margin:0;
padding:0;
}

.perso {
width:593px;
margin:0;
padding:0;
}

.persotxt {
font-family:Arial, Helvetica, sans-serif;
float:left;
height:50px;
text-align:left;
font-size:12px;
display:block;
width:500px;
margin:0;
padding:0;
}

.persorate {
width:85px;
float:right;
height:25px;
margin:0;
padding:0;
}

.clear {
clear:both;
}

.mode{
float:right;
margin:0;
padding:0;
}



/* ------------------------- Interface --------------------------*/

/* Usually directly written in the page, but getting the code here also is useful for many reasons.
   I rewrite the id the tds because IE still doeasn't get table.truc>tr>td {} ...
 */
table#bigyellowtable { border: none; border-collapse: collapse; border-spacing: 0; padding: 0; }
table#bigyellowtable td#bigyellowtabletop    { background: url(/images/frame_top.gif) bottom no-repeat; font-size: 1px; height: 2px; }
table#bigyellowtable td#bigyellowtablemiddle { background: url(/images/frame_back.gif) center repeat-y; padding: 6px; }
table#bigyellowtable td#bigyellowtablebottom { background: url(/images/frame_bottom.gif) top no-repeat; font-size: 1px; height: 2px; }

table.w450 td#bigyellowtabletop    { background-image: url(/images/frame_top450.png) }
table.w450 td#bigyellowtablemiddle { background-image: url(/images/frame_back450.png) }
table.w450 td#bigyellowtablebottom { background-image: url(/images/frame_bottom450.png) }

table.w368 td#bigyellowtabletop    { background-image: url(/images/frame_top368.png) }
table.w368 td#bigyellowtablemiddle { background-image: url(/images/frame_back368.png) }
table.w368 td#bigyellowtablebottom { background-image: url(/images/frame_bottom368.png) }


.w368 { width: 368px }


.inner {
text-align: justify;
font: normal 12px Tahoma,Arial,serif;
background-image: url(/images/innerframeback.gif);
background-repeat: repeat-y;
width:743px;
margin:0;
padding:0;
padding-top:3px;
}
.w450 .inner { width:443px; background-image:url(/images/innerframeback450.png); }
.w368 .inner { width:368px; background-image:url(/images/innerframeback368.png); }

.endline {
background-image:url(/images/endline.gif);
background-repeat:no-repeat;
background-position:bottom;
width:743px;
height:10px;
display:block;
font-size:1px;
margin:0;
padding:0;
}
.w450 .endline { width:443px; background-image:url(/images/endline450.png); }
.w368 .endline { width:368px; background-image:url(/images/endline368.png); }


.beginline {
background-image:url(/images/beginline.gif);
background-repeat:no-repeat;
width:743px;
height:10px;
display:block;
font-size:1px;
margin:0;
padding:0;
}
.w450 .beginline { width:443px; background-image:url(/images/beginline450.png); }
.w368 .beginline { width:368px; background-image:url(/images/beginline368.png); }



h1 {
background-image:url(/images/h1_back.gif);
background-repeat:no-repeat;
background-position:1px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#000000;
height:40px;
text-align:left;
line-height:36px;
letter-spacing:-0.2mm;
margin:0;
padding:0;
}
.w450 h1 { background-image:url(/images/h1_back450.png); }
.w368 h1 { background-image:url(/images/h1_back368.png); background-position: 0 0; }

h2 {
background-image:url(/images/h2_back.gif);
background-repeat:no-repeat;
background-position:1px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#000000;
height:31px;
text-align:left;
line-height:27px;
letter-spacing:-0.2mm;
margin:0;
padding:0;
padding-left:8px;
}
.w450 h2 { background-image:url(/images/h2_back450.png); }
.w368 h2 { background-image:url(/images/h2_back368.png); }


.pad10 {
padding-left:10px;
padding-right:10px;
}
.pad15 {
padding-left:15px;
padding-right:15px;
}

/** hacks for non-ie **/
html>body .inner { overflow: hidden }
html>body .pad10 { border-bottom: 1px solid transparent; }
ul#butoni { clear:both; overflow:hidden; width:98%; }

.empty {
height:6px;
display:block;
font-size:1px;
}


p.linkright {
	margin: 0;
	text-align:right;
}
p.linkright a,p.linkright a:link,p.linkright a:visited,p.linkright a:active,p.linkright a:hover {
	color: black;
	font: 11px Tahoma,Arial,serif;
	 padding-left: 15px;
	background: transparent url(/images/arrow_small.gif) center left no-repeat;
}




/* ------------------------- Icon Styles --------------------------*/

.accueil_ico, .news_ico, .compte_ico, .stats_ico, .promo_ico, .hebe_ico, .free_ico, .goodes_ico, .faq_ico, .link_ico, .logi_ico, .heart_ico, .dial_ico, .eurolive_ico, .mykocam_ico, .starsx_ico, .transx_ico, .gbar_ico, .penis_ico, .camsympa_ico, .chocam_ico, .keumshow_ico, .lbt_ico, .live18ans_ico, .madamecam_ico, .monliveshow_ico, .mykodial_ico, .rh_ico, .stardux_ico, .transexlive_ico, .yes_ico {
	height:34px;
	display:block;
	background:no-repeat;
	background-position:2px 1px;
	float:left;
}

.accueil_ico{
padding-left:43px;
background-image:url(/images/accueil_icon.gif);
}

.news_ico{
padding-left:51px;
background-image:url(/images/news_icon.gif);
}

.compte_ico{
padding-left:41px;
background-image:url(/images/compte_icon.gif);
}

.stats_ico{
padding-left:46px;
background-image:url(/images/stats_icon.gif);
}

.promo_ico{
padding-left:43px;
background-image:url(/images/promo_icon.gif);
}

.eurolive_ico{
padding-left:43px;
background-image:url(/images/eurolive_icon.gif);
}

.mykocam_ico{
padding-left:43px;
background-image:url(/images/mykocam_icon.gif);
}

.starsx_ico{
padding-left:43px;
background-image:url(/images/starsx_icon.gif);
}

.transx_ico{
padding-left:43px;
background-image:url(/images/transx_icon.gif);
}

.hebe_ico{
padding-left:39px;
background-image:url(/images/heber_icon.gif);
}

.free_ico{
padding-left:35px;
background-image:url(/images/free_icon.gif);
}

.goodes_ico{
padding-left:40px;
background-image:url(/images/fun_icon.gif);
}

.faq_ico{
padding-left:41px;
background-image:url(/images/contact_icon.gif);
}

.link_ico{
padding-left:40px;
background-image:url(/images/link_icon.gif);
}

.logi_ico{
padding-left:33px;
background-image:url(/images/logi_icon.gif);
}

.heart_ico{
	padding-left:46px;
	background-image:url(/images/heart_icon.gif);
}
.dial_ico{
	padding-left:46px;
	background-image:url(/images/dial_icon.gif);
}
.gbar_ico{
	padding-left:46px;
	background-image:url(/images/4g_icon.gif);
}
.penis_ico{
	padding-left:43px;
	background-image:url(/images/penis_icon.gif);
}

.camsympa_ico{
	padding-left:43px;
	background-image:url(/images/camsympa_icon.gif);
}

.chocam_ico{
	padding-left:43px;
	background-image:url(/images/chocam_icon.gif);
}

.keumshow_ico{
	padding-left:43px;
	background-image:url(/images/keumshow_icon.gif);
}

.lbt_ico{
	padding-left:43px;
	background-image:url(/images/lbt_icon.gif);
}
.live18ans_ico{
	padding-left:43px;
	background-image:url(/images/live18ans_icon.gif);
}

.madamecam_ico{
	padding-left:43px;
	background-image:url(/images/madamecam_icon.gif);
}
.monliveshow_ico{
	padding-left:43px;
	background-image:url(/images/monliveshow_icon.gif);
}
.mykodial_ico{
	padding-left:43px;
	background-image:url(/images/mykodial_icon.gif);
}
.rh_ico{
	padding-left:43px;
	background-image:url(/images/rh_icon.gif);
}
.stardux_ico{
	padding-left:43px;
	background-image:url(/images/stardux_icon.gif);
}

.transexlive_ico{
	padding-left:43px;
	background-image:url(/images/transexlive_icon.gif);
}
.yes_ico{
	padding-left:43px;
	background-image:url(/images/yes_icon.gif);
}

/* ------------ usual user forms. Put class="formfields" in <form> ---------------- */
form { margin: 0; padding: 0 }

.formfields {
	color: black;
	font: normal 12px Tahoma,Arial,serif;
}
.formfields .field {
	width:650px;
	border-bottom:1px solid #E8E8E8;
	margin:0;
	padding:5px;
}
.w450 .formfields .field { width:410px }
.formfields .field .subname{
	float:left;
	clear:right;
	width:320px;
	text-align:left;
	padding-left:30px;
	line-height:23px;
}
.w450 .formfields .field .subname { padding-left: 5px; width: 170px }
.formfields .field .subbox{
	text-align:left;
	color:#000000;
	font-weight:bold;
	line-height:20px;
}
.formfields h4 {
	width:630px;
	border-bottom:1px solid #cccccc;
	text-align:left;
	text-decoration:none;
	line-height:20px;
	margin:0;
	padding:0;
	font-size:12px;
	padding-left:30px;
	background-color:#f0f0f0;
	line-height:30px;
}
.w450 .formfields h4 { padding-left: 10px; width: 410px }
.formfields .infosright {
	width:305px;
	border-bottom:1px solid #e8e8e8;
	text-align:left;
	font-size:11px;
	line-height:20px;
	padding-left:355px;
	background-color:#f9f9f9;
	line-height:20px;
}
.w450 .formfields .infosright { padding-left:180px; width:240px }
.formfields .infosleft {
	width:630px;
	border-bottom:1px solid #e8e8e8;
	text-align:left;
	font-size:11px;
	line-height:20px;
	padding-left:30px;
	background-color:#f9f9f9;
	line-height:20px;
}
.w450 .formfields .infosleft { width:390px }
.w450 input, .w450 textarea, .w450 select { width: 220px }
.w450 select.auto { width: auto }

/* ------------------------- epassporte --------------------------*/

.eppic{
float:left;
clear:right;
margin:0;
padding:0;
padding-right:10px;
}
.eptxt{
font-family:Tahoma, Arial, serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#000000;
text-align:left;
margin:0;
padding:0;
}

.subscribe {
width:650px;
border-bottom:1px solid #E8E8E8;
margin:0;
padding:5px;
}
.subscribetit{
width:630px;
border-bottom:1px solid #cccccc;
text-align:left;
font-family:Tahoma, Arial, serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#000000;
line-height:20px;
margin:0;
padding:0;
padding-left:30px;
background-color:#f0f0f0;
height:30px;
line-height:30px;
}
.subscribeinfo{
width:305px;
border-bottom:1px solid #e8e8e8;
text-align:left;
font-family:Tahoma, Arial, serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#000000;
line-height:20px;
padding-left:355px;
background-color:#f9f9f9;
height:20px;
line-height:20px;
}


.subname{
float:left;
clear:right;
width:320px;
text-align:left;
font-family:Tahoma, Arial, serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
padding-left:30px;
line-height:23px;
}

.usrnm {
padding:0;
padding-left:17px;
line-height:25px;
display:block;
background-image:url(/images/username.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.pswd {
padding:0;
padding-left:17px;
line-height:25px;
display:block;
background-image:url(/images/password.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.eml {
padding:0;
padding-left:17px;
line-height:25px;
display:block;
background-image:url(/images/email.gif);
background-repeat:no-repeat;
background-position:0 4px;
float:left;
clear:right;
height:23px;
}

.skyp {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/skype.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}

.icqq {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/icq.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.msnn {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/msn.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.yho {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/yahoo.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.aim {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/aim.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}
.tel {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/phone.gif);
background-repeat:no-repeat;
background-position:-1px 5px;
float:left;
clear:right;
height:23px;
}
.gsm {
padding:0;
padding-left:19px;
line-height:25px;
display:block;
background-image:url(/images/gsm.gif);
background-repeat:no-repeat;
background-position:-1px 4px;
float:left;
clear:right;
height:23px;
}

.picto {
	vertical-align: middle;
	margin: 0 4px 0 0;
}


.subname1{
float:left;
clear:right;
width:520px;
text-align:left;
font-family:Tahoma, Arial, serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
padding:20px;
padding-left:0;
}


.subbox1{
text-align:right;
padding-top:35px;
}


.subbox{
text-align:left;
font-family:Tahoma, Arial, serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
font-weight:bold;
line-height:20px;
}


.eppbox {
border:1px solid #CCCCCC;
border-top:1px solid #000000;
border-left:1px solid #000000;
width:250px;
font-family:Tahoma, Arial, serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;
padding:2px;
}
.eppmersi {
width:640px;
border-bottom:1px solid #E8E8E8;
padding:10px;
height:40px;
text-align:left;
font-family:Arial, serif;
font-size:13px;
font-weight:bold;
color:#000000;
line-height:40px;
}
.eppimportant {
width:650px;
padding:10px;
height:40px;
line-height:40px;
text-align:center;
font-family:Arial, serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

/* debug display */
/*
#preprintdebug { background: #ddd; color: #000; margin: 1em; border: thin dashed #2a2; padding: 0.5em }
#preprintdebug span.sql { color: green }
#preprintdebug pre span { color: red }
#preprintdebug pre span.ak { color: green }
.preprintkiller { padding-top: -2em; padding-bottom: -1em; overflow: hidden }

.columns2 { width: 48%; float: left; padding: 1%; border: none; margin: 0 }
.columns3 { width: 31%; float: left; padding: 1%; border: none; margin: 0 }
.columns4 { width: 23%; float: left; padding: 1%; border: none; margin: 0 }
.columns5 { width: 18%; float: left; padding: 1%; border: none; margin: 0 }
*/

/* classics */

.invisible, .invs { display:none }
.spacer { clear: both; font-size: 1px; height: 1px; }
.error { color: red; font-weight: bold }
.center { text-align: center }
.small { font-size: 80% }
.nofloatpb { overflow: auto; width: 100% }