body{
    direction:ltr;
	color:#333;
	background-color:white;
	margin:2px;
	padding:0;
	font-family:verdana, arial,  helvetica, sans-serif;
}
p{
	font-size:10px;
}

a{
	text-decoration:none;
	color:#09c;
	font-weight:600;
	text-decoration:none;
}
a:link {
	color:#09c;
}
a:visited {
	color:#63e;
}
a:hover{
	text-decoration:underline;
	background-color:#eee;
}
h1 {
	margin:0;
	padding:0;
	font-size:28px;
	font-weight:900;
	color:#3F3;
	border:1px solid #aea;
}
h2{
	margin:0;
	padding:0;
	padding-left:10px;
	font-family:times;
	font-size:18px;
	color:#333;
	background-color:#efe;
}
input, textarea{
	border:thin solid #333333;
	border-style:solid;
	border-width:1px
}
ul{
	margin:0;
	padding:0;
	text-align:left;
	display:block;
	font-size:11px;
}
li{
	list-style: none;
	margin-bottom:5px;
	font-size:11px;
}

@media print
{
 #top {
	position:relative; 
	width:auto;
	min-width:800px;	
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 20px; 
	margin-left: 20px; 
	padding: 0;
	border:1px solid #fff;
	background-color:#fff;
	height: 156px;  
 }  
 #content {
	position:relative; 
	width:auto;
	min-width:550px;
	min-height:400px;
	margin-top: 0; 	
	margin-bottom: 0;
	margin-right: 20px; 
	margin-left: 20px; 
	border:1px solid #ccc;
	background-color:#ffe;
	padding: 0; 
 }
 #bottom {
	position:relative; 
	width:80%;
	min-width:600px;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10%; 
	margin-left: 10%; 
	padding: 10px;
	border:1px solid #fff;
	background-color:#fff;
	height: 25px; 
	text-align:center;
 }  
 #left {
	display:none;
 }
 #right {
	display:none;
 }
 .controle{
	display:none;
 } 
}

@media screen
{
 #top {
	position:relative; 
	width:auto;
	min-width:800px;	
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 20px; 
	margin-left: 20px; 
	padding: 0;
	border:1px solid #fff;
	background: url(../Image/Ban.jpg) 0 0 no-repeat;
	z-index:10;
	height: 156px;  
 }  
 #content {
	position:relative; 
	width:auto;
	min-width:550px;
	min-height:400px;
	margin-top: 0; 	
	margin-bottom: 0;
	margin-left: 200px;
	margin-right: 200px;
	border:1px solid #ccc;
	background-color:#ffe;
	padding:10px;
	z-index:10; 
 }
 #bottom {
	position:relative; 
	width:80%;
	min-width:600px;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10%; 
	margin-left: 10%; 
	padding: 10px;
	border:1px solid #fff;
	background-color:#fff;
	z-index:10;
	height: 25px; 
	text-align:center;
 }  
 #left {
	position:absolute;
	top:170px;
	left:20px;
	border:1px solid #ccc;
	background-color:#eff;
	padding:10px;
	z-index:12;
	width:150px;
 }
 body>#left {
	width:150px;
 }	
 #right {
	position:absolute;
	top:170px;
	right:20px;
	border:1px solid #ccc;
	background-color:#eff;
	padding:10px;
	z-index:13;
	width:150px;	
 }
 body>#right {
	width:150px;
 }
 .controle{
	border:dashed 1px #333;
 } 
}
.rallye{
	width:150px;
	background-color:#393;
	color:#fff;
}

.case{
	background-color:#fff;
}
.carre{
	border:solid 1px #999;
	height:20px;
}

.size1{
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:normal;
}
.size2{
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
}
.size3{
	font-size:8px;
	margin:0;
	padding:0;
	font-weight:normal;
}
.sel{
	text-decoration:line-through;
	font-weight:bold;
}

.menu{
	font-size:11px;
}
.menu2{
	font-size:11px;
	margin:0;
	padding:0;
	margin-left:2px;
}
.texte{
	font-size:12px;
	margin:4px;
	text-align:justify;
}
.enigme{
	font-size:14px;
	margin:4px;
	padding:4px;
	text-align:justify;
	color:#339;
	font-weight:bold;
	background-color:#eee;
}
.warning{
	font-size:14px;
	margin:4px;
	padding:4px;	
	text-align:justify;
	color:#880000;
	font-weight:bold;
	background-color:#fee;	
}
.bonne{
	font-size:14px;
	margin:4px;
	text-align:justify;
	color:#393;
	font-weight:bold;
}
.gris{
	color:#666666;
}
.bouton{
	margin:0;
	margin-top:2px;
	padding:0;
	height:20px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	background-color:#cdc;
}
.connexion{
	margin:0;
	padding:0;
	height:15px;
	font-family:arial;
	font-size:10px;
}
.motcroise{
	margin:0;
	padding:0;
	height:15px;
	width:15px;
	font-family:arial;
	font-size:12px;
}
.motcroise2{
	margin:0;
	padding:0;
	height:15px;
	width:15px;
	color:#00f;
	background-color:#eef;
	font-family:arial;
	font-size:12px;
}
.connexionT{
	margin:0;
	padding:0;
	font-family:arial;
	font-size:10px;
}
.nowrap{
	white-space:nowrap;
}
.commune{
	text-align:center;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:9px;
}
.commune a{
	color:#000033;
}
.distance{
	text-align:right;
	margin:0;
	margin-right:5px;
	padding:0;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
}
.made{
 position:absolute;
 top:-1000px;
 left:-1000px;
 visibility:hidden;
}

