body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 2px 0 0 0;
padding: 0;
}
html, body {
height: 99%;
color:#660033;
font-weight:bold;
}

img {
border:0;
}
input:hover{
cursor: pointer;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.centre{
text-align:center;
}

a:hover{
text-decoration: underline;
}
.banner{
border:1px solid #003366;
margin-right:10px;
width:468px;
}
h1 {
margin-top:1px;
font-weight: bold;
font-size: 15px;
color: #f8def8;
margin-bottom:5px;
}
h6 {
font-weight: normal;
font-size:14px;
line-height:16px;
margin-top:1px;
margin-bottom:5px;
color:#ccc;
text-align:left;
}


h2 {
font-weight: bold;
font-size:12px;
line-height:14px;
margin-top:2px;
margin-bottom:2px;
/*color:#660033;*/
color:#003366;
text-align:left;
}
h2 a:link{
font-weight: bold;
font-size:12px;
line-height:14px;
margin-top:2px;
margin-bottom:2px;
/*color:#660033;*/
color:#003366;
text-align:left;
}
h2 a:visited{
font-weight: bold;
font-size:12px;
line-height:14px;
margin-top:2px;
margin-bottom:2px;
/*color:#660033;*/
color:#003366;
text-align:left;
}


h3 {
font-weight: bold;
font-size:12px;
line-height:14px;
margin-top:2px;
margin-bottom:4px;
/*color:#660033;*/
color:#FFFFFF;
text-align:left;
}
h4 {
font-weight: bold;
font-size:11px;
line-height:12px;
margin-top:0;
margin-left:3px;
text-align:left;
border:1px solid black;
background-color:#FFCCFF;
font-family:Arial;
color:black;
text-indent:10px;
margin-bottom:5px;
}
h5 {
text-align:center;
font-weight: bold;
font-size:11px;
margin-top:2px;
margin-bottom:2px;
color:#003366;
text-decoration:none;
}
h5 a:link{
text-align:center;
font-weight: bold;
font-size:11px;
margin-top:2px;
margin-bottom:2px;
color:#003366;
text-decoration:none;
}
h5 a:visited{
text-align:center;
font-weight: bold;
font-size:11px;
margin-top:2px;
margin-bottom:2px;
color:#003366;
text-decoration:none;
}
.offre-nom{
font-weight: bold;
font-size: 17px;
color: #003366;
margin-left:2px;
}
.offre-perles{
font-weight: bold;
font-size: 14px;
color: black;
margin-left:4px;
}
.offre-duree-prix{
font-weight: bold;
font-size: 13px;
color: #ffffff;
margin-left:6px;
}
#double-titre_h6 {
display:block;
float:left;
}
#double-titre_h1 {
display:block;
float:left;
}

.infini {
font-size:10px;
}
/* ################ FAQ ######## */
.faq a{
color: #06c;
display:block;
margin-bottom:1px;
border:1px dotted #936;
text-decoration:none;
}
.faq a:link {
color: #06c;
text-decoration:none;
}
.faq a:visited {
color: #06c;
text-decoration:none;
}
.faq a:hover {
color: #03c;
border:1px solid #936;
background-color:#66CCFF;
}

/* ################ COL GAUCHE caractère INFO ######## */
.info a{
display:block;
margin-bottom:1px;
text-decoration:none;
background-image:url(fond-info.gif);
width:12px;
height:12px;
line-height:10px;
color:#069;
/*position:relative;*/
font-size:11px;
text-align:center;
}
.info a:link {
text-decoration:none;
}
.info a:visited {
text-decoration:none;
}

/* ################ COL GAUCHE Nbre Mess ######## */

.nbrmess_colG a{
font-size:9px;
color: #63c;
text-decoration:none;
}
.nbrmess_colG a:link {
text-decoration:none;
}
.nbrmess_colG a:hover {
text-decoration:underline;
}

/* ################ COL GAUCHE Pseudo Voyants ######## */

.pseudo-voy a{
font-size:11px;
color: #603;
text-decoration:underline;
font-weight:normal;
}
.pseudo-voy a:hover {
text-decoration:none;
}


/* ################ COL GAUCHE Pseudo Membres ######## */

.pseudo-mem a{
font-size:11px;
color: #603;
text-decoration:underline;
font-weight:normal;
text-align:left;
}
.pseudo-mem a:hover {
text-decoration:none;
font-weight:normal;
}
/* ######################## */



