/*------------------------------------
* La feuille de style du site Borgar
*------------------------------------
*/

/* set millions of background images 
.rbroundbox { background: url(img/nt.gif) repeat; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }
*/
/* height and width stuff, width not really nessisary. 
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 80%; margin: 1em auto; }

.rbroundboxsmall { background: url(img/nt.gif) repeat; }
.rbroundboxsmall { width: 50%; margin: 1em auto; }
*/

.case{
    position:absolute;
    width: 80px; 
    height: 100px;
    text-align: center;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left:0px;
    margin-top:0px;
}

div#bloc1 {
width: 145px;
height: 300px;
overflow: auto;
border: 0px;
}

.zone {
padding : 0.5em;
margin: 5px;
float: left;
background : transparent;
}

.zone2 {
padding : 0.5em;
margin: 5px;
float: right;
background : transparent;
}

.scrollbox {
width:2200px; 
height:140px; 
background:#861619; 
overflow:hidden;  
margin:0px;
}

#menuhaut {
width:100%;
height:170px; 
color :white;
background-color:#861619;
list-style-type:disc;
overflow:auto;
text-align:center;
}

#menuhaut a,a:link,a:visited{
color:#ABCDFF;
text-decoration: none;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

#menuhaut a:hover {
color:white; 
background-color:#861619; 
}

#menuhaut2 {
width:100%;
height:140px; 
color :white;
list-style-type:disc;
overflow:auto;
text-align:center;
}

#menuhaut3 {
width:100%;
height:140px; 
color :white;
background-color:#861619;
list-style-type:disc;
overflow:auto;
text-align:center;
}

#menuhaut3 a,a:link,a:visited{
color:#ABCDFF;
text-decoration: none;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

#menuhaut3 a:hover {
color:white; 
background-color:#861619; 
}

/*#menudroit {
width:130px;
height:2000px;
float:right;
color :white;
background-color:#861619;
list-style-type:disc;
padding-right:1px;
}*/

#rightblock {
background-color : #861619;
FONT-SIZE: 12px;
FONT-FAMILY:  Arial, sans-serif;
color :white;
float: right;
width: 180px;
list-style-type:disc;
padding-right:1px;
background-image: url(img/ensemble.png);
}

#rightblock_header {
background-color : #861619;
color :white;
  width: 180px;
  height: 25px;
  background-image: url(img/ensemble.png);
  background-position: -180px 0px;
  background-repeat: no-repeat;
  margin-bottom: 0px;
}

#rightblock_footer {
background-color : #861619;
color :white;
  width: 180px;
  height: 25px;
  background-image: url(img/ensemble.png);
  background-position: -360px 0px;
  background-repeat: no-repeat;
}

#rightblock a,a:link,a:visited{
color:#ABCDFF;
text-decoration: none;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

#rightblock a:hover {
color:white; 
background-color:#861619; 
}

#rightblock a img {
border-color:#861619;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

/*#menugauche {
width:130px;
height:2000px;
float:left;
color :white;
background-color:#861619;
list-style-type:disc;
padding-left:1px;
}*/

#leftblock {
background-color : #861619;
FONT-SIZE: 12px;
FONT-FAMILY:  Arial, sans-serif;
color :white;
  float: left;
  width: 180px;
  list-style-type:disc;
  padding-right:1px;
  background-image: url(img/ensemble.png);
}

#leftblock_header {
background-color : #861619;
color :white;
  width: 180px;
  height: 25px;
  background-image: url(img/ensemble.png);
  background-position: -180px 0px;
  background-repeat: no-repeat;
  margin-bottom: 0px;
}

#leftblock_footer {
background-color : #861619;
color :white;
  width: 180px;
  height: 25px;
  background-image: url(img/ensemble.png);
  background-position: -360px 0px;
  background-repeat: no-repeat;
}

#leftblock a,a:link,a:visited{
color:#ABCDFF;
text-decoration: none;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

#leftblock a:hover {
color:white; 
background-color:#861619; 
}

#leftblock a img {
border-color:#861619;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}


#hr2 {
  /*width: 150px;*/
  height: 1px;
  margin: 10px auto 10px auto;
  background-image: url(img/planche.png);
  background-repeat: repeat-x;
}


#groupeA {
margin-left:10px;
float:left;
height:200px;
width:120px;
color : #861619;
list-style-type:disc;
}

#groupeB{
margin-right:10px;
float:right;
height:200px;
width:450px;
color : #861619;
list-style-type:disc;
}
/*
#piedpage {
margin-left:50px;
float:left;
width:500px;
height:200px;
color : #861619;
list-style-type:disc;
}*/

#central2 {
FONT-SIZE: medium;
color : #861619;
background-color : #ABCDFF;
list-style-type:disc;
padding-left:1px;
background-image: url(img/background.jpg);
}

