.navbar
{
	width: 240px;/*18em - la valeur en em est différemment interprétée sur firefox*/
    float:left;
    margin: 2px 0px 2px 4px;
}

#navbarmain
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

.navbar1
{
	width: 100%;
	margin-bottom: 10px;
}

.navbarheader
{
	height: 19px;
	padding: 10px 0 0 35px;
	background: url(../images/navbar_medium_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
	font-size: 16px ;/*1.2em*/
	font-weight: bold;
	text-transform: uppercase;
}

.navbarcontent
{	
	border: 1px solid #0F2543;
	padding:2px 2px 2px 2px;
	/*line-height: 1.5em;*/
	font-size: 12px;/*.8em*/
}

.navbarbottom
{
	height: 12px;
	background: url(../images/navbar_litle_bottom.png) no-repeat left top;
	margin-bottom:10px;
}

#navbaradmincontent
{
	padding: 10px;
	background-color: #EFEFEF;
}

.navbaritem 
{
	background-color:#AA8922;
	font-size:12px;
	font-weight:bold;
	border:1px solid #EFB;
	color:white;
	width:17em;
	padding:1px;
	margin:2px 1em 2px 1em;
	
	text-align:center;
	background:#789ABC;
	border-color:#004455;
}

.navbaradminitem 
{
	background-color:#AA8922;
	font-size:12px;
	font-weight:bold;
	border:1px solid #EFB;
	color:white;
	width:14em;
	padding:1px;
	margin:2px 1em 2px 1em;
	
	text-align:center;
	background:#789ABC;
	border-color:#004455;
}

.navbaritem a, .navbaritem a:visited
 {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	text-decoration:none;
	color:#FEB;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .navbaritem a, html>body .navbaritem a:visited, html>body .navbaritem a:hover, html>body .navbaritem a:active
{
	width :auto;
}

.navbaritem a:hover, .navbaritem a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#BEF;
	color:#034;
	text-decoration:none;
}

/*CollapsiblePanel*/
.collapseNavbarHeader{
	width:100%;
	height:25px;
	background-image: url(../images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

/**** Navbar pro ****/
.itemnavbar {
	background-color:#F0F0F0;
	color:#6D6D6C;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #CDCDCC;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:17em;
	margin:2px 1em 2px 1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.itemnavbar {
	text-align:center;
	background: url("../images/bg_scroll1.jpg") #F0F0F0;/**/
	color:#969695;
}


.itemnavbar a, .itemnavbar a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#3306ce;/*#ba06ce#7f06ce#ce066b*/
	padding:2px 1px;
	text-decoration:none;
	font-family:Arial,Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}

html>body .itemnavbar a, html>body .itemnavbar a:visited, html>body .itemnavbar a:hover, html>body .itemnavbar a:active {
	width:auto;
}

.itemnavbar a:hover, .itemnavbar a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: url("../images/bg_scroll2.jpg") #F0F0F0;
	color:#7f06ce;/*#ce066b#ba06ce*/
	text-decoration:none;
	font-family:Arial,Verdana;
	margin:0px;
	width:100%;
}

.itemnavmsg {
	background-color:#F0F0F0;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #CDCDCC;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:17em;
	height:30px;
	margin:2px 1em 1px 1em;
}

.itemnavmsg {
	text-align:center;
	background: url("../images/bg_scroll1.jpg");
	color:#3306ce;/*#FFFFFF*/
	
}