<!--

	
#menu a	{		color: white;
						text-decoration: none;
						font-size: 95%;
				}	
				
 a	{ color: white;		text-decoration: none;
			font-size: 95%;	line-height:25px;	}
			
			
 a:hover		{ color:#1e1e1e;	text-decoration: none;
			font-size: 95%;	}
	
/*_____________index part_________________*/
body	{
		background-image: url(px/beton4.jpg);
		background-repeat: repeat;		
		padding: 0px;
		margin: 0px auto 0px auto;
		font-family: verdana;
		font-size: 100%;
		width: 1150px;
		border: 0px solid blue;
		font-family: verdana;
		height: 550px;		

		}

/*    ------------------- TOP ----------------------------------------- */
#top	{		
		margin: 0px auto 0px auto;	
		padding: 0px;
		width: 1100px;
		height: 160px;
		text-align: center;
		border: 0px solid red;
		z-index: 1;		
		}

#anim	{
		position: relative;		margin: auto;	height:160px;
		left: auto;				top: 0px;
		z-index: 1;
		text-align: center;
		border: 0px solid blue;
		}


#menu	{	margin: 0px auto 0px auto;
			width: 840px;				height: 27px;
			text-align: center;
			position: relative;
			top: -38px;	left: 15px;
			z-index: 2;
			border: 0px solid blue;
		}


#menu ul	{
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			text-align: center;
			font-size: 80%;
			border-left: 0px;		
			}	
			
#menu li	{
			color: white;
			width: 210px;
			display: block;
			line-height: 25px;
			float: left;
			padding: 0px;
			}
			
#menu li.valide 	{					
					background-image: url('px/bon.png');
					background-repeat: no-repeat; 
					display: block;
					float: left;
					line-height: 29px;
					font-size: 100%;
					text-align: center;
					}			
#menu li.no 	{					
					background-image: url('px/boff.png');
					background-repeat: no-repeat; 
					display: block;
					float: left;
					line-height: 29px;
					font-size: 100%;
					text-align: center;
					}	
					
#menu li.no:hover		{					
					background-image: url('px/bon.png');
					background-repeat: no-repeat; 
					display: block;
					float: left;
					line-height: 29px;
					font-size: 100%;
					text-align: center;
					}								


/*    ---------- main ----------------------------------------- */


#main { 	text-decoration: none; 	
			position: relative; left: 0px;
			top: -15px;
			width: 1150px;		
			height: 430px;	
			margin: 0px auto;				
			padding: 0px; 
			text-align: left;						
			font-size: 90%;	
			color: #363657;							
			z-index: 2px;		
			border: 0px solid black;			
		 }
				
	
#side	{		position: absolute;									
				font-family: optima;
				width: 267px;
				font-size: 90%;
				text-align: center;
				color: #363657;				
				height: 418px;		
				border: 0px solid white;}

#side p	{ line-height: 20px;	}			

#central	{	position: absolute;	
				left: 290px;	
				top: 5px;				
				background-image: url('template/main-panel.png');
				background-repeat: no-repeat;
				font-family: optima;
				width: 570px;
				height: 418px;	
				font-size: 100%;
				text-align: center;
				color: #363657;								
				border: 0px solid white;}	
				
#central ul { 		text-align: left; 
						margin: 0px 0px 0px 90px;
						}		


#central  .tabt		{	list-style-image: url(px/star.png);		
							position: relative; left: 20px; top: 0px;	color: #363657;			
							padding-bottom: 0px;	
						}		

#central .notab	{	list-style-image: url(px/star.png);		
							position: relative; left: 0px; top: 0px;	
							padding: 6px 0px 8px 0px;						
						}

#central .rallye	{	list-style-image: url(px/star2.png);	
							position: relative; left: 50px; top: 0px;	
							padding: 8px 0px 8px 0px;						
						}

#central .tab		{	list-style-image: url(px/star2.png);	
							position: relative; left: 50px; top: 0px;	
							padding: 3px 0px;		font-size: 85%;			
						}
																

