.renkan_help{
    line-height: 32px;
    float: right;
    display: inline-block;
}
.renkan_help p {
	display: inline;
	font-size: 10px;
}
.renkan_help ul {
  text-align: left;
  display: inline;
  margin: 0; 
  padding: 10px 2px 10px 0;
  list-style: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.renkan_help ul li{
  z-index: 500;
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 5px;
  background: #fff;
  cursor: pointer;
  width:340px;
  -moz-transition: all 0.2s;
}
.renkan_help ul li:hover{
  background: #555;
  color:#fff;
}
.renkan_help ul li ul {
  padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.2s;
}
.renkan_help ul li ul li {  
  display: block; 
  transition: background-color 0.3s ease 0s;
}
.renkan_help ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.renkan_help ul.disable,
.renkan_help ul.disable li,
.renkan_help ul.disable li:hover{
	background: none repeat scroll 0 0 #eeeeee;
    box-shadow: none;
    color: #c1c1c1;
    cursor: default;
}
#graph-circle {
	background: url("../img/graph-circle.png") no-repeat scroll  right 5px center / 25px 25px #ffffff;
}
#graph-line {
	background: url("../img/graph-line.png") no-repeat scroll  right 5px center / 25px 25px #ffffff;
}
#graph-line a{
}
#graph-line:hover a,
#graph-circle:hover a{
	color: #4f5451;
}
#graph-line:hover,
#graph-circle:hover
{
	background-color: rgb(224,224,224);
}
#toggle-help{
/*     position: absolute; */
    background: url('../img/toggle-help.png') no-repeat right center;
    background-size: 28px 28px;
    height: 28px;
    width: 28px;
    display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

/* #################################################### */
/* -------------------- help Popup -------------------- */
/* #################################################### */
#help-container{
	padding:10px;
	background: rgba(221,221,221,0.97);
	border:none;
}

.ui-dialog {
	z-index:600;
	border:none;
	padding:0px;
	border-radius:0px;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar{
	display:none;
}

.ui-widget-content{
	background: transparent;
}

.column-left,
.column-right,
.column-center{
	font-family: Arial;
  	font-size: 11pt;
	display: list-item;
}

.slides{
	list-style:none;
}

.slides li{
	display:none;
}

.slides li current{
	display:initial;
}

/* --- Slide1 --- */
li.slide1 .column-left,
li.slide1 .column-right,
li.slide1 .column-center{
	margin-right:50px;
}

li.slide1 .column-left{ 
	float: left;
	width: 30%;
	margin-top:5px;
}
li.slide1 .column-right{
	float: right;
	width: 30%;
	padding-right: 60px;
	margin-top:5px;
}
li.slide1 .column-center{
	display: inline-block;
	width: 10%;;
}

/* --- Slide2 --- */
li.slide2
.column-left,
.column-right,
.column-center{
	margin-right:20px;
}

li.slide2 .column-left{ 
	float: left;
	width: 30%;
}
li.slide2 .column-right{
	float: right;
	width: 30%;
	padding-right:20px;
}
li.slide2 .column-center{
	display: inline-block;
	width: 30%;
}


.img-requete,
.img-ressource,
.img-tag{
	line-height: 39px;
	display: list-item;
	padding-left: 55px;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.img-requete{
	background-image: url("../img/requete.png");
	background-size: 39px 39px;
}
.img-ressource{
	background-image: url("../img/ressource.png");
	margin-left:2px;
	background-size: 35px 35px;
}
.img-tag{
	background-image: url("../img/tag.png");
	background-size: 39px 39px;
}
.img-menu{
	size:201px 103px;
	margin-top:20px;
}
.img-save,
.img-extend{
	margin-right: 7px;
    padding-top: 3px;
	float:left;
	height: 31px;
	width: 31px;
}
.img-close{
	text-align: right;
	position:absolute;
	right:10px;
	top:10px;
	height: 34px;
	padding-right:40px;
	background: url('../img/close.png') no-repeat right center;
	background-size: 34px 34px;

}

.slideShowTitle{
	font-family: "Helvetica Neue";
  	font-size: 26pt;
  	font-stretch: condensed;
  	margin-bottom: 10px;
}

.columnTitle{
	font-family: Helvetica Neue;
	font-stretch: condensed;
	font-size: 17pt;
	margin-top: 0px;
	margin-bottom: 10px;
}

ul.bjqs-controls li.bjqs-next a{
	text-align: right;
	position:absolute;
	right:10px;
	bottom:10px;
	height: 34px;
	vertical-align: middle;
	padding-right:40px;
	background: url('../img/arrow-right.png') no-repeat;
	background-size: 34px 34px;
    right:10px;
}
ul.bjqs-controls li.bjqs-prev a{
	display: none;
}

ul.bjqs-controls li a:hover{
}

/* --------- Fin Help Popup --------- */