.exergue{
font-size:18px;
font-weight: bold;
}
.symbols{
font-size:24px;
font-weight: bold;
line-height:20px;
}

/* ######################## */


#conteneur {
width: 1000px;
margin: 0px auto;
background-image:url(fond_chat2.jpg);
background-repeat:no-repeat;
}
#header {
height: 90px;
/*border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;*/
margin-bottom:3px;
text-align:right;
}
#haut {
margin-top:0px;
height: 110px;
/* background-image:url(fond_tube.gif);
background-repeat:repeat-x; */
text-align:center;
margin-bottom:3px;
}

/* elements menu haut */

#inscgra {
height: 90%;
float:left;
display:block;
width: 360px;
text-align:center;
margin-left: 100px;
margin-top:10px;
}
#inscgra img {
border:0;}

#messages {
height: 100%;
float:left;
display:block;
margin-left: 10px;
}
#loginmdp {
height: 100%;
float:left;
display:block;
width: 239px;
}
#statut {
height: 100%;
float:left;
display:block;
font-size:12px;
margin-left: 60px;
}

#connexion {
height: 100%;
float:right;
display:block;
font-size:12px;
margin-right: 10px;
margin-top:10px;
}
#connexion .input {
height: 12px;
font-size:11px;
font-weight:normal;
background-color:#993366;
font-family:"Courier New", Courier, monospace;
color:#FFFFFF;
}
#connexion .submit {
height: 25px;
font-size:12px;
font-weight:normal;
background-color:#ffffff;
font-family:"Courier New", Courier, monospace;
color:#000000;
border:1px solid black;
}

#connexion p {
font-size:11px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#660033;
line-height:12px;
margin:0;
}

#connexion img {
border:0;}

.titre_nav_haut {
text-align:center;
font-weight: bold;
font-size:11px;
margin-top:0px;
margin-bottom:0px;
color:#003366;
text-decoration:none;
}

.deroul_mess_attente {
font-weight:bold;
background-color:#FF99CC;
background-image:url(anim-bleuclair-fonce.gif);
}

/* fin elements menu haut */

#centre {
height:530px;
/*border:1px solid #ccc;*/
margin-bottom:5px;
}

/* elements gauche */

#leftcol {
height: 100%;
float:left;
display:block;
width: 170px;
/*border-right:1px solid #ccc;*/
/* background-color:#B2DCFC; */
}
#titregauchevoyants{
margin-bottom:0px;
height:20px;
background-image:url(grip_bleu.gif);
background-repeat:no-repeat;
}
#titregauchemembres{
text-align:left;
margin-bottom:0px;
height:20px;
background-image:url(grip_bleu.gif);
background-repeat:no-repeat;
}
#gaucheVoyants{
height:160px;
overflow:auto;
border-left:1px solid #ccc;
margin-bottom:2px;
width: 170px;
display:block;
}

#gaucheMembres{
height:230px;
overflow:auto;
margin-bottom:2px;
border-left:1px solid #ccc;
width: 170px;
display:block;
text-align:left;
}

/* elements centre */

#maincol {
height: 100%;
float:left;
display:block;
width: 630px;
background-image:url(griplong.gif);
background-repeat:no-repeat;
background-repeat:repeat-x;
padding-left:2px;
}
#maincol-aff {

height: 100%;
float:left;
display:block;
width: 820px;
background-image:url(griplong.gif);
background-repeat:no-repeat;
background-repeat:repeat-x;
padding-left:2px;
}

#contenumaincol {
overflow:auto;
height:95%;
width:98%;
padding-right:8px;
padding-left:2px;
}

#gauche {
height:180px;
margin-left:3px;
width:20%;
float:left;
}
#histo{
height:250px;
margin-bottom: 5px;
width:620px;
}
.historiquevous {
margin-left:3px;
border: 1px solid #993366;
padding:3px 3px 3px 3px; 
width:110px;
float:left;
text-align:right;
}
.historique {
border: 1px solid #993366;
padding:3px 3px 3px 3px; 
width:110px;
float:left;
text-align:right;
}
.avatar {
border: 1px solid #993366;
padding:3px 3px 3px 3px; 
width:110px;
float:left;
margin-top:5px;
}
.tirage {
border: 1px solid #993366;
padding:3px 3px 3px 3px; 
width:110px;
float:left;
margin-top:5px;
min-height: 90px;
}