#central  .star	{		padding: 35px 0px;								}


#side.left {		background-image: url('template/side-panel.png'); 
					background-repeat: no-repeat;
					left: 20px;	
					top: 5px;
				}
#side.right {	background-image: url('template/side-panel-2.png'); 
					background-repeat: no-repeat;
					right: 20px;	
					top: 5px;
				}

#side	h4	{	margin: 20px 0px;	}


#bottom	{	position: relative;	
				left: 290px;	
				top: -30px;			
				background-image: url('template/bottom-panel.png');
				background-repeat: no-repeat;
				font-family: optima;
				width: 570px;
				font-size: 90%;
				text-align: center;
				color: #363657;				
				height: 105px;		
				border: 0px solid white;
				}

#bottom li#clickme { list-style-type: none; }


 .slideshow { margin: 15px auto; }
 .slideshow img { padding: 0px; border: 1px solid white; max-width:190px; }


#central.rallye	{	
		color: white;
		background-image: url('template/rallye-main.png');
		background-repeat: no-repeat;
		z-index:6;
		display: none;
		padding: 25px 0px 0px 30px;
		margin-top:7px;
		font-size: 100%;
		}	
		
#central.rallye .tab		{	list-style-image: url(px/star2.png);	
							position: relative; 	left: 50px; top: 0px;	
							padding: 3px 0px;		font-size: 90%;	
							width:450px;		
						}	
#central.rallye .notab		{	list-style-image: url(px/star2.png);	
							position: relative; 	left: 20px; top: 0px;	
							padding: 3px 0px;		font-size: 90%;	
							width:450px;		
						}		
#central.rallye ul { 		text-align: left; 
						margin: 0px 0px 0px 35px;
						}	


#actu	{	position: relative; left: 0px; top: 0px;
		color: white;
		width: 500px;
		height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 10px;
		margin: 10px;
}

#actu.lettre	{	
		color: white;
		width: 450px;
		height: 300px;
		overflow-y: auto;
		overflow-x: none;
		padding: 10px 10px 10px 65px;
		margin: 10px;
		font-size: 110%;
}

#actu li { max-width: 410px; }


/*___________________display part________________________*/


#central.display	{
	overflow: hidden;
	background-image: url('template/viewer-main.png');
	background-repeat: no-repeat;
	border: 0px solid red;
	color: white;
	font-size: 90%;
	height: 480px;
	padding: 5px 0px 0px 0px;
	margin-top:7px;
	}	


#central.display .cell	{	
			padding: 0px 0px 190px 0px;
			margin: 0px;
			color: white;
			}

#central.display .cell img	{ max-width: 480px; max-height: 390px; border: 1px solid white;
				margin: 20px 0px 10px 0px; }	


#side.thumbs	{
					background-image: url('template/side-panel-2.png'); 
					background-repeat: no-repeat;
					right: 20px;	
					top: 5px;
				}
#side.thumbs ul { text-align: left; margin: 20px 0px 0px -16px;}

#side.thumbs a img {
			width: 66px; height: 42px; border: 1px solid white; margin: 1px; padding: 0px;
			}

#side.thumbs #quatre a img 	{
			width: 214px; height: 60px; border: 1px solid white; margin: 2px 0px 0px 0px; padding: 0px;
			}

#bottom-viewer	{	position: relative;	
				left: 290px;	
				top: -20px;			
				font-family: optima;
				width: 570px;
				font-size: 80%;
				text-align: center;
				color: #363657;				
				height: 105px;		
				border: 0px solid white;
				}							
				
.thumbs a img {
			width: 66px; height: 42px; border: 1px solid white; margin: 1px; padding: 0px;
			}				
				
/*___________________display part________________________*/				
				
#central.form	{	background-image: url('media/form/mezz2.jpg');
						
						background-repeat: no-repeat;						
						top:5px;
						color: white;
						padding:0px;
						border: 0px solid white;
						
					}				
				
				
-->