/*****************************************
	Styles pour les menus
	Modifications pour supprimer les Tableaux
*****************************************/
@media screen{
	div#BandeMenuGeneral{
		clear: both;
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		margin:  0px;
		padding: 0px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #FFFFFF;
		background-color: #CDCDCD;
		z-index: 1; 
	}
}
@media print{
	div#BandeMenuGeneral{
		display: none;
	}
}
div.BandeMenuDecoration{
	clear: both;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 1px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-bottom-color: #888888;
}
div#MenuGeneral{
	display: block;
  width: 780px !important;
  width: 780px;
	height: 55px;
	margin: auto !important;
	margin-left: 200px;
	padding: 0px;
	z-index: 1; 
}

div#MenuGeneral p.Navigateur { /* afficher un message d"erreur si pas Firefox */
	text-align: center;
	margin-top:	0px;
	margin-bottom: 0px;
	font:normal normal bold 10px Verdana, Arial, sans-serif;
	color: #8F008F;
}

div#MenuGeneral div.LogoMenu{
	float: left;
	display: table-cell;
	margin: 0px; padding: 0px;
}
div.TableMenu{
	float: left;
	display: inline-table;
	position: static;
	margin: 0px auto;	padding: 0px;
}
div.Cell{
	float: left;
	display: table-cell;
	padding: 0px;
	margin:  0px 1px 1px 1px;
}
div.Row{clear:both; display:table-row;}

/*-----------------------------------
  Option de la barre du menu General
------------------------------------*/  
div.OptionMenuGeneral{
	float:left;
	display:block;
	width:90px;	height:25px;
	margin:0px;	padding:0px;
	text-align: center;
	z-index: 1; 
}

div.TableMenu ul.Menu { /* Option de la barre de menu */
	display: block;
	position:relative;
	width: 100%;
	margin:0px;	padding:0px;
	border-width: 1px;
	border-style: solid;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #00008F;
	border-bottom-color: #00008F;
	background-color: #DFDFDF;
	background-image: none;
	list-style: none;
	font:normal normal bold 11px Verdana, Arial, sans-serif;
	color: #00008F;
	text-align:center;
	z-index: 1; 
}

div.TableMenu ul.Menu li.Option { 
	margin:0px;	padding:0px;
	z-index: 1; 
}

div.TableMenu ul.Menu li.Option a {
	display: block;
	text-decoration: none;
	color: #00008F;
	background-color: #DFDFDF;
	background-image: none;
	margin:  0px;
	padding: 5px 5px 6px 5px;
	z-index: 1; 
}
div.TableMenu ul.Menu li.Option a:hover {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00008F;
	background-image: none;
	padding: 5px 5px 6px 5px;
	z-index: 1; 
}
div.TableMenu ul.Menu li.OptionSelected { 
	margin:0px;	padding:0px;
	z-index: 1; 
}
div.TableMenu ul.Menu li.OptionSelected a {
	display: block;
	text-decoration: none;
	color: #FFFF8F;
	background-color: #8F8F8F;
	background-image: none;
	margin:  0px;
	padding: 5px 5px 6px 5px;
	z-index: 1; 
}
div.TableMenu ul.Menu li.OptionSelected a:hover {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00008F;
	background-image: none;
	padding: 5px 5px 6px 5px;
	z-index: 1; 
}

