html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #ffffff;
  font-size: 0.8em;
  font-family: verdana,tahoma,arial,"sans serif";
  color:#330033;
  padding:0px;
  margin:0px;
}

a { 
color: #330033;
background-color:transparent;
text-decoration: none; 
}
 
p,h1,h3, {
 padding: 5px 15px;
 margin: 0px;
}

h1,h2,h3 {
text-transform:uppercase;
color: #330033;
background-color: transparent;
}
h3 {
font-size: 0.88em;
}

#logo { 
position: absolute;
right: 2%; 
width: 96%; 
text-align: left;
top: 10px;
}
#logo span.minirose {
font-size: 0.8em;
}

#left { 
position: absolute; 
left: 1%; 
width: 16%; 
top: 96px; 
background-color: #ffffff;  
}

#content { 
position: absolute; 
left: 20%; 
width: 77%; 
top: 96px; 
background-color: #ffffff;
overflow: auto;
}

#right { 
position: absolute; 
left: 87%; 
width: 130px; 
top: 96px; 
background-color: #ffffff;
overflow: auto;
}

#right, #content, #left { 
border: 0px solid #ff00ff;
padding:0px;
margin:0px;
} 

#pub {
    position:absolute;
    margin-top:5px;
    margin-left:240px;
    padding-left:5px;
}
.minirose, a.minirose  {
color:#ff00ff;
}

div.lblock {
    width:200px;
}
div.lblock.rubrique {
	margin-top: 0;
}
div.lblock.pub {
	margin-top: -20px;
}
div.lblock ul,div.lblock ul li {
    list-style-type:none;
    margin:0;
    padding:0;
    color:inherit;
}

div.lblock ul li a {
    font-size:0.9em;
}

div.block {
  width:315px;
  height:360px;
  margin:2px;
  float:left;
}

div.block a.tab.1 {
  background-color: #ff00ff;
}

div.block.double {
    height:740px;
    width:80%;
}
/* tabs */
a.tab {
  width:45px;
  height:40px;
  line-height:35px;
  background-color: transparent;
/*  border: 1px solid #ff00ff; */
  border: 1px solid #d0d0d0;
  border-bottom-width: 0px;
  padding: 0.37em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}
a.tab.activeTab {
  z-index: 102;
}
a.tab.tab1 {
  background-color: #99ccff;
}
a.tab.tab2 {
  background-color: #99ff99;
}
a.tab.tab3 {
  background-color: #ffcc66;
}
a.tab.tab4 {
  background-color: #ffff99;
}
a.tab.tab5 {
  background-color: #ccffff;
}
a.tab.tab6 {
  background-color: #99ccff;
}
a.tab.tab7 {
  background-color: #33ccff;
}
a.tab.tab8 {
  background-color: #0099ff;
}
a.tab.activeTab {
  z-index: 102;
}
div.tabMain {
  background-color: #ffffff;
/*  border: 1px solid #ff00ff; */
  border: 1px solid #d0d0d0;
  padding: 2px;
  position: relative;
  z-index: 101;
}
div.tabMain.long {
  height:320px;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
  color: #000000;
}
div.tabIframeWrapper {
  width: 100%;
  height:250px;
}
div.tabIframeWrapper.double {
  width: 100%;
  height:690px;
}

iframe.tabContent {
  background-color: #ffffff;
  width: 100%;
  height:100%;
}
div.join12 {
    margin-top:0;
    padding:0:
    height:50px;
    background:transparent url(/gayfrance/images/2008/goright.gif) 90% 50% no-repeat;
}
p.join12 {
    font-size:12px;
    text-transform:uppercase;
    width:78%;
    line-height:22px;
    margin-left:10px;
	color:#666;
}
div#content a.amain {
    float:left;
    text-decoration:none;
    font-size:10px;
    text-transform:uppercase;
    text-align:center;
}
div#footer {
    clear:left;
    width:95%;
	padding-left:30px;
}
div#footer p a {
    text-decoration:underline;
    text-transform:uppercase;
}
div#footer span.afooter, div#footer span.afooter a {
    text-decoration:none;
    font-size:.95em;
    text-transform:lowercase;
}
.break {
    clear:both;
    display:block;
}

p.gayreference { text-align: justify; font-size: .8em; }
div#footer p.gayreference a { font-size:1em;text-decoration:none;}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .divcontent,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/gayfrance/images/2008/dialog2-blue.png) no-repeat top right;
 _background-image:url(/gayfrance/images/2008/dialog2-blue.gif);
}

.dialog .divcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:5px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

/* dialog variants - not needed for first blue (non-drip) style */

