/* ------------------------ GENERAL DEFINITIONS ----------------------------- */
 BODY {
  position:absolute;
  width:100%; height:100%;
  color:#def; 
  background-color:#001C50;  
  background-image: url("/pic/bulles/bg.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  margin:0;  padding:0; 
  font-size:85%; font-family:arial,helvetica,sans-serif; 
 }
 H1,H2,H3,H4,H5,H6 {margin:1.6em 0 0.4em 0; padding:0;}
 H1 {color:#88c; font-size:200%; margin-top:0.5em;}
 H2 {color:#77b; font-size:160%}
 H3 {color:#66a; font-size:140%}
 H4 {color:#559; font-size:120%}
 H1:first-child,H2:first-child,H3:first-child,H4:first-child,H5:first-child,H6:first-child {margin-top:0.5em;}
 P:first-letter {padding-left:0px; font-size:125%;}
 P {text-align:justify; margin:0.8em 0 1em 0; padding:0;}
 A {color:#689; cursor:pointer}
 A:hover {color:eef; cursor:pointer}
 INPUT, SELECT, OPTION {font-family:arial,sans-serif; font-size:90%;}
 TEXTAREA {font-family:'courier new',courier; font-size:90%; margin-bottom:2em}
 BLOCKQUOTE {margin:5px 60px 5px 60px;}
 LI {margin-bottom:0.3em}
 SMALL {font-size:75%;}
 H1 SMALL {font-size:60%; color:#448}
 CODE {color:#820}

.err {color:#f63}
.hi  {color:#f63}
.hi1 {color:#a00}
.hi2 {color:#f43}
.hi3 {color:#00a}
.hi4 {color:#06a}
.FREE    {color:#025}
.STD     {color:#08a}
.PRO     {color:#f00}
.CYRNEA  {color:#04a}
.INVITE  {color:#04a}
.version {font-size:60%; color:#448; padding-left:0.5em} 
.inner   {position:relative; width:100%; height:100%; border:0;}
.left    {text-align:left;}
.right   {text-align:right;}
.center  {text-align:center;}
.inactive{text-decoration:line-through; color:#888; font-style:italic;}

 ol li {margin:1em 0 0.3em 0; font-weight:bold;}
 ul li {margin:0; font-weight:normal;}
 table#tarif {margin: 1em 0 1em 0;}
 table#tarif, table#tarif tr, table#tarif th, table#tarif td {border:1px solid #789;}
 #tarif th {text-align:left; font-weight:normal; padding:5px 1em 5px 2em;}
 #tarif td {text-align:right; padding:5px 1em 5px 2em;}
 #tarif tr.hi1 th, #tarif tr.hi1 td {background-color:#abc; color:#001C50;}
 #tarif tr.hi2 th, #tarif tr.hi2 td {background-color:#102C60; color:#def;}

/* ------------------- PAGE HEADER, MENU, BODY, and FOOTER ------------------ */
 #all {position:absolute; width:100%; height:100%; margin:0; padding:0}
 DIV#header {
   position:fixed; 
   top:0; right:0; bottom:auto; left:0;
   width:100%; height:110px;
   margin:0; padding:0;
   text-align:left;
   background-color:#001C50;
   overflow:hidden;
 }
 #header H1 {padding:12px 0 0 0px; margin:0; font-size:34px; letter-spacing:4px; background-color:transparent; z-index:62;}
 #header H1, #header A, #header A:HOVER {position:relative; left:-6px; text-decoration:none; color:#def;}
 DIV#subtitle {
   position:relative;
   top: 0px; left:0px; 
   font-size:11px;
   letter-spacing:2px;
   color:#ff0; 
   padding:0 20px 0 0px; margin:0; 
   background-color:transparent;
   white-space:nowrap;
   z-index:62;
 }
 #bannerImg {position:absolute; top:6px; right:300px; display:inline; z-index:22;}
 #animHdr   {position:absolute; top:0px; right: 0px; z-index:20;}
 #title     {position:absolute; top:5px; left:140px; z-index:21}
 #title td  {text-align:center; vertical-align:bottom; font-size:8px; color:#468;}
 #ad {
  position:absolute; 
  top:6px; right:15px; 
  height:60px; width:234px;
  font-size:11px;
  letter-spacing: normal;
  background-color: #6ac; color:#fff;
  border: 1px solid #245;
  text-align: justify;
  padding:0px;
 }
 #debug {
  position:absolute; 
  top:23px; right:20px; 
  background-color:#135; color:yellow; 
  letter-spacing: normal; 
  display:none; 
  z-index:55
 }
 
 #siteLang {
  cursor:pointer;
  position:absolute;
  top:85px; right:15px;
  z-index:21;
 }

 .topMenu, .topMenu SPAN, .topMenu A, .topMenu A:HOVER {
   background-color:transparent; color:#def; 
   text-decoration:none; 
   margin-left:5px; padding:2px 8px 2px 8px;
   line-height:22px;
   font-weight:bold;
   font-size:10pt; 
  }
 .topMenu SPAN  {color:#8ff;}
 .topMenu A:HOVER {background-color:#356; color:yellow;}
 DIV.topMenu {
   background-color:transparent; 
   background-image: url("http://cyrnea.net/pic/cyrnea/bgmenu.png");
   background-repeat: no-repeat;
   letter-spacing:2px;
   position:absolute; 
   bottom:0; left:0;
   width:100%; height:22px;
   margin:0; padding-left:10px;
   overflow:hidden;
   z-index:65;
   ba
 }
 
 DIV#page {
   position:fixed; 
   top:110px; right:0px; bottom:52px; left:0;
   margin: 0;
   padding:10px 25px 10px 25px;
   overflow:auto;
   overflow-x:hidden;
 }

 DIV#searchMnu {white-space:nowrap; padding:10px; margin:0;}
 DIV#pgNavig {
   position:absolute; 
   top:10px; right:15px; 
   white-space:nowrap;
 }

 DIV#scrollWin {   
  width:100%;
  height:600px;
  overflow:auto;
  overflow-x:hidden;
 } 
 DIV#scrollWinIn {padding:10px 25px 10px 25px} 
 #tmRest {font-weight:bold}

 
/* ------------------------------ SITE NEWS --------------------------------- */
TABLE#homeMain    {font-size:90%;}
TABLE#homeMain TD {vertical-align:top;}
DIV.homeInfoBox   {border:1px solid #bbccdd; margin:0 0 4px 0; padding:12px;}
DIV#siteNews      {position:relative; border:1px solid #4488aa; margin:0; padding:0 0 15px 0; width:220px; font-size:90%;}
DIV#siteNews H1   {font-size:115%; margin:0; padding:3px 0 3px 0; background-color:#335577; color:#bbeeff; width:220px; text-align:center;}
DIV#siteNews H2   {font-size:115%; margin:0; padding:15px 8px 2px 8px; color:#113355; border-bottom:1px dashed #113355;}
DIV#siteNews H3   {font-size:110%; margin:0; padding:6px 8px 1px 8px; color:#7799bb;}
DIV#siteNews H3 A {color:#7799bb;}
DIV#siteNews UL   {list-style-type:none; margin:0; padding:0 15px 0 10px;}
DIV#siteNews LI   {list-style-type:none; margin:0; padding:0;}
DIV#siteNews LI A, 
DIV#siteNews LI A:HOVER, 
DIV#siteNews A       {text-decoration:none;}
DIV#siteNews A:HOVER {text-decoration:none; color:darkblue;}
IMG.newsPhoto {border:2px solid #456; text-align:center; margin:2px 0 2px 0;}
DIV.newsPhoto {
 position:relative;
 overflow:hidden;
 text-align:center; 
 text-align:center; 
 border:1px dashed #abc; 
 margin:4px 1px 10px 6px; padding:0; 
 width:94px; height:165px; 
 float:left;
}
DIV.newsPhoto H3, DIV.newsPhoto H3 A, DIV.newsPhoto H3 A:HOVER {
 margin:0; padding:0; 
 text-decoration:none; 
 font-size:75%;
 color:#357;
}
DIV.newsPhoto IMG {border:1px solid #135;}
DIV.newsPhotoLnks {margin:0 0 5px 10px;}
.newsPhotoLnks A  {text-decoration:none;}
DIV.newsProf {float:left; padding:20px 5px 8px 5px;}
DIV.newsRndImg {
 position:absolute; 
 top:240px; right:15px;
 text-align:center; 
 border:none; 
 font-size:75%;
 color:#357;
}
DIV.newsRndImg A IMG {border:1px solid #135;}


/* ------------------------------ sponsors -------------------------------- */
#sponsors UL {margin:0; padding-left:1.5em; }
#sponsors LI {margin:0; font-size:90%; font-style:italic;}
#sponsors A, #sponsors A:HOVER {font-size:120%;}

/* ------------------------------ JS warning -------------------------------- */
DIV#jsWarning, DIV#cookieWarning {
 position:absolute;
 top:0px; right:70px;
 background-color:#ffa;
 padding:5px;
 border: 1px solid black;
}
DIV#cookieWarning {top:35px; right:40px;}
#jsWarning H1, #cookieWarning H1 {padding:0; font-size:130%}

/* ------------------------------ FOOTER ------------------------------------ */
 DIV#footer {
   position:fixed; 
   top:auto; right:0; bottom:0px; left:0;
   font-size:8pt; 
   text-align:center;
   background-color:#001C50;
   margin:0; padding:12px;
   z-index:40;
 }
 
 A.copyright, DIV#donStatus {text-decoration:none; font-size:7pt; background-color:#001C50; color:#356;}
 .txtMenu SPAN, .txtMenu A {
   background-color:#001C50; color:#689; 
   text-decoration:none; 
   margin-bottom:0; 
   padding:0.5em
 }

 #donation , #googleRef {position:absolute; bottom:-9px;  left:0px; margin:0; padding:0; display:block;}
 #googleRef {display:none;}
 #logOut,#logIn {position:absolute; bottom:15px; right:0px; font-size:9px; width:80px;} 
 #counter A {position:absolute; bottom: 0px; right:0px; font-size:9px; color:#abc; text-decoration:none;}

 
/* ------------------------ PROGRESS STATUS POPUP --------------------------- */
 DIV#statusWin {
  position:relative;
  width:360px; 
  top:150px; 
  background-color:#eee; color:black;
  border:3px ridge #06d; 
  font-size:8pt;
  z-index:999;
 }
 #statusWin H1 {width:100%; background-color:#06b; color:white; font-size:16px; margin:0; padding:4px 0 4px 0;}
 #statusWin H2 {width:100%; font-size:11pt; margin:3px 0 3px 0;}
 #statusWin SMALL {font-size:7pt; display:block; padding:4px;}
 #statusWin SPAN {margin:3px 0 3px 0; padding:0; text-align:center;}
 #statusWin B {color:#06b}
 
/* ----------------------------- EXPRESS HINT ------------------------------- */
DIV#expressHint {
  position:absolute;
  bottom:90px; right:300px;
  height:120px; width:300px;
  background-color:#ffd; color:#660;
  border: 1px solid #660;
  padding: 10px;
  font-size: 90%;
}

#expressHint H3, #expressHint H4 {margin: 0.1em 0 0.2em 0; text-align:center;}
#expressHint H3 {font-size: 140%; color:#f20;}
#expressHint H4 {font-size: 110%; color:#330;}
#expressHint H4 SPAN {color:#800;}

/* ----------------------------- EXPRESS HINT ------------------------------- */
.faq DIV {padding: 0.5em 4em 2em 2em}

/* ----------------------------- POPUP HELP --------------------------------- */
DIV.help  {
  position:fixed; 
  display:none;
  top:10px; right:50px;
  width:230px; height:auto; 
  background-color:#ffa; color:black;
  border: 1px solid black;
  padding: 10px;
  white-space: normal;
  text-align: justify;
  font-size: 90%;
  font-weight:normal;
  z-index: 100;
}

/* -------------------------- USER/GOOGLE MAPS ------------------------------ */
 #google {padding-left:3px; padding-right:3px; color:#0033ee;}
 DIV#userMap0   {position:fixed;    top:190px; right:25px; bottom:70px; left:25px;    border:1px solid #269;}
 DIV#userMap1   {position:absolute; top: 10px; left:550px; height:130px; width:180px; border:1px solid #269;}
 DIV#userMap2   {position:relative; width:385px; height:280px; border:2px solid #269;}
 #userMap1 SPAN, #userMap2 SPAN {display:none}
 #userMap1 A    {zoom:50%}
 #userMapNote   {position:fixed; bottom:55px; left:25px;}
 #userMapSearch {position:fixed; top:140px; right:25px; white-space:nowrap; text-align:right;}
 #userMapSearch SPAN {color:#abc; font-size:90%;}
 #userMapSearch SPAN B {font-size:120%;}
 #Gmap {position:relative; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}

 .googleMap {font-size:90%;}
 .googleMap H1 {font-size:125%; color:#448; margin:0;}
 .googleMap H2 {font-size:110%; color:#246; margin:0 0 8px 0;}
 .googleMap H3 {font-size:90%;  color:#184; margin:0 0 8px 0;}
 .googleMap UL {margin:0; padding-left:2em; max-height:200px; overflow:auto; overflow-X:hidden; overflow: -moz-scrollbars-vertical;}
 .googleMap LI {margin:0;}
 .googleMap DIV INPUT {width:80px;}
 .googleMap A, .googleMap A:HOVER {text-decoration:none;}
 IMG.usrPic {text-align:left; border:0; margin-right:8px;}
 IMG.profilePic {position:absolute; text-align:left; border:0; margin-right:8px;}
 IMG.usrTblPic,
 A IMG.usrTblPic{border:1px solid #46a;}
 
DIV#usrTbl {position:fixed; top:190px; right:0px; bottom:80px; left:20px; overflow:auto; padding:0 30px 0 10px;}
#usrTbl TABLE TH {text-align:left; font-size:120%; color:#79a; padding:1.5em 3px 0.5em 3px; white-space:nowrap;}
#usrTbl TABLE TD {padding:1px 3px 1px 3px;}
#usrTbl TABLE TD.usrTblLog, #usrTbl TABLE TD.usrTblLog A, #usrTbl TABLE TD.usrTblLogA:HOVER {
  text-decoration:none; 
  text-align:right; 
  white-space:nowrap;
}
.usrSexM {color:#248;}
.usrSexF {color:#833;}
TD.usrTblPhone    {padding: 0 1em 0 1em; font-style:italic; vertical-align:bottom; color:#555;}
TD.usrTblEmail    {padding: 0 1em 0 1em; font-size:90%; font-style:italic; vertical-align:bottom;}
SPAN.usrTblTeamNm {padding: 0 1em 0 1em; font-size:90%; font-weight:bold;  vertical-align:bottom; color:#4AB;}
SPAN.hostLvl   {font-size:120%; color:#900; vertical-align:top;}
SPAN.hostLvl B {font-size:90%; color:#d00;}

IMG.usrProfPic   {position:absolute; top:10px; left:20px; border:2px solid #456;}
TABLE#usrProfile {margin-left:150px}
#usrProfile H1 {font-size:140%; color:#68a; margin:0; padding:0;}
#usrProfile TH {text-align:right; vertical-align:bottom; font-weight:normal; color:#46a;  white-space:nowrap;}
#usrProfile TD {text-align:left;  vertical-align:bottom; font-weight:normal; color:black; white-space:nowrap;}
#usrProfile TD.ico {text-align:center; vertical-align:baseline; padding:0 5px 0 5px;}

DIV.usrLstDetail {position:relative; width:280px; height:135px; float:left; border:1px dashed #9ab; margin:5px; padding:3px;}
DIV.usrLstDetail IMG.usrLstPhoto {float:left; margin:5px;}

DIV.usrLstBox    {float:left;}
DIV.usrLstSex    {display:inline; padding:0 3px 0 3px; vertical-align:baseline;}
DIV.usrLstPM     {display:inline; padding:0 3px 0 3px; vertical-align:baseline;}
DIV.usrLstLog, DIV.usrLstLog A {display:inline; text-decoration:none; font-size:90%; color:#68a;}
DIV.usrLstFlag   {display:inline; padding:0 3px 0 3px; vertical-align:baseline;}
DIV.usrLstHost   {display:inline; padding:0 3px 0 3px; vertical-align:baseline;}
DIV.usrLstName   {display:block; font-size:110%; font-weight:bold;}
DIV.usrLstTitle  {display:block; font-size:80%;  font-style:italic;}
DIV.usrLstPhone  {display:block; font-size:80%;  font-style:italic;}
DIV.usrLstEmail  {display:block; font-size:80%;  font-style:italic;}
DIV.usrLstCity   {display:block}
DIV.usrLstTeam, DIV.usrLstTeam A, DIV.usrLstTeam A:HOVER {display:block; text-decoration:none; font-weight:bold;}
DIV.usrLstIcns     {position:absolute; right:4px; bottom:4px;}
DIV.usrLstIcns IMG {margin-left:3px;}

DIV.usrPhoto    {position:relative; width:84px; height:140px; float:left; border:1px dashed #9ab; margin:5px; padding:4px; text-align:center; overflow:hidden;}
.usrPhoto A     {font-size:80%; text-align:center; text-decoration:none;}
.usrPhoto TABLE {width:84px; height:124px; border:2px solid #48a; margin:0; padding:0;}
.usrPhoto TH, 
.usrPhoto TD    {font-size:9px; text-align:right; white-space:nowrap; border:none; vertical-align:bottom; margin:0; padding:0; color:#269;}
.usrPhoto TH    {color:#46a;}

A.adrBook {text-decoration:none; vertical-align:middle; margin:1em}

/* -------------------------- RSS FEEDS ------------------------------ */
DIV.feeds     {position:relative; border:1px solid #bbccdd; margin:0 0 8px 0; padding:0; font-size:90%;}
DIV.feedsWin  {position:relative; margin:0; padding:8px; height:200px; max-height:200px;overflow:auto; /* overflow-X:hidden; overflow: -moz-scrollbars-vertical; */}
DIV.feeds H1  {font-size:115%; margin:0; padding:3px 0 3px 0; background-color:#335577; color:#bbeeff; text-align:center;}
TABLE.feed    {border-bottom:1px solid #bbccdd; min-height:29px;}
DIV.feed      {border-bottom:1px solid #bbccdd; min-height:29px;}
DIV.fdAbs     {font-size:80%; display:none;}
DIV.fdTxt     {font-size:80%; display:none;}
DIV.fdCom     {font-size:80%; font-style:italic;}
DIV.fdFtr     {position:relative; margin-bottom:2px; font-size:80%;}
DIV.feedsCtrl {text-align:right; vertical-align:middle; white-space:nowrap; background-color:#bbccdd; border: 1px solid #335577;}
DIV.feedsCtrl INPUT, DIV.feedsCtrl SELECT {margin:2px 0 3px 0;}
DIV.feedsCtrl SPAN {padding:2px;}
A.fdSrc       {text-decoration:none; color:#48a;}
SPAN.fdDat    {position:absolute; right:0; text-align:right; color:#777;}
.feed H2      {font-size:100%; display:block; margin:2px 0 0 0; padding:0;}
.feed H2, .feed H2 A, .feed H2 A:HOVER {text-decoration:none; color:#013;}
.feed IMG     {float:right; margin:3px 0 2px 3px;}
IMG.fdLogo    {float:left; margin:2px 8px 2px 0;}
DIV.fdCopy    {text-align:center; margin-top:4px;}
.fdCopy A     {text-decoration:none; font-weight:bold; color:#aaa;}

DIV.feedPopup  {
 position:absolute; right:-230px; bottom:0px;
 width:220px; height:200px; 
 background-color:#bbccdd; 
 border: 2px solid #335577;
 overflow:hidden;
 z-index:9999;
}
DIV.feedPopTxt {margin:10px; font-size:110%;}
H1.feedPopTtl, H1.feedPopTtl A {text-decoration:none; color:white;}

/* -------------------------- FORUM AND BLOG ------------------------------ */
DIV.forumPost H1 {font-size:140%; margin:0; padding:4px 0 4px 0; background-color:#335577; color:#bbeeff; width:100%; text-align:center;}
DIV.fmBlogMsgHdr {position:relative; background-color:#cde; min-height:29px; width:100%; border-bottom: 2px dashed #678; padding:3px 0 3px 0; vertical-align:top;}
DIV.fmShowTtl    {text-align:left; padding: 5px 1em 3px 1em; font-size:125%; font-weight:bold; color:#559; text-align:center;}
DIV.fmShowTxt    {text-align:justify; padding: 0.5em 1em 0.5em 1em;}
DIV.fmShowMsg    {border:1px solid #bbccdd; padding:0 0 1em 0; margin:0 0 5px 0;}
DIV.fmPostCtrl   {margin-left:2em;}
A.newPost        {font-weight:bold; color:#134;}
A.newPost IMG    {margin-right:6px;}
.fmBlogMsgHdr A  {text-decoration:none; font-weight:bold; font-size:120%; color:#456; display:inline;}
.fmBlogMsgHdr SPAN {position:absolute; right:10px; text-align:right;}
.fmBlogMsgHdr I    {font-size:90%; color:#666;}
.blogUsrPhoto, .blogUsrPhoto A {border:0; color:#456; margin:2px 5px 2px 5px; display:inline; vertical-align:top;}
.fmShowTxt H3, .fmShowTxt H3 A  {font-size:110%; margin:1.5em 0 0.5em 0; color:#559; text-decoration:none;}


/* --- show full image in a popup --- */
DIV#fmShowImg {position:absolute; top:30px; width:100%; text-align:center; vertical-align:middle; z-index:99999; overflow:auto;}
IMG#fmShowPic {padding:15px; border:3px solid black; cursor:pointer; background-color:white; filter:revealTrans(transition=1,duration=1);}


/* --------------------------- FAVORITS --------------------------------- */
SPAN.favEnv  {position:relative; text-align:right; margin:0; padding:0;}
SPAN.fav     {position:absolute; top:3px; right:5px; visibility:hidden; cursor:hand; text-align:right; margin:0; padding:0;}
SPAN.fav IMG {border:0; cursor:hand; margin:0; padding:0;}