/*** hjqui2.css : should be in same directory as custom.css ***/
/*** Classes to set HEC sizes and colors ***/
.hSize80	{font-size:80%;}
.hSize100	{font-size:100%;}
.hSize110	{font-size:110%;}
.hWHonDG	{background:#585961;color:#ffffff;padding:3px 0px 3px 15px;font-weight:bold;} /*** white on dark grey ***/

/*** SECTION HEC Button (Gros Block) ***/
/*** 1) copy section from jquery-ui-1.10.x.custom.css ***/
/*** 2) add .hButton in front of every line ***/
/*** 3) 3 color modifications in first block ***/
.hButton.ui-state-default,
.hButton.ui-widget-content .ui-state-default,
.hButton.ui-widget-header .ui-state-default {
	border: 1px solid #00acec;  /*** mod:color ***/
	background: #00acec; /*** mod:color ***/
	font-weight: bold;
	color: #ffffff; /*** mod:color ***/
}
.hButton.ui-state-default a,
.hButton.ui-state-default a:link,
.hButton.ui-state-default a:visited {
	color: #003399;
	text-decoration: none;
}
.hButton.ui-state-hover,
.hButton.ui-widget-content .ui-state-hover,
.hButton.ui-widget-header .ui-state-hover,
.hButton.ui-state-focus,
.hButton.ui-widget-content .ui-state-focus,
.hButton.ui-widget-header .ui-state-focus {
	border: 1px solid #585961;
	background: #CACACA url(images/ui-bg_glass_80_CACACA_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #003399;
}
.hButton.ui-state-hover a,
.hButton.ui-state-hover a:hover,
.hButton.ui-state-hover a:link,
.hButton.ui-state-hover a:visited,
.hButton.ui-state-focus a,
.hButton.ui-state-focus a:hover,
.hButton.ui-state-focus a:link,
.hButton.ui-state-focus a:visited {
	color: #003399;
	text-decoration: none;
}
.hButton.ui-state-active,
.hButton.ui-widget-content .ui-state-active,
.hButton.ui-widget-header .ui-state-active {
	border: 1px solid #362917;
	background: #00acec url(images/ui-bg_flat_90_00acec_40x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
}
.hButton.ui-state-active a,
.hButton.ui-state-active a:link,
.hButton.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
/*** END OF SECTION ***/


/*** SECTION onglets fait avec jquery-ui Tabs ***/
/*** uiTabs : Class used on a div to indicate using jquery-ui tabs (vanilla skin) ***/
/*** hTabs  : Class used on a div to indicate using jquery-ui tabs (HEC Skin) ***/
/*** hTabsBiggerSpacing : 	Class used on a div to indicate Bigger Spacing when using HEC Skin ***/
/*** hTabsFixedWidth : 		Class used on a div to indicate Fixed Width when using HEC Skin ***/
/*** Set bottom border of hTabs ***/
div.hTabs>ul.ui-widget-header 		{border:0px;border-bottom:1px solid #999999;}
/*** Set colors of links in jquery-ui Tabs ***/
.ui-tabs-nav a[href]:link,
.ui-tabs-nav a[href]:visited,		
.ui-tabs-nav a[href]:hover			{ color: #003399; text-decoration: none; }
.ui-tabs-active a[href]:link,
.ui-tabs-active a[href]:visited,	
.ui-tabs-active a[href]:hover		{ color: #ffffff; text-decoration: none; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.5em .7em; }
/*** END OF SECTION ***/


/*** SECTION onglets fait avec des bouttons (.hButtonTabs) ***/
/*** hButtonTabs : Class used on a ul ***/
.hButtonTabs 		{width:98%;border:0px;border-bottom:1px solid #666666;margin:0px;padding:.1em 0em 0em .1em;}
.hButtonTabs>li 	{width:100px;margin:0px 15px 0px 0px;border-bottom:1px solid #CACACA;}
/*** Set link colors of .hButtonTabs  ***/
.ui-button-text a[href]:link,
.ui-button-text a[href]:visited,		
.ui-button-text a[href]:hover			{ color: #003399; text-decoration: none; }
/*** hActive     : Class used on active li that doesn't include anchor tag ***/
/*** Make .hActive a synonym of .ui-state-active (from the jquery-ui-1.10.3.custom.css (generated by the theme roller)) ***/
.hActive {border: 1px solid #362917; 
	  background: #00acec url(images/ui-bg_flat_90_00acec_40x100.png) 50% 50% repeat-x;
	  font-weight: bold; color: #ffffff;}
/*** Set link colors of .hActive of .hButtonTabs ***/ 	
.hActive .ui-button-text a[href]:link,
.hActive .ui-button-text a[href]:visited,
.hActive .ui-button-text a[href]:hover		{ color: #ffffff; text-decoration: none; }
/*** END OF SECTION ***/
	


	
/**** To clean up later ... ****/
		
/* hOnglet is a class for a ul tag, making a set of li tags behave as tabs behaving as buttons */
.hOnglet 		{width:98%;border:0px;border-bottom:1px solid #999999;margin:0px;padding:.1em;}
.hOnglet>li 		{width:100px;margin:0px 15px 0px 0px;border-bottom:1px;padding:.1em .1em;}
	
/* hOnglet is a class for a ul tag, making a set of li tags behave as tabs behaving as buttons */
/*.hOnglet 		{width:98%; border-bottom:1px solid #999999;margin:0px;padding:0px;}*/
/*.hOnglet li 		{width:100px; margin:0px 15px 0px 0px;border-bottom:0px;padding:.1em .1em;}*/

/*** For the tabs controlled by jquery-ui: only keep the bottom border ***/
/*** ul.ui-tabs-nav				{ border:0px;border-bottom: 1px solid #CACACA;} ***/

/*** For the tabs controlled by jquery-ui: set their width and spacing between them ***/
/*** 2014 comment***/
/***.ui-tabs .ui-tabs-nav li 		{ width:100px;margin:0px 15px 0px 0px;}***/
/*** For the tabs controlled by jquery-ui: center the text in the middle of the tab **/
/***.ui-tabs .ui-tabs-nav li a		{ width:75%;margin:0px auto;text-align:center;}***/