.dialog.type1 .divcontent,
.dialog.type1 .t,
.dialog.type1 .b,
.dialog.type1 .b div {
 background-image:url(/gayfrance/images/2008/dialog2-rose.png);
 _background-image:url(/gayfrance/images/2008/dialog2-rose.gif);
}
.dialog.type2 .divcontent,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(/gayfrance/images/2008/dialog2-rose2.png);
 _background-image:url(/gayfrance/images/2008/dialog2-rose2.gif);
}
.dialog.type3 .divcontent,
.dialog.type3 .t,
.dialog.type3 .b,
.dialog.type3 .b div {
 background-image:url(/gayfrance/images/2008/dialog2-blue.png);
 _background-image:url(/gayfrance/images/2008/dialog2-blue.gif);
}
/* "drip" variant */

.dialog.drip .b,
.dialog.drip .b div {
/* height:75px; */
height:60px;
}

.dialog.drip {
 margin-left:65px;
}

.dialog.drip .t,
.dialog.drip .b div,
.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft,
.dialog.drip .wrapper {
 margin-left:-65px;
 width:65px;
}

.dialog.drip .wrapper {
 width:auto;
}

.dialog .wrapper .hd,
.dialog .wrapper .bd,
.dialog .wrapper .ft {
 margin-left:0px;
}

.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft {
 zoom:1;
 width:auto;
 padding:0px 2px 0px 12px;
}

/* bouton */
div.block a.bouton {
  color: #330033;
  background: url(/gayfrance/images/2008/bouton.gif) center no-repeat;
  text-decoration: none;
  font-weight: bold;
  font-size:2em;
  text-align: center;
  margin-top:10px;
  padding: 5px;
  display:block;
  width:250px;
  height:35px;
  line-height:35px;
}
div.block a.bouton:hover {
  color: #ff33ff;
}

/* mot de passe perdu */
#bsendpass .bd, #bsendpass .ft{
	color:#660033;
	font-size:0.9em;
}
#bsendpass input[type="text"] {
	width:130px;
	border:1px solid #ff99ff;
	margin:0 1px 2px 0;
	font-size:0.9em;
	padding:1px;
}
#bsendpass input[type="submit"] {
	width:132px;
	font-size:9px;
	color:#660033;
	border:1px solid #ff99ff;
	background:#f1e1f1;
}
#bsendpass input[type="submit"]:hover {
	color:#660033;
	font-weight:bold;
	background:#ffccff;
}

/* formulaire de connection / newsletter*/
#inscrit .bd, #inscrit .ft, #inscription .bd, #inscription .ft, #flogin .bd , #flogin .ft , #fnews .bd , #fnews .ft{
	color:#660033;
	font-size:0.9em;
}
#inscription input[type="text"],#inscription input[type="password"], #flogin input[type="text"], #fnews input[type="text"] {
	width:130px;
	border:1px solid #ff99ff;
	margin:0 1px 2px 0;
	font-size:0.9em;
	padding:1px;
}
#inscrit input[type="button"], #inscription input[type="submit"], #flogin input[type="submit"], #fnews input[type="submit"] {
	width:132px;
	font-size:9px;
	color:#660033;
	border:1px solid #ff99ff;
	background:#f1e1f1;
}
#inscrit input[type="button"]:hover, #inscription input[type="submit"]:hover, #flogin input[type="submit"]:hover, #fnews input[type="submit"]:hover {
	color:#660033;
	font-weight:bold;
	background:#ffccff;
}
/* formulaire d'inscription */
#fmember .bd , #fmember .ft {
	color:#330066;
	font-size:0.9em;
}
#fmember input[type=text].single, #fmember input.text.single {
	width:100px;
	border:1px solid #9999ff;
	margin:0 1px 2px 0;
	font-size:0.9em;
	padding:1px;
}
#fmember input[type=text].double, #fmember input.text.double {
	width:207px;
	border:1px solid #9999ff;
	margin:0 1px 2px 0;
	font-size:0.9em;
	padding:1px;
}
#fmember select {
	width:120px;
	border:1px solid #9999ff;
	margin:0 1px 2px 0;
	font-size:0.9em;
	padding:1px;
}
#fmember div.verifmail {width:100%;height:140px;margin-top:-40px;padding:10px;}
div.verifmail p.godown {width:100%;background:transparent url(/gayfrance/images/2008/godown.gif) center 20px no-repeat;font-size:.9em;}

.spacerpub { height:50px;width:50px; }

/* profils */
div.infos {height:auto;float:left;font-size:0.9em;}
div.infos p span { width:30%;height:auto;text-align:left;float:left;}
div.infos p span.even { width:70%;}

/* onglets : general */
.mootabs_title {
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 24px;

}

