/*        < blank >       */
/*     Nicolas Taffin     */
/*  http://polylogue.com  */



/****************************************/
/*     	        simple tabs    	       	*/
/****************************************/

ul.tabBar
{
	display: block;
	clear: both;
	width: 100%;
	float: left;
	list-style-type: none;
	text-align: left;
	
	background-color: #EEE;
}

ul.tabBar li
{
	clear: none;
	display: block;
	float: left;
	margin-left: 7px;
	background-color: #EEE;
}


ul.tabBar li a
{
	text-decoration: none;
	clear: none;
	display: block;
	float: left;
	padding: 3px 5px 3px 5px;
	color: white;
	background-color: #AAA;
}
ul.tabBar li a:hover
{
	margin-top: -3px;
	padding: 3px 5px 6px 5px;
	
	color: white;
	background-color: #BBB;
}
ul.tabBar li.selected a
{
	margin-top: -3px;
	padding: 3px 5px 6px 5px;
	
	color: #555;
	background-color: #CCC;
}


/****************************************/
/*     	      menuBar vertical	       	*/
/****************************************/


.menuBlock
{
	width: 192px;
	background: transparent url(/themes/UI/images/fondMenuDoc.png) no-repeat;
	margin: 0px 0px 0px 35px;
	border-bottom-width: 1px;
	border-bottom-color: #7AB41D;
	border-bottom-style: dashed;
	padding-bottom: 10px;
}


ul.menuBar.vertical
{
	display: block;
	clear: both;
	float: left;
	list-style-type: none;
	text-align: left;
	width: 100%;

}

ul.menuBar.vertical li
{
	width: 197px;
	display: block;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-left: 10px;
	font-size: 7.5pt;
	line-height: 10pt;
	color: #66656C;
	font-family: Verdana, sans-serif;
}
ul.menuBar.vertical li a 
{
	display: block;
	width: 172px;
}


ul.menuBar.vertical li a .title
{
	font-size:10pt;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 13pt;
	text-decoration: none;
	display: block;
	padding: 3px 20px 0px 0px;
	color: #7AB41D;

	
}

ul.menuBar.vertical li:hover
{
	background: transparent url(/themes/UI/images/flecheMoyClaire.png) no-repeat;
	background-position: right 6px;
}

ul.menuBar.vertical a:hover .title { color: #699D18; }

ul.menuBar.vertical li.selected
{
	background: transparent url(/themes/UI/images/flecheMoyenne.png) no-repeat;
	background-position: right 6px;
}






/****************************************/
/*     	    menus deroulants    		*/
/****************************************/

/*  ici on attaque le bandeau de menu ----- ul= liste  */
ul.menuBar.horizontal
{
	display: block;
	float: right;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	margin-top: 0px;
	font-size: 8pt;
	/*
	border-color: blue;
	border-width: 1px;
	border-style: solid;
	*/
	

/*  ici on attaque les items de la liste de premier niveau -----li = list item  */
}

ul.menuBar.horizontal li
{
	display: block;
	float: left;
	margin: 0px 0px 0px 5px;
	position: relative;
	/*
	border-color: red;
	border-width: 2px;
	border-style: solid;
	*/
	
}

/*  ici on attaque les onglets cliquables (lien) */

ul.menuBar.horizontal li a
{
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #151515;
	line-height: 32px;
	width: 85px;
	height: 32px;
	overflow: hidden;
	background: transparent url(/themes/UI/images/tabs.png) no-repeat;
	/*
	border-color: green;
	border-width: 4px;
	border-style: solid;
	*/
}

/*  quand on passe la souris sur un onglet cliquable (lien) */
ul.menuBar.horizontal li a:hover
{
	color: white;
	background: transparent url(/themes/UI/images/tabs.png) no-repeat;
	background-position: 0px -40px;	
	/*
	border-color: orange;
	border-width: 4px;
	border-style: solid;
	*/
}

/*  quand un des onglets est selectionnÂŽ 
(c'est ˆ dire qu'on se trouve sur la page document correspondante) */
ul.menuBar.horizontal li.selected a
{
	background: transparent url(/themes/UI/images/tabs.png) no-repeat;
	background-position: 0px -40px;	
	color: white;
	
}

/* ---------------------------
ici on attaque le sous-menu 
------------------------------*/


/* ici on s'occupe du bandeau de la sous-liste se trouvant 
dans un item de liste de type menuBar.horizontal */
ul.menuBar.horizontal li ul
{
	display: none;
}

/* La sous-liste apparait quand on passe la souris sur un item de la liste de niveau 1*/
ul.menuBar.horizontal li:hover > ul
{
	display: block;
	border-top: 4px #7AB41D solid;
	width: auto;
	position: absolute;
	right: 0px;
	top: 32px;
	z-index: 10000;
	margin: 0px 0px 0px 0px;
	/*
	border-color: purple;
	border-width: 4px;
	border-style: solid;
	*/
}
body.document ul.menuBar.horizontal li:hover > ul

{
	border-top: 4px #A7C961 solid;
}


/* ici on s'occupe des items des sous-listes des items de la liste de niveau 1*/
ul.menuBar.horizontal li ul li
{
	display: block;
	clear: both;
	width: 100%;
	white-space: nowrap;
	background-image: none;
	margin: 0px;	
}

/* ici on s'occupe des items des sous-listes des items de la liste de niveau 1
ayant un lien */
ul.menuBar.horizontal li ul li a
{
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	width: auto;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 7px 0px 7px;
	/*border-top: 1px #608F12 dotted;*/
	background-image: none;
	height: 24px;
	line-height: 24px;
	opacity: 0.9;
	background-color: #A7C961;
	text-align: right;
}

/* ici on s'occupe des items de la sous-liste de l'item selectionnÂŽ de la liste de niveau 1
ayant un lien */
ul.menuBar.horizontal li.selected ul li a
{
	color: white;
	background-color: #A7C961;
	background-image: none;
}

/* quand la souris survole un lien d'un item 
de la sous-liste des items de la liste de niveau 1 */
ul.menuBar.horizontal li ul li a:hover
{
	color: white;
	background-color: #71AB16;
	opacity: 1;
	background-image: none;
}

/* aspect de fin de la sous-liste/menu*/
ul.menuBar.horizontal li ul li.menuEnd
{
	display: block;
	height: 5px;
	width: 100%;
	opacity: 0.9;
	background: transparent url(/themes/UI/images/menuEndBackground2.png) no-repeat left bottom;
	
}


/****************************************/
/*     	        fil d'Ariane  	       	*/
/****************************************/


ul.filAriane
{
	display: block;
	text-align: right;
	list-style-type: none;
	color: #5CABD0;
}

ul.filAriane li
{
	display: inline;
	font-size: 0.8em;
}
ul.filAriane li:after
{
	content:" | "; 
}


ul.filAriane li a
{
	color: #5CABD0;
	text-decoration: none;
}



ul.filAriane li a:hover
{
	color: #549DBF;
	text-decoration: underline;
}