body		{
				background-image: url("../homepage_src/tile_bak.gif");
				}


#topbar		{
				position: relative;
				top: 0px;
				left: 50%;
				height: 40px;
				margin: auto;
				padding: 0px;
				vertical-align: top;
				background-color:transparent;
				} 

li 			{
			display: inline;
			}
img:not([width*="600"]):hover	{
			-moz-transform-origin: center top;
			-webkit-transform-origin: center top;
			transform-origin: center top;
			-moz-transform: translateY(15px);
			-webkit-transform:  translateY(15px);
			transform:  translateY(10px);

			-moz-transform: scale(1.3);
			-webkit-transform:  scale(1.3);
			transform:  scale(1.3);

			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			}

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	{
				position:relative;
				clear: both;
				}

#centerimage 	{
						position:relative;
						top:60px;
						left:500px;
						border-right: inset 4px #002;
						border-bottom: inset 5px #002;
						border-left: inset 1px #E8BB91;
						border-top: inset 2px #E8cc91;
						z-index:1;
						}

#remplacer	{
			position:relative;
			top:60px;
			left:500px;
			font-size: 14px;
			color:#fc9;
			text-align:center;
			}

#footer		{
				position: relative;
				clear: both;
				height: 35px;
				top: 100px;
				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; 
			}