body, html {
    color: #333333;
    font-family: "Lucida Grande","Segoe UI","Bitstream Vera Sans",Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    background: #F6F6F6;
    cursor: default;
    
    /*
    background: #15293D;
    background-image: linear-gradient(left , #15293D 0%, #2A5278 100%);
	background-image: -o-linear-gradient(left , #15293D 0%, #2A5278 100%);
	background-image: -moz-linear-gradient(left , #15293D 0%, #2A5278 100%);
	background-image: -webkit-linear-gradient(left , #15293D 0%, #2A5278 100%);
	background-image: -ms-linear-gradient(left , #15293D 0%, #2A5278 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, #15293D),
		color-stop(1, #2A5278)
	);*/
	
	/*background: #F8F8F8;*/
	background: url("../images/bg_body.gif") repeat scroll 0 center #F8F8F8;
}

h1 a
{
	color: #FFFFFF;
	font-size: 32px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

h1 a:HOVER
{
	text-decoration: none;
}

h2
{
	color: #333333;
}

a {
    color: #0066CC;
    outline-style: none;
    text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

img
{
	/* pour IE... */
	border: none;
}

.page
{
	background: #FFFFFF;
	border-right: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #BBB;
	
	width: 980px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.container_wrapper
{
	
	
	width: 960px;
	margin: 0 auto;
}

.colMenu
{
	width: 180px;
	vertical-align: top;
}

.colBody
{
	width: 800px;
	vertical-align: top;
}

#header
{
	vertical-align: middle;
	padding-top: 1px;
}

.header_wrapper
{
	height: 100px;
	width: 960px;
	margin: 0 auto;
	/*background: url('../images/bg_header.png') repeat scroll 0 center #888888;*/
	
	/* #4D90FE,#4787ED */
	/*
	background: #15296D;
	background-image: linear-gradient(left , #15296D 0%, #4A7298 100%);
	background-image: -o-linear-gradient(left , #15296D 0%, #4A7298 100%);
	background-image: -moz-linear-gradient(left , #15296D 0%, #4A7298 100%);
	background-image: -webkit-linear-gradient(left , #15296D 0%, #4A7298 100%);
	background-image: -ms-linear-gradient(left , #15296D 0%, #4A7298 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0, #15296D),
		color-stop(1, #4A7298)
	);
	*/
	
	background: #4D90FE;
	background-image: -webkit-gradient(top,from(#4D90FE),to(#357AE8));
	background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
	background-image: linear-gradient(top,#4D90FE,#357AE8);
	
	border-radius : 0px 0px 0 0;
	border: 1px solid #666;
	margin-top: 5px;
}

.footer_wrapper
{
	width: 960px;
	margin: 0 auto;
	background: url("../images/bg_header.png") repeat scroll 0 center #444444;
	color: #999999;
	vertical-align: middle;
	padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 5px;
}

.footer_wrapper a
{
	color: #999999;
	text-decoration: none;	
}

.footer_wrapper a:HOVER
{
	text-decoration: underline;
}

.navbar {
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
    background-color: #F8F8F8;
    border: 1px solid #BBBBBB;
}

.navbar li 
{
    padding: 0;
    height: 38px;
    border-bottom: 1px solid #BBBBBB;
}

.navbarItem a {
    -moz-transition-duration: 500ms;
    -moz-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: background;
    transition-duration: 500ms;
    transition-property: background;
    border-radius: 0 0 0 0;
    color: #666666;
    font-size: 12px;
    font-weight: bolder;
    
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    height: 28px;
    
    text-decoration: none;
}

.navbarItem a:hover 
{
	color: #FFFFFF;
    background: #4D90FE;/*#00BCF2;*/
}

.navbarItemTop
{

}

.navbarItemTop a:hover
{
	border-radius: 7px 7px 0 0;
}

.navbarItemBottom
{

}

.navbarItemBottom a:hover
{
	border-radius: 0 0 7px 7px;
}

.userPanel
{
	color: #666666;
	padding: 5px;
	/*background-color: #7c8d76;*/
	border-radius: 7px;
	background-color: #F8F8F8;
    border: 1px solid #BBBBBB;
}

.userPanel a
{
	color: #666666;
    outline-style: none;
    text-decoration: none;
}

.userPanel a:HOVER
{
	color: #666666;
    outline-style: none;
    text-decoration: underline;
}

.menuPanel
{
	position: inherit; 
	display: block; 
	top: 0px; 
	left: auto;
	z-index: 10;
	width: 160px; 
	margin-right: 10px; 
	margin-top: 10px;
}

.userPanel .exploitation
{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	
	-moz-transition-duration: 500ms;
    -moz-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: background;
    transition-duration: 500ms;
    transition-property: background;
}

.userPanel .exploitation:HOVER
{
	color: #FFFFFF;
    background: #4D90FE;
    text-decoration: none;
}

.userPanel .current:BEFORE
{
	content: '> ';
}

.userPanel .current
{
	color: #4D90FE;
}