#central {
FONT-SIZE: medium;
margin-left:180px;
margin-right:180px;
color : #861619;
background-color : #ABCDFF;
list-style-type:disc;
padding-left:1px;
background-image: url(img/background.jpg);
}

#page{
/*height:1800px;*/
display:block;
width:100%;
min-width: 980px;
width:expression(document.body.clientWidth < 980 ? "980px" : "auto" );
FONT-SIZE: 12px;
FONT-FAMILY: Arial, sans-serif;
color : #861619;
background-color : #ABCDFF;
scrollbar-base-color:#3D81EE;
scrollbar-arrow-color:#861619;
scrollbar-track-color:#ABCDFF;
background-image: url(img/background.jpg);
}

BODY {
FONT-SIZE: 12px;
FONT-FAMILY: Arial, sans-serif;
color : #861619;
background-color : #ABCDFF;
scrollbar-base-color:#3D81EE;
scrollbar-arrow-color:#861619;
scrollbar-track-color:#ABCDFF;
background-image: url(img/background.jpg);
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

area {
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

a img {
border-color:#ABCDFF;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

A:link, A:visited {
font: Arial, sans-serif;
font-weight: bold;
color:#3D81EE;
text-decoration: none;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

A:hover {
color:white; 
background-color:#861619; 
font: Arial, sans-serif;
font-weight: bold;
}


TEXTAREA {
FONT-SIZE: 12px;
FONT-FAMILY:  Arial, sans-serif;
BACKGROUND-COLOR: WHITE;
border-style: grey;
}
INPUT {
FONT-SIZE: 12px;
FONT-FAMILY: Arial, sans-serif;
/*background-color: WHITE;*/
border-style: grey;
}
.bouton {
color:#1E90FF; 
background-color:WHITE;
border-style: grey;
font-weight: bold;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}
.bouton2 {
color:#861619;
background-color:#ABCDFF;
border-style: grey;
font-weight: bold;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}
.bouton3 {
color:WHITE;
background-color:#861619;
border-style: grey;
font-weight: bold;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
}

.check {
background-color:#861619;
}


SELECT {
FONT-SIZE: 12px;
FONT-FAMILY:  Arial, sans-serif;
BACKGROUND-COLOR: WHITE;
COLOR:BLACK;
border-style: grey;
cursor: url(img/sword.cur), pointer;
cursor: url(img/sword.cur), auto;
cursor: url(img/sword.cur), wait;
} 

table {
FONT-SIZE: 12px;
FONT-FAMILY: Arial, sans-serif;
-moz-border-radius:6px;
border-collapse:collapse;
}

td {
padding : 5px;
FONT-SIZE: 12px;
color : #861619;
background-color : #ABCDFF;
}

td.fondrien
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial, sans-serif;
-moz-border-radius:6px;
border-collapse:collapse;
background-color : transparent;
}

th {
padding : 5px;
FONT-SIZE: 12px;
BACKGROUND-COLOR:#3D81EE;
COLOR:white;
}

hr {
color:grey;
}


.carre1
{
border: 0px ;
background-image:url(img/carre1.gif);
}

/* la ligne de chat dans un rectangle bleu avec une ligne jaune au dessus */
.c
{
padding:5px;
background:#F0F5BB;
border-top:1px solid #861619;
}

.zero{
border-width:0px;
}

.chatfenetre { 
 padding: 4px;
 FONT-FAMILY: Arial, Lucida, Geneva, Arial, Arial, sans-serif;
 font-size: 11px; 
 font-weight: normal;
 border:1px solid #3D81EE;
 background : #ABCDFF;
 color :  #861619;
 margin-top:3px; 
 width : 500px; 
 height : 550px; 
 overflow : auto;
 text-align:left;
scrollbar-base-color:#3D81EE;
scrollbar-arrow-color:#861619;
scrollbar-track-color:#ABCDFF;
}

.listeutilisateur {
 padding: 4px;
 FONT-FAMILY: Arial, Lucida, Geneva, Arial, Arial, sans-serif;
 font-size: 11px; 
 font-weight: normal;
 border:1px solid #3D81EE; 
 background : #861619;
 color :  #ABCDFF;
 margin-top:3px; 
 width : 120px; 
 height : 550px; 
 overflow : auto;
 text-align:left;
scrollbar-base-color:#3D81EE;
scrollbar-arrow-color:#861619;
scrollbar-track-color:#ABCDFF;
}

h1 {font-size:20px}
h2 {font-size:17px}
h3 {font-size:10px}
p {font-size:14px}

li { 
background-image: url(img/hammer2.gif); 
background-repeat: no-repeat;
list-style-type: none;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}