#container	{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-color:transparent;
			}

#topbar		{
				position: relative;
				top: 0px;
				left: 0px;
				width: 105%;
				height: 20px;
				margin: 0px;
				padding: 0px;
				font-size: 14px;
				color:#FECC99;
				vertical-align: top;
				} 
#revealpict{
			font: 14px bold oblique  justify;
			color: #ffcc99;
			width:200px;
			height:100px;
			padding: 9px 9px 9px 9px;
			border: 2px;
			border-style: dashed;
			border-color: #ffcc99;
			background: transparent;
			float: right;
			/*  background-color:blue; revealTrans(duration=3,transition=12); */
			FILTER: revealTrans(duration=1,transition=12);
			VISIBILITY: hidden;
			}

LI 		{
			background-color:transparent;
			display: inline;
			margin-right: 50px;
			font-family: courrier, arial, helvetica, sans-serif;
			font-weight: 900;
			font-style: oblique;
			height: 20px;
			color:#ddd;
			text-align:center;
			vertical-align: top;
			}


form			{
			color:#cba676;
			height: 20px;
			}

input		{
			vertical-align: top;
			width: 80px;
			border: 1px;
			border-style:inset;
			color:#930;
			text-align:center;
			background-color: #cac0b7;
			}

.flatbutton1	{
			border: none;
			}

.flatbutton2	{
			border: none;
			}
   
.flatbutton3	{
			border: none;
			}

.col
	{
	position: relative;
	vertical-align: top;
	float: left;
    width: 200px;
	height: 610px;
	padding: 10px 10px    0px    10px;
	margin-right: 10px;
	border-left: 2px dashed #cba676;
	font-family: "Book Antiqua", "Times New Roman", Georgia, Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-align: justify;
	color: #220000;
   }

evenements	{
			top: 0px;
			width: 50%;
			}

td			{
			vertical-align: top;
			}

/* p	{
   		   
		   padding:   20px 20px   20px     20px;
			background:url(texture5.jpg);
			} /*	    top right  bottom  left*/

span   {
		   
		   width:30%;
		   float:left;
		   text-align: justify;
		   /*	    top right  bottom  left*/
		   padding:   0px 20px   0px     20px;
		   /* background:url(spanbg.jpg); */
		   /* if (navigator.appVersion.indexOf('Mac') != -1)  font-size: 12px/14px; color: #bb2 */
		   font-family: arial, helvetica, sans-serif;
		   font-size: 14px;
		   color: #cc3;
		   }

#pupille		{
				position:absolute;
				top: 165px;
				left: 157px;
				display:none;
				}
#manche		{
				position:absolute;
				top: 278px;
				left: 152px;
				display:none;
				z-index: 1;
				}

#centerdiv	{
			margin-top:15px;
			}

#centerimage	{
				float:right;
				margin-right: 30px;
				clear: both;
				left:50%;
				margin-top:-0px;
				margin-left: 150px;
				border: 3px inset #FFCC99;
				z-index:1;
				}

#intexte	{
   			float:right;
			margin-right: 150px;
			font-size: 14px;
			color:#fc9;
			text-align:center;
			}

#footer		{
				position: relative;
				clear: both;
				height: 35px;
				top: 25px;
				font-size: 9px;
				font-family: Verdana,Geneva,Arial,sans-serif;
				text-align: center;
				background-color: #312f2f;
				color:#fc9;
				}

a:link 		{
			font-weight:bold;
			text-decoration:none;
			background-color:transparent;
			color:#fc9;
			border: 0;
			}

a:hover 		{
			text-decoration: none;
			background-color:transparent;
			color:#cba676;
			}

a:visited 	{
			text-decoration: none;
			background-color:transparent; 
			}