#saisie{
height:30px;
margin-bottom: 5px;
width:620px;
display:block;
}

.dialoguevous {
margin-left:3px;
border: 1px solid #993366;
margin-right:5px; 
left: 125px;
width:470px;
float:right;
margin-bottom:3px;
text-align: right;
}
.modo-ami-ignore {
margin-left:3px;
margin-right:5px; 
left: 125px;
width:470px;
float:right;
text-align:right;
}
#alerte_amis_ignore{
width:620px;
margin-top: 10px;
}
.dialogue {
margin-left:3px;
border: 1px solid #993366;
margin-right:5px; 
left: 125px;
width:470px;
float:right;
overflow:auto;
height:250px;
}

#voyantsaccueil {
width:600px;
margin:0 auto 0 auto;
padding : 3px 0 0 0;
overflow: auto;
height: 375px;
border:2px solid #999999;
background-image: url(tab_voy_fond_transp.png);
}
#voyantsaccueil img{
border:2px solid #f9f;
}

/* anciens centre
#maincol {
height: 380px;
overflow:auto;
float:left;
display:block;
width: 640px;
background-image:url(griplong.gif);
background-repeat:no-repeat;
background-repeat:repeat-x;
}
#histo{
height:auto;
}
.historiquevous {
margin-left:3px;
border: 1px dotted black;
padding:5px; 
width:16%;
float:left;
}
.historique {
margin-left:3px;
border: 1px dotted black;
padding:5px; 
width:16%;
float:left;
}
#saisie{
height:auto;
padding-left:3px;
display:block;
overflow:auto;
}
.dialogue {
padding:5px;
margin-left:3px;
border: 1px dotted black;
margin-right:5px; 
left: 105px;
width:75%;
float:right;
overflow:auto;
height:150px;
}
.dialoguevous {
padding:5px;
margin-left:3px;
border: 1px dotted black;
margin-right:5px; 
left: 105px;
width:75%;
float:right;
}

/* fin elements centre */

/*  elements droite */

#titredroitesalon{
margin-bottom:0px;
height:20px;
background-image:url(grip_bleu.gif);
background-repeat:no-repeat;
}

#titredroitelive{
margin-bottom:0px;
height:20px;
background-image:url(grip_bleu.gif);
background-repeat:no-repeat;
}
#titredroitehoroscopes{
margin-bottom:0px;
height:20px;
background-image:url(grip_bleu.gif);
background-repeat:no-repeat;
}

#rightcol {
height: 100%;
float:left;
display:block;
width: 170px;
/* background-color:#B2DCFC; */
}
#salons {
text-align:center;
height: 28px;
width: 170px;
/* width: 168px; */
/* border-right:1px solid #003366; */
display:block;
border-left:1px solid #ccc;
padding: 5px 0 0 3px;
}
#live {
height: 182px;
width: 170px;
/* background-color:#B2DCFC; */
display:block;
overflow:auto;
border-left:1px solid #ccc;
padding: 0 0 0 3px;
text-align:left;
 font-size:10px;
 font-weight:normal;
}
 .live{
 text-align:left;
 line-height:16px;
 font-size:10px;
 padding-left:3px;
 font-weight:normal;
 margin: 0;
 color:#999999;
}


#souslive {
height: 230px;
width: 190px;
display:block;
border-left:1px solid #ccc;
left:-30px;
}
 .souslive{
 text-align:left;
 line-height:16px;
 font-size:10px;
 padding-left:3px;
 font-weight:normal;
 margin: 0
}
/* fin elements droite */


