* 
{
	margin:0;
	padding:0;
}

html, body 
{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow:hidden;
}

#arriere 
{
	width :100%;
	height:100%;
}

h1 
{
	font-size:2.5em;
	font-weight:normal;
	letter-spacing:2px;
	text-align:center;
	margin:0;
	color:#7d5757;
}

#global 
{
	position:absolute;
	left:50%;
	top:50%;
	width:658px;
	height:440px;
	margin-top:-220px;
	margin-left:-329px;
	border:0px;
	border-top-style:inset;
	border-bottom-style:inset;
}

#isavelcoll 
{
	width:650px;
	height:103px;
	background:transparent url(../png/collisvel.png) no-repeat top left;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='png/collisvel.png', sizingMethod='crop');
}

#wrapper 
{
	width:100%;
	height:auto;
	text-align:left;
	margin:0;
}

#defilement 
{
	width:650px;
	height:300px;
	text-align:left;
	margin:0 auto;
	overflow:auto;
}

#nav 
{
	width:650px;
}

ul 
{
	float:left;
}

ul li 
{
	list-style:none;
	float:left;
}

#defilement ul 
{
	float:left;
	padding-right:1px;
}

#defilement ul li 
{
	list-style:none;
	padding-top:1em;
	float:left;
	clear:both;
}

#defilement ul h2 
{
	padding-top:1em;
}

a img 
{
	border:2px solid #996633;
	margin:5px;
}

a:hover img 
{
	border:2px solid #F8DDAE;
	margin:5px;
}

a:link 
{
	color:#996633;
	text-decoration:none;
}

a:visited 
{
	color:#CC9933;
	text-decoration:none;
	font-weight:normal;
}

a:hover 
{
	color:#CDC0B0;
	text-decoration:none;
	font-weight:normal;
	border-bottom:0px;
}

a:active 
{
	color:#996633;
	text-decoration:none;
	font-weight:normal;
}

a span 
{
	display:none;
	text-decoration:none;
	color:black;
}

a:hover span 
{
	display:block;
	background-color:transparent;
	text-decoration:none;
	color:Black;
	position:absolute;
	top:11%;
	right:0;
	width:159px;
	height:80px;
	margin:0;
}

#isavelcoll p.right 
{
	float:right;
	border-top:outset;
}

.right 
{
	float:right;
	margin-left:2em;
}

.left 
{
	float:left;
	margin-left:2em;
}

.clear 
{
	clear:right;
}

.cadre 
{
	padding:3px;
	border:solid;
	color:#F8DDAE;
}

#contenucache 
{
	width:100%;
}

#contenucache a img.cadre 
{
	margin-left:5%;
}

#contenucache a:hover img 
{
	padding:3px;
	border:solid;
	color:#7d5757;
}

ul#navigation 
{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;   /*rajout2010*/
}

ul#navigation li 
{
	display:inline;
}

ul#navigation li a 
{
	width:5em;
	padding:.2em 0;
	text-align:center;
	text-decoration:none;
}

ul#navigation li.milieu a 
{
	background-color:transparent;
	color:#cc9933;
}

ul#navigation .left 
{
	float:left;
	margin-left:5px;
}

ul#navigation .right 
{
	float:right;
	margin-right:17px;
}

ul#navigation .milieu 
{
	float:left;
	padding-left:32%;
}

#header 
{
	FONT-SIZE:93%;
	BACKGROUND:url(bg.gif) transparent repeat-x 50% bottom;
	FLOAT:left;
	WIDTH:100%;
	LINE-HEIGHT:normal;
	border-bottom-style:inset;
}

#header UL 
{
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:0px;
	MARGIN:0px;
	PADDING-TOP:10px;
	LIST-STYLE-TYPE:none;
}

#header LI 
{
	PADDING-RIGHT:0px;
	PADDING-LEFT:9px;
	BACKGROUND:url(images/tab/left.gif) no-repeat left top;
	FLOAT:left;
	PADDING-BOTTOM:0px;
	MARGIN:0px;
	PADDING-TOP:0px;
}

#header A 
{
	PADDING-RIGHT:15px;
	DISPLAY:block;
	PADDING-LEFT:6px;
	FONT-WEIGHT:bold;
	BACKGROUND:url(images/tab/right.gif) no-repeat right top;
	FLOAT:left;
	PADDING-BOTTOM:4px;
	COLOR:#333;
	PADDING-TOP:5px;
	TEXT-DECORATION:none;
}

#header A:hover 
{
	COLOR:#765;
	BACKGROUND-color:yellow;
	BACKGROUND:url(../images/tab/right.gif);
}

#header A.active 
{
	COLOR:#000;
}

#header #current 
{
	BACKGROUND-IMAGE:url(images/tab/left_on.gif);
}

#header #current A 
{
	BACKGROUND-IMAGE:url(right_on.gif);
	PADDING-BOTTOM:5px;
	COLOR:#333;
}

#contenu {
	margin: 5px;
	padding-top: 5px




a.tt 
{
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}

a.tt span 
{
	display:none;
}

a.tt:hover 
{
	z-index:25;
	color:#aaaaff;
	background:;
}

a.tt:hover span.tooltip 
{
	display:block;
	position:absolute;
	bottom:100%;
	left:-159px;
	padding:0 0 0 0;
	width:200px;
	color:#993300;
	text-align:center;
	filter:alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;
}

a.tt:hover span.top 
{
	display:block;
	padding:30px 8px 0;
	background:url(../images/bubble.gif) no-repeat top;
}

a.tt:hover span.middle 
{
	display:block;
	padding:0 8px;
	background:url(../images/bubble_filler.gif) repeat bottom;
}

a.tt:hover span.bottom 
{
	display:block;
	padding:3px 0px 30px;
	color:#548912;
	background:url(../images/bubble.gif) no-repeat bottom;
}