div.yoo-toppanel div.panel-container {
	position: absolute;
	width: 100%;
	height: 0px; /* overlapping link bug */
	z-index: 15;
	margin:auto;
}

div.yoo-toppanel div.panel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.yoo-toppanel div.panel {
	position: relative;
}

div.yoo-toppanel div.trigger {
	position: relative;
}

/*div.yoo-toppanel div.article {
	clear: both;
}*/

div.default div.yoo-toppanel div.panel {
	background: #1a1a1a url(panel_bg.jpg) 0 100% repeat-x;
	color: #969696;
}

div.default div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 5px;
	overflow: hidden;
}

div.default div.yoo-toppanel div.close {
	width: 50px;
	height: 18px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger {
	top: 0px;
	left:50%;
	width:400px;
	margin-left:-200px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger img {
	width: 33px;
	height: 34px;
	border: 0px;
}

div.default div.yoo-toppanel div.trigger-l, div.default div.yoo-toppanel div.trigger-r {
	width: 33px;
	height: 34px;
	float: left;
}

div.default div.yoo-toppanel div.trigger-l {
	background: url(trigger_l.png) 100% 0 repeat-x;
}

div.default div.yoo-toppanel div.trigger-r {
	background: url(trigger_r.png) 100% 0 repeat-x;
}

div.default div.yoo-toppanel div.trigger-m_white {
	width: 334px;
	height: 34px;
	background: url(trigger_m.png) 0px 0px repeat-x;
	float: left;
	text-align: center;
	font-size: 13px;
	letter-spacing:1px;
	font-weight:bold;
	line-height: 25px;
	overflow: hidden;
	color: #FFFFFF;
}

div.default div.yoo-toppanel div.trigger-m_red {
	width: 714px;
	height: 34px;
	background: url(trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 13px;
	letter-spacing:1px;
	font-weight:bold;
	line-height: 25px;
	overflow: hidden;
	color:#1E1E1E;
}

/*div.default div.yoo-toppanel div.article {
	padding-bottom: 10px;
}*/

div.transparent div.yoo-toppanel div.panel {
	/* position: relative; /* IE6 link fix for transparent background image */
	background: url(panel_bg.png) 0 100% repeat;
	color: #969696;
}

div.transparent div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}

div.transparent div.yoo-toppanel div.close {
	width: 50px;
	height: 18px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	cursor: pointer;
}

div.transparent div.yoo-toppanel div.trigger {
	top: 0px;
	width: 232px;
	margin-left: -50px;
	cursor: pointer;
}

div.transparent div.yoo-toppanel div.trigger img {
	width: 33px;
	height: 34px;
	border: 0px;
}

div.transparent div.yoo-toppanel div.trigger-l, div.transparent div.yoo-toppanel div.trigger-r {
	width: 33px;
	height: 34px;
	float: left;
	background-color:#CC3300;
}

div.transparent div.yoo-toppanel div.trigger-l {
	background: url(trigger_l.png) 0 repeat-x;
}

div.transparent div.yoo-toppanel div.trigger-r {
	background: url(trigger_r.png) 100% 0 repeat-x;
}

div.transparent div.yoo-toppanel div.trigger-m {
	width: 166px;
	height: 34px;
	background: url(trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	overflow: hidden;
	color: #ffffff;
}

/*div.transparent div.yoo-toppanel div.article {
	padding-bottom: 10px;
}*/
ul {list-style: none;padding: 0; margin-left: 10px;}
li {
border-left:1px solid #404040  }

a.toplien {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #aaaaaa;
	text-decoration:none;
}
a.toplien:hover {
	background-color: #333;
	color: #fff;	
	margin-right:10px;
}
a.toplien2 {
	display: block;
	padding: 5px;	
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
a.toplien2:hover {
	background-color: #333;
	color: #fff;	
	margin-right:10px;
}
.toplien {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #aaaaaa;
}
.toplien2 {
	display: block;
	padding: 5px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right:10px;
	font-size: 11px;
	color: #FFFFFF;	
	border-bottom: 1px solid #404040
}
.toplien3 {
	display: block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #aaaaaa;
	font-weight:bold
}
.col_menu {
	width: 240px; 
	float: left;
	padding-top:0px;
	margin-top:0px
}
.col_menu h3 {
	color: #fff; 
	font-size: 14px;
	padding-left: 10px; 
	padding-top: 0px; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #404040
}
.col_menu h4 {
	color: #fff; 
	font-size: 14px;
	height:21px; 
	padding-left: 10px;
	padding-bottom: 2px; 
	border-bottom: 1px solid #404040
}


.tool-tip {
	color: #fff;
	width: 200px;
	margin-left: 180px;
	margin-top: -16px;
	border: 1px solid #333;
	padding: 5px;
	z-index: 13000;
	background: #333;
}
 
.tool-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color: #666;
	background: #333;
}
 
.tool-text {
	color: #ccc;
	font-size: 10px;
	background: #333;
}
.pratique {
color: #ffffff;
font-size: 12px;
background: #333;
padding-left: 10px;
padding-right: 10px;}

#baspage {
float:left; 
width:960px;
text-align:center;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size:11px;
background-color:#ffffff;
border:#cfd2d4 solid 1px;
}
#baspage2 {
float:left; 
width:960px;
text-align:center;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size:9px;
background-color:#ffffff;
border:#cfd2d4 solid 0px;
}
.hautpage {
background: #ebedef url(haut_page.png) no-repeat 8px; 
padding:3px 10px 0 20px;
font-size:10px;
float:left;
}
#baspage a:hover { color:#FF0000}
#baspage2 a:hover { color:#FF0000}
.rouge { color:#FF0000}