.mootabs_title li {
    float: left;
    padding: 2px 8px 2px 8px;
    margin-right: 2px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
}

.mootabs_title li.active {
}

.mootabs_panel {
    display: none;
    position: relative;
    width: 100%;
    top: -1px;
    clear: both;
    overflow-x: hidden;
    overflow-y: auto;
    overflow : -moz-scrollbars-vertical;
    padding: 5px;
}

.mootabs_panel.active {
    display: block;
    
}

.mootabs_title li.over {
    text-decoration:underline;
}

/* onglets : particulier */
/* profils */
.mootabs_title li.tab21 {
  background-color: #99ff99;
}
.mootabs_title li.tab22 {
  background-color: #66cc66;
}
.mootabs_title li.tab23 {
  background-color: #33cc33;
  width:120px;
}
.mootabs_title li.tab24 {
  background-color: #00cc00;
  width:100px;
}
.mootabs_title li.tab29 {
  background-color: #e0e0e0;
}

/* pa */
.mootabs_title li.tab31 {
  background-color: #ffcc66;
}
.mootabs_title li.tab32 {
  background-color: #ff9900;
}
.mootabs_title li.tab33 {
  background-color: #ff6600;
}
.mootabs_title li.tab39 {
  background-color: #e0e0e0;
}

/* bals */
.mootabs_title li.tab41 {
  background-color: #ffff99;
}
.mootabs_title li.tab42 {
  background-color: #ffff66;
}
.mootabs_title li.tab43 {
  background-color: #ffcc00;
}
.mootabs_title li.tab49 {
  background-color: #f0f0f0;
}
/* pages perso */
.mootabs_title li.tab51 {
  background-color: #ccf;
}
.mootabs_title li.tab52 {
  background-color: #c9f;
}
.mootabs_title li.tab53 {
  background-color: #FFBFEF;
}
.mootabs_title li.tab54 {
  background-color: #FF80DF;
}
.mootabs_title li.tab55 {
  background-color: #CC0099; color:#fff;
}
.mootabs_title li.tab56 {
  background-color: #8F006B; color:#fff;
}
.mootabs_title li.tab59 {
  background-color: #f0f0f0;
}
/* identification */
.mootabs_title li.tab91 {
  background-color: #ffccff;
}
.mootabs_title li.tab92 {
  background-color: #ff66ff;
}
.mootabs_title li.tab93 {
  background-color: #ff33ff;
}
.mootabs_title li.tab94 {
  background-color: #cc00cc;
}
.mootabs_title li.tab99 {
  background-color: #f0f0f0;
}

div.tabccc {
width:95%;
height:auto;
padding:5px 10px;
border:1px dotted #ccc;
}

.dialog.type4 .divcontent,
.dialog.type4 .t,
.dialog.type4 .b,
.dialog.type4 .b div {
 background-image:url(/gayfrance/images/2008/dialog-blanc3.png);
 _background-image:url(/gayfrance/images/2008/dialog-blanc3.gif);
}
.dialog.type4.drip .b,
.dialog.type4.drip .b div {
/* height:75px; */
height:2px;
}
.dialog.type5 .divcontent,
.dialog.type5 .t,
.dialog.type5 .b,
.dialog.type5 .b div {
 background-image:url(/gayfrance/images/2008/dialog-blanc2.png);
 _background-image:url(/gayfrance/images/2008/dialog-blanc2.gif);
}
.dialog.type5.drip .b,
.dialog.type5.drip .b div {
/* height:75px; */
height:10px;
}

/* formulaire inscription */
#fmember2 ul {
list-style-type:none;
margin:0;
padding:0;
}
#fmember2 ul li {
margin:5px;
padding:2px;
}
#fmember2 ul li a {
}

#offresvip {
}
#offresvip ul li {
margin: 2px 2px 2px 30px;
padding: 1px;
}

/* blocs */
#blocframe { font-family:verdana,arial,"sans serif"; font-size:0.7em;}
#blocdiv { vertical-align: middle; margin-top: 0px; margin-bottom: 0px; padding: 0px; height:225px; }
a.bloc, a.bloc img { border:none; text-decoration:none; }
div.connectes p { margin:6px 1px; padding:0;}
div.connectes .texte16{ font-family: verdana; font-size:16px;}
div.connectes .texte12{ font-family: verdana; font-size:12px;}
div.connectes .texte10{ font-family: verdana; font-size:9px;color:#444;}
div.connectes .texte09{ font-family: verdana; font-size:8px;}

/* messagerie / bal */
.tablemsg table tr td { vertical-align: top; }

/* erreur */
.msgerr { color:#ff0000; }