/* ############ spécifications structure: ############ */

/* formulaire: */
FORM TABLE TR TD
{
        padding:0px;
        margin:0px;
}


BODY
{
    /* réglage des marges*/
	padding-left: 0px;
	padding-right: 0px;
    padding-top: 0px;
    font-family:Arial;

	/* Body, c'est toute la page, tout hérite de ce qu'il suit */
	/* todo: ext=#ffccff vLink=#cc33cc aLink=#cc66cc link=#ff99ff bgColor=#000000  */
	 
	/* couleur du fond */
	background-color:rgb(0%, 0%, 0%);
	
	/* couleur du texte */
	color:rgb(100%, 40%, 80%);
	
	font-size:12pt;
	
}

TABLE.fullWidth
{
    width:100%;
    border-collapse: collapse;
}

TABLE.fullWidth TR TD
{
    width:100%;
} 


/* ############ spécifications générales: ############ */

TD { vertical-align:top }

IMG {
	border-style:none; /* pas de bordure aux images dans des balises A */
}

P {
	padding:0px;
	margin:0px;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
}

H3 {
	margin: 0.4em;
}



/* ############ Impression: ############ */
@media print {
        *.noprint { display:none; }

	*.note_edit { border-style:none; background-color:transparent; color:black; }

	BODY { padding:1px; margin:0px; /* 1px pour bug mozilla */}
	TABLE.liste { width:100%; }
}

@media screen {
	*.noscreen { display:none; }
}


/* ############ spécifications spéficique :) ############ */

/* block */

TD.block {
	border-style:solid;
	border-width:1px;
	border-color:rgb(30%, 30%, 30%);
	background-color:rgb(90%, 90%, 90%);
    padding:10px;
}

TD.frameBlock
{
    padding:0px;
    background-color:rgb(100%, 100%, 100%);
}

TD.textblock {
	border-style:solid;
	border-width:1px;
	border-color:rgb(0%, 0%, 0%);
	background-color:rgb(100%, 100%, 100%);
	padding:20px;
}

TD.smallblock {
	border-style:solid;
	border-width:1px;
	border-color:rgb(30%, 30%, 30%);
	background-color:rgb(90%, 90%, 90%);
    padding:3px;
}

TD.blockInfoMsg
{
    color:white;
	border-style:solid;
	border-width:1px;
	border-color:white;
	background-color:green;
    padding:3px;   
}

TD.blockErrorMsg
{
    color:white;
	border-style:solid;
	border-width:1px;
	border-color:white;
	background-color:red;
    padding:3px;
}

TD.text:first-letter {
        float:left;
        margin-right: 3px;
        margin-top:-6px; /* ne fonctionne que sous mozilla */
        font-size: 300%;
        /* font-weight:normal; */
}
TD.text:first-line {
        /* font-weight:bold; */
}

DIV.userList
{
    /*
    border-style:solid;
    border-width:1px;
    border-color:rgb(100%, 40%, 80%);
    background-color:rgb(40%, 10%, 20%);
    */
}

/* description de l'utilisateur: */
DIV.description
{
    
}

DIV.genrelikingdom
{
    display:inline;
    font-weight:bold;
    margin:5px;
}

*.channelContent
{
    border-style:solid;
    border-width:1px;
    border-color:rgb(100%, 100%, 100%);
    background-color:rgb(20%, 20%, 20%);
    padding:5px;
    margin-bottom:20px;
}

*.channelTitle
{
    color:white;
    border-style:solid;
    border-width:1px;
    border-color:rgb(60%, 20%, 60%);
    background-color:rgb(30%, 10%, 30%);
    padding-left:5px;
    margin-top:0px;
    margin-bottom:2px;
}
*.chat_textarea
{
    color:white;
    width:100%;
    background-color:rgb(20%, 20%, 20%);
}

*.newmessages
{
    background-color:rgb(20%, 20%, 20%);
}

/* ############ spécifications kamasutrav :) ############ */

/* général */

A       { font-style:normal; }

a:link {color:    rgb(100%, 60%, 100%);}     /* unvisited link */
a:visited {color: rgb(100%, 60%, 100%);}  /* visited link */
a:hover {color:   rgb(100%, 60%, 100%);}   /* mouse over link */
a:active {color:  rgb(100%, 60%, 100%);}   /* selected link */

*.temporaire
{
    display: inline;
    background-color:rgb(70%, 70%, 0%);
    color:yellow;
    font-family: monospace;
    white-space: pre;
}

*.fonctionnalArea
{
    display:block;
    color:black;
    background-color:rgb(80%, 80%, 80%);
    border-style:solid;
    border-width:1px;
    border-color:rgb(100%, 100%, 100%);
    width:100%;    
}


/* réutilisé */
*.standardTitle
{
    color:rgb(100%, 40%, 80%);
}

/* réutilisé */
P.standardText
{
    color:rgb(100%, 40%, 80%);
}

/* gabarit */

*.maincontainer
{
    /*width:100%;*/
    border-collapse: collapse;
}

*.maingabarit
{
    /*width:auto;*/
    border-collapse: collapse;
}

*.headerArea
{
    /*
    height:100px;
    background-color:rgb(20%, 20%, 20%);
    color:black;
    */
}

*.footerArea
{
    background-color:lightgreen;
    color:black;
}


*.headerTransitionArea
{
    background-color:rgb(100%, 60%, 100%);
    height:1px;
}

/* liste des utilisateurs connectés (bande horizontal) */

*.connectedUserListArea
{
    border-collapse:collapse;
    background-color:rgb(40%, 10%, 20%);
}

/*  liste des utilisateurs connectés (tableau) */

TABLE.userListcontainer
{
    width:100%;
    border-collapse: collapse;
}

TABLE.userListcontainer TR TD
{
    padding:5px;
    width:25%;
}

TABLE.editProfil
{
	color:White;
    width:auto;
}

TABLE.editProfil TR TD
{
    padding:5px;
}

TD.rightAlign
{
    text-align:right;
    padding-right:00px;
}

/* ------------------------ ajouté depuis l'arrivé de la charte graphique ------------------------ */
*.pageTitle
{
	border-color:#ff0099;
	border-collapse: collapse;
	border-style:outset;
	border-width:2px;
}

TABLE.pageTitle TD
{
	width:800px;
	text-align:center;	
}


TD.blockUserConnected
{
    font-weight:bold;
    font-size:smaller;
    color:green;
    padding:3px;   
}

TD.blockUserDisconnected
{
    font-weight:bold;
    font-size:smaller;
    color:red;
    padding:3px;
}


DIV.footer_txt
{
    color:#ff33ff;
    font-size:smaller;
}

TABLE.popupUserDescription_main
{
    text-align:center;
    margin:auto;
    background-image:url('fond-fiche-profil.jpg');
}

DIV.popupUserDescription_username
{
    font-size:2em;
    color:white;
}

DIV.popupUserDescription_properties
{
    color:#33ff66;
    margin:auto;
    width:322px;
    height:114px;
    background-image:url('fondmauv-fiche-profil.jpg');
    font-size:small;
    font-weight:bold;
}

DIV.popupUserDescription_description
{
    color:white;
}


/* ... */