#footer{
clear:both;
padding:2px;
background-color:#7AC2F9;
border:1px solid #7AC2F9;
}
.lil {
color:#0066CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
font-size:9px;
font-weight:normal;
text-align:center;
}
.lil a:link{
text-decoration:none;
color:#0066CC;
font-size:9px;
font-weight:normal;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lil a:visited{
text-decoration:none;
color:#0066CC;
font-size:9px;
font-weight:normal;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


p {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#660033;
font-weight:bold;
}
p a:link{
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#660033;
font-weight:bold;
}
p a:visited{
color:#660033;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}
p a:hover{
color:#660033;
text-decoration: none;
background-color:#FDEEF0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}


#plant, plane {
margin-left:5px;
font-size:11px;
color:#660033;
line-height:20px;
}
#planv, plans, planm, plane, plant a:link{
text-decoration:none;
font-size:11px;
color:#660033;
}
#planv, plans, planm, plane a:visited {
text-decoration:none;
font-size:11px;
color:#660033;
}
.quiparle {
text-decoration:none;
color:#006699;
font-size:10px;
font-weight:normal;
}

.quiparlevoyant {
text-decoration:none;
color:#993366;
font-size:11px;
}
.quiparlesystem {
text-decoration:none;
color:red;
font-size:11px;
}
.quiparlemembre {
color:#003366;
text-decoration:none;
font-size:11px;
margin-left : 1px;
}
.quiparleautremembre {
color:#993366;
text-decoration:none;
font-size:11px;
}
.quiparlemodo {
color:#FF0000;
text-decoration:none;
font-size:11px;
}

.parolesystem {
text-decoration:none;
color:red;
font-size:11px;
font-weight:normal;
/*font-style:italic;*/
}
.parolesmembre {
color:#003366;
}
.parolesautremembre {
color:#993366;
}
.parolesmodo {
color:#FF0000;
}

.parolesvoyant{
color:#993366;
}

.horodatage {
color:#999999;
font-size: 10px;
font-weight:normal;
text-align:right;
}


.evidencevip {
background-image:url(anim-bordeauxclair-fonce.gif);
font-family:Arial;
font-size:12px;
font-weight:bold;
color:white;
margin:1px;
}
.evidencevip a{
background-image:url(anim-bordeauxclair-fonce.gif);
font-family:Arial;
font-size:12px;
font-weight:bold;
color:white;
margin:1px;
text-decoration:none;
}

.evidenceflash {
background-image:url(anim-bleuclair-fonce.gif);
font-family:Arial;
font-size:12px;
font-weight:bold;
color:white;
margin:1px;
}
.evidenceflash a{
background-image:url(anim-bleuclair-fonce.gif);
font-family:Arial;
font-size:12px;
font-weight:bold;
color:white;
margin:1px;
text-decoration:none;
}
.evidenceaudiotel {
border:1px solid #999;
background-image:url(anim-bleuclair-fonce.gif);
font-family:Arial;
font-size:24px;
font-weight:bold;
color:white;
margin:5px;
display:block;
}
.evidencecodeaudiotel {
border:1px solid #999;
background-image:url(anim-bleuclair-fonce.gif);
font-family:Arial;
font-size:18px;
font-weight:bold;
color:#660033;
margin:5px;
display:block;
}

#decroche {
color:#660033;
font-size:12px;
text-align:right;
}
#croche {
color:#660033;
font-size:12px;
text-align:right;
}


/* elements formulaires */


select {
font-size: 11px;
border:1px solid #999;
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#003366;
margin-top:0;
}

.input {
border:1px solid #999;
background-color:white;
font-family:Helvetica;
font-size:11px;
font-weight:bold;
color:#003366;
margin:1px;
height:15px;
}
.inputsubmit {
border:1px solid #003366;
height:17px;
font-family:Arial;
font-size:11px;
font-weight:normal;
line-height:10px;
color:#003366;
margin:0px;
}
.boutonsvalid-evidence {
border:1px solid #003366;
background-image:url(anim-bleuclair-fonce.gif);
font-family:Arial;
font-size:11px;
line-height:12px;
font-weight:bold;
color:white;
margin:1px;
height:17px;
padding:0px;
}

.boutons-discrets {
border:1px solid #003366;
background-color:#fff;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#936;
margin:1px;
height:18px;
}


form {
margin:0}

input {
font-size: 11px;
border:1px solid #999;
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#003366;
}
textarea {
font-size: 11px;
border:1px solid #999;
background-color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#003366;
}


#gestamis {
margin:0 0px 10px 3px;
vertical-align: text-top;
padding:3px;
width:90%;
height:110px;
}
#gestfavoris {
border:1px solid #993366;
width:250px;
margin:0 200px 0 18px;
vertical-align: text-top;
padding:3px;
float:left;
display:block;
}
.encadrerouge {
border:1px solid #993366;
margin-right:5px;
padding:3px;
width:250px;
float:left;
display:block;
}

.fondrosecadregris {
padding : 5px;
background-color:#FCE0EE;
border:1px solid #999999;
}