/*-------------------------
   Sous Menu
--------------------------*/   
div.TableMenu ul.SousMenu{ /* Liste des Option niveau 1 */
	list-style: none;
	display: block; 
	position: absolute;
	left:0px;
	width:140px;
	top:24px;
	background-color: #DFDFDF; 
	background-image: none;
	border-style: solid;
	border-width: 2px;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #00008F;
	border-bottom-color: #00008F;
	margin:0px;	padding:0px;
	color: #00008F;
	text-align: left;
	font:normal normal bold 11px/16px Verdana, Arial, sans-serif;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.Option { 
	margin:0px;	padding:0px;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.Option a {
	display: block;
	margin:0px;	padding:5px;
	border: 1px solid #DFDFDF;
	background-color: #DFDFDF;
	background-image: none;
	text-decoration: none;
	color: #00008F;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.Option a:hover {
	display: block;
	background-image: none;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00008F;
	padding: 5px;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.OptionSuite{
	margin:0px;	padding:0px;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.OptionSuite a{
	display: block;
	margin:0px;	padding:5px;
	border: 1px solid #DFDFDF;
	background: #DFDFDF	url('menu_suite.png') no-repeat right; 
	text-decoration: none;
	color: #00008F;
	z-index: 3; 
}
div.TableMenu ul.SousMenu li.OptionSuite a:hover { 
	color: #FFFFFF; 
	background: #00008F url('menu_suite_hover.png') no-repeat right; 
	padding: 5px;
	z-index: 3; 
} 

/* -----------------------
		Menu 2eme niveau 
-------------------------*/
div.TableMenu ul.SousMenu2 {
	list-style: none;
	display: block; 
	position: absolute;
	left:0px;
	width:140px;
	margin: -25px 0px 0px 136px;
	padding:0px; 
	background-color: #DFDFDF; 
	border-style:solid;
	border-width:2px;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
	border-right-color:#00008F;
	border-bottom-color:#00008F;
	color:#000000;
	text-align:left;
	font:normal normal bold 11px/16px Verdana, Arial, sans-serif;
	z-index:4;
  background-image:none;
}
div.TableMenu ul.SousMenu2 li.Option{
	margin:0px;	padding:0px;
	z-index: 4;
}
div.TableMenu 	ul.SousMenu2 li.Option a {
	display: block;
	margin:0px;	padding:5px;
	border:1px solid #DFDFDF;
	background-image: none;
	text-decoration: none;
	color: #00008F;
	z-index: 4;
}
div.TableMenu ul.SousMenu2 li.OptionSuite{
	margin:0px;	padding:0px;
	z-index: 4;
}
div.TableMenu ul.SousMenu2 li.Option a:hover {
	display: block;
	background-image: none;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00008F;
	padding: 5px;
	z-index: 4;
}
div.TableMenu ul.SousMenu2 li.OptionSuite a{
	display: block;
	margin:0px;	padding:5px;
	border: 1px solid #DFDFDF;
	background: url('menu_suite.png') no-repeat right; 
	text-decoration: none;
	color: #00008F;
	z-index: 4;
}
div.TableMenu ul.SousMenu2 li.OptionSuite a:hover { 
	color: #FFFFFF; 
	background: #00008F url('menu_suite_hover.png') no-repeat right; 
	padding: 5px;
	z-index: 4;
} 

/*---------------------------
    Menu pour Archive
-----------------------------*/    
div.TableMenu ul.Archives {
	list-style: none;
	display: block; 
	position: absolute;
	left:0px;
	width:70px;
	margin: -25px 0px 0px 136px;
	padding: 0px; 
	background-color: #DFDFDF; 
	border-style: solid;
	border-width: 2px;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #00007F;
	border-bottom-color: #00007F;
	color: #000000;
	text-align: left;
	white-space: nowrap;
	font:normal normal bold 11px/16px Verdana, Arial, sans-serif;
	z-index: 4;
	background-image: none;
}

div.TableMenu ul.Archives li.Option{
	margin:0px;	padding:0px;
}
div.TableMenu ul.Archives li.Option a {
	display: block;
	border: 1px	solid #DFDFDF;
	margin:0px;	padding:5px;
	background-image: none;
	text-decoration: none;
	color: #00008F;
} 
div.TableMenu ul.Archives li.Option a:hover { 
	display: block;
	background-image: none;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00008F;
	padding: 5px;
} 

div.TableMenu li>ul{top:auto;left:auto;}
/* Fix IE. Hide from IE Mac */
* html div.TableMenu ul li {float:left; height:1%; }
* html div.TableMenu ul li a {height:1%;}
/* End */
div.TableMenu li:hover ul{display:block;}
div.TableMenu li:hover>ul{visibility:visible;}
div.TableMenu ul ul{visibility:hidden;}		

/* ***************************************
 Définition de la barre de menu à gauche
******************************************/
@media screen{
	div#BandeMenuGauche{
		float: left;
		display: block;
		position: fixed;
		top: 60px;
		left: 0px;
		width: 120px;
		margin:0px;	padding:0px;
		background-color: #CDCDCD;
		z-index: 0; 
	}
	div#BandeMenuGaucheErreur{
		float: left;
		display: block;
		position: fixed;
		top: 75px;
		left: 0px;
		width: 120px;
		margin:0px; padding:0px;
		background-color: #CDCDCD;
		z-index: 0; 
	}
}
@media print{
	div#BandeMenuGauche{display:none;}
}
div#MenuGauche{
	display: table;
  width: 120px;
	margin: auto;
	padding: 0px;
	z-index: 0; 
}
div.OptionMenuGauche{
	float: left;
	display:block;
	width: 118px;
	margin:0px;	padding:0px;
	text-align: center;
	z-index: 0; 
}
div#MenuGauche p.MenuGaucheTitre{ /* Titre dans un menu gauche */
	display: block; 
	width: 100%;
	margin:0px;	padding:0px;
	white-space: nowrap;
	text-decoration: underline;
	letter-spacing: 0px;
	font:normal normal bold 18px Arial, sans-serif;
	text-align: center;
	color: #00008F;
}

/* ****************************************
	Style pour le panneau de connexion 
******************************************/
div.OngletConnexion{float:left;z-index:1}
div.Connected{float:left;display:block;
	margin:0px;padding:0px;
	text-align:left;list-style:none;
	font:normal normal bold 11px Arial, sans-serif;
	z-index: 1}
div.Connected p.Bonjour{margin:2px 0px 0px 2px;padding:0px;
  font:normal normal bold 11px Arial, sans-serif}
form.Connected {margin:0px; width:120px}
form.Connected:hover {background-color:#93DCA5}

div.OngletConnexion ul.OngletConnexion { 
	float:left;display:block;margin:0px;padding:0px;
	background:url('onglet-connexion.png') no-repeat top center;
	list-style:none;z-index:1}
div.OngletConnexion ul.OngletConnexion li a {
	display:block;width:100px;height:23px;
	text-align:center;vertical-align:middle;
	text-decoration: none;color: #FFFFFF}
div.OngletConnexion ul.Panneau{list-style:none;
	position:absolute;display:block; 
	margin:0px;padding:0px;z-index:1;
	left:0px;top:0px;width:100%;height:70px;
	background-color: transparent;
	border-color: #B8003E;
	border-style: none;
	border-width: 0px 3px 3px 3px;
	color: #000000;
	text-align: left;
	font:normal normal normal 12px Arial, sans-serif;
	z-index: 3;
}
div.OngletConnexionErreur{/* affichage du message d'erreur de connexion */
	display: block; 
	z-index: 1;
	width:100%;
	height:15px;
	background-color: #FFFFFF;
	border-color: #B8003E;
	border-style: solid;
	border-width: 0px 3px 3px 3px;
	margin:0px; padding:0px;
}
div.OngletConnexionErreur p.Message{
	padding: 0px; 
	margin: -2px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#B8003E;
}
div.OngletConnexion ul.Panneau div.OngletIdentification{
	margin:0px; padding:0px;
	width: 100%;
	height: 23px;
	background: url('onglet-connexion.png') no-repeat top left;
}

/* Style pour le texte du panneau */
div.OngletConnexion ul.Panneau a {
	display: block; 
	text-decoration: none;
	color: #000000;
	z-index: 3;
} 
div.OngletConnexion ul.Panneau form{
	padding: 0px 0px 0px 5px; 
	margin: 0px 0px 0px 5px;
}
div.OngletConnexion ul.Panneau table{
	padding: 0px 0px 0px 5px; 
	margin: 0px 0px 0px 5px;
}
div.OngletConnexion ul.Panneau td.Libelle{
	text-align: left;
	font-weight: bold;
	color: #00008F;
}
div.OngletConnexion ul.Panneau td.Formulaire{
	text-align: left;
}
div.OngletConnexion ul.Panneau td.Bouton{
	text-align: left;
}
div.OngletConnexion ul.Panneau td.Bouton input.Oubli{
	width:200px;
}

div.OngletConnexion li>ul {top: auto; left: auto;}
/* Fix IE. Hide from IE Mac \*/
* html div.OngletConnexion ul li {height: 1%;}
* html div.OngletConnexion ul li a {height: 1%;}
/* End */
div.OngletConnexion li:hover ul {display: block;}
div.OngletConnexion li:hover>ul {visibility:visible;}
div.OngletConnexion ul ul {visibility:hidden;}		

div.OngletConnexion div.InformationPrive {
	display: block;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	text-align: left;
	background-color: #FFFFBB;
}
div.OngletConnexion div.InformationPrive p {
	margin: 0px ;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	color: #00008F;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
div.OngletConnexion ul.Panneau form.FormConnexion {
	display: block; 
	margin: 0px;
	width:100%;
	height:55px;
	background-color: #FFFFFF;
	border-color: #B8003E;
	border-style: solid;
	border-width: 0px 3px 3px 3px;
	color: #000000;
	text-align: left;
	font:normal normal normal 12px Verdana, Arial, sans-serif;
}

div.OngletConnexion ul.Panneau form.FormConnexionMessage {
	display: block; 
	padding: 0px;	margin:0px;
	width:100%;
	height:70px;
	background-color: #FFFFFF;
	border-color: #B8003E;
	border-style: solid;
	border-width: 0px 3px 3px 3px;
	color: #000000;
	text-align: left;
	font:normal normal normal 12px Verdana, Arial, sans-serif;
}
div.OngletConnexion form.FormConnexionMessage p.Message {
	padding: 0px;	margin:0px;
	text-align: center;
	font-weight: bold;
	color:#B8003E;
}