/* css liés au slider_graph.js */
.param-graphs{
	padding: 2px ;
	box-shadow: 2px 2px 6px grey;
	-moz-box-shadow: 2px 2px 6px grey; 
	-webkit-box-shadow: 2px 2px 6px grey;
}
/*les onglets de choix des variables du graphique*/
ul.onglet-graphs {
	margin: 10px 0 10px 0px; 
	padding: 0; 
	font-size: 0.9em;
}
ul.onglet-graphs li
	{
	margin: 2px 10px  ;
	padding: 4px 0px;
	background: none;
	border: 1px solid #dadada;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-decoration: none; 
	font-weight: bold;
	display:inline-block;
	}

ul.onglet-graphs li a
	{
	margin: 0;
	padding: 0 5px;
	text-decoration: none; 
	
	}
	
ul.onglet-graphs li.active {
	background-color: #F3EEEE;
	-moz-box-shadow: 0 0 10px #CDBE9F inset;
    -webkit-box-shadow: 0 0 10px #CDBE9F inset;
    box-shadow: 0 0 10px #CDBE9F inset;  
}
ul.onglet-graphs li:hover {
	cursor: pointer; 
	background-color: #F3EEEE;
	-moz-box-shadow: 0 0 3px #816F47;  
    -webkit-box-shadow: 0 0 3px #816F47;   
    box-shadow: 0 0 3px #816F47;  
}


/*Slider */
.param-graphs .ui-slider { 
	position: relative; 
	text-align: left;
	margin: 40px 10px 30px 10px; 
}
.param-graphs  .ui-slider  .ui-slider-handle  span {
	position:relative; 
	bottom: 23px;
	right: 17px;
	text-align:center;
	border: 1px solid #aaaaaa;
	opacity:0.7;
	padding:1px;
	border-radius:2px;
	-moz-border-radius:3px;
}

.param-graphs  .ui-slider  .max   {
	position:relative; 
	top: 15px;
	left: 400px;
}
.param-graphs  .ui-slider .min   {	
	position:relative; 
	top: 15px;
}
.param-graphs  .ui-slider   a:link  {
	text-decoration:none;
}
.param-graphs  .ui-slider   a:hover  span {
	opacity:1;
}

/*Slider (extrait de jquery-ui.css)*//*
.ui-slider { position: relative; text-align: left; margin: 40px 10px 30px 10px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }

.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-weight: bold; }

.ui-corner-all { -moz-border-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }