body {
background-color: #D1E1FA;
 font-family: "Verdana", courier, serif;
padding: 0px;
margin: 0px;
color: #000000;
        }
A			{ color: #020466; padding: 2px}
A:link		{ color: #020466; text-decoration: none; }
A:visited	{ color: #383a84; text-decoration: none; }
A:active	{ color: #383a84;  }
A:hover		{ color: black; 	background : white;}
 H1 { font-size: 130% ; }
 H2 { font-size: 100% ; }
pre{
line-height: 70%;
font-family:  courier;
border: 1px solid #6CB9D3;
background-color: #EFFAFE;
margin: 5px; padding: 10px;
font-size: 100%
}

td
{
  font-size: small;
  vertical-align:top;
}
td.b {

	background : #9DADC6;
	color: white;

}
td.c {

	background : #B4C2D8;
	color: black;
}
td.d {

	background : #8096B6;
	color: #000033;
}
td.e {

	background : #D5E5FE;
	color: #000033;
    border: 1px dashed #000033;
}
td.w {

	background : white;
}
td.m {

	background : #9DADC6;
/*	background-image: url(i/ff.jpg); */
	color: black;
}
#logo{
  position: fixed;
 left: 0px;
 width: 66px;
 height: 106px;
background-image:url('i/logo.jouer.org.gif');
background-repeat: none;
z-index: 14;
}
#msg{
font-family:  courier;
border: 1px solid #6CB9D3;
background-color: #EFFAFE;
margin: 5px; padding: 10px;
font-size: 100%
}

#log {
  position: relative;
  left: 0px;
  width: 100%;
	height: 36px;  
	z-index: 2;
	background-image:url('i/bg-menu.png');
	background-repeat: repeat-x;
	font-weight: bold;
vertical-align : middle;
text-align:center; 
}

#pub {
  position: relative;
  top: 0px;
  right: 0px;  
  z-index: 0;
  border:1px dashed black;
	width:468px;
}
#copy {
  position: relative;
  bottom: 0px;
  font-size: 70%;
  text-align: center;
  width: 100%;
  background-color:#9DADC6;
  z-index: 3;}


p.baseline {
	clear: both;
	font-size: 65%;
	text-align: center;
	border-top: 1px solid #ccc;
	margin: 1ex;
	padding: 1ex;
}

#arti21 {
	width:100%;
	background-image:url('i/arti_2x1.gif');
	background-repeat: repeat-y;
	background-color : #d1d9e4;
}
#arti23 {
	background-image:url('i/arti_2x3.gif');
	background-repeat: repeat-y;
	background-position: right;
}
#arti12 {
	height:45px;
	background-image:url('i/arti_1x2.gif');

}
#arti12 img {
	vertical-align:top; /* for ie5*/
}
#arti11 {
	width:44px;
	height:45px;
	background-image:url('i/arti_1x1.gif');
	float: left;
}
#arti13 {
	width:47px;
	height:45px;
	background-image:url('i/arti_1x3.gif');
	float: right;
	}
#arti22 {
	padding: 0 20px 0 25px;
}
#arti22 p {
	margin: 0px;
}
#arti32 {
	height:43px;
	background-image:url('i/arti_3x2.gif');
}
#arti31 {
	width:34px;
	height:43px;
	background-image:url('i/arti_3x1.gif');
	float: left;
}
#arti33 {
	width:47px;
	height:43px;
	background-image:url('i/arti_3x3.gif');
	float:right;
}

#fiche11 {
	width:10px;
	height:10px;
	background-image:url('i/fiche_1x1.gif');
	float: left;
}
#fiche12 {
	height:10px;
	background-image:url('i/fiche_1x2.gif');
}
#fiche13 {
	width:10px;
	height:10px;
	background-image:url('i/fiche_1x3.gif');
	float: right;
	}
#fiche21 {
	width:100%;
	background-image:url('i/fiche_2x1.gif');
	background-repeat: repeat-y;
	background-color : #FFFFFF;
}
#fiche22 {
	padding: 0 9px 0 9px;
}
#fiche22 p {
	margin: 0px;
}
#fiche23 {
	background-image:url('i/fiche_2x3.gif');
	background-repeat: repeat-y;
	background-position: right;
}


#fiche31 {
	width:10px;
	height:10px;
	background-image:url('i/fiche_3x1.gif');
	float: left;
}
#fiche32 {
	height:10px;
	background-image:url('i/fiche_3x2.gif');
}
#fiche33 {
	width:10px;
	height:10px;
	background-image:url('i/fiche_3x3.gif');
	float:right;
}



#postit11 {
	width:10px;
	height:10px;
	background-image:url('i/postit_1x1.gif');
	float: left;
}
#postit12 {
	height:10px;
	background-image:url('i/postit_1x2.gif');
}
#postit12 img {
	vertical-align:top; /* for ie5*/
}
#postit13 {
	width:10px;
	height:10px;
	background-image:url('i/postit_1x3.gif');
	float: right;
	}
#postit21 {
	width:100%;
	background-image:url('i/postit_2x1.gif');
	background-repeat: repeat-y;
	background-color : #c6d0de;
}
#postit22 {
	padding: 0 10px 0 20px;
}
#postit22 p {
	margin: 0px;
}
#postit23 {
	background-image:url('i/postit_2x3.gif');
	background-repeat: repeat-y;
	background-position: right;
}
#postit31 {
	width:10px;
	height:10px;
	background-image:url('i/postit_3x1.gif');
	float: left;
}
#postit32 {
	height:10px;
	background-image:url('i/postit_3x2.gif');
}
#postit33 {
	width:10px;
	height:10px;
	background-image:url('i/postit_3x3.gif');
	float:right;
}


#ho221 {
	width:100%;
	background-image:url('i/ho2_2x2.gif');

}
#ho222 {
	padding: 0 10px 0 10px;
}
#ho222 p {
	margin: 0px;
}
#ho223 {
}
#ho231 {
	width:24px;
	height:25px;
	background-image:url('i/ho2_3x1.gif');
	float: left;
}
#ho232 {
	height:25px;
	background-image:url('i/ho2_3x2.gif');
}
#ho233 {
	width:19px;
	height:25px;
	background-image:url('i/ho2_3x3.gif');
	float:right;
}
img
{
	border: 0px;
}
img.middle {
	vertical-align: middle;
	border: 0px;
}