/* #################################################### */
/* -------------------- help Popup -------------------- */
/* #################################################### */

.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{
	margin-top:10px;
	float: right;
	width: 30%;
	padding-right:20px;
}
li.slide2 .column-center{
	display: inline-block;
	width: 30%;
}

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

li.slide3 .column-left{ 
	float: left;
	width: 45%;
}
li.slide3 .column-right{
	float: right;
	width: 46%;
	padding-right:20px;
}

.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;
}
#help-slideshow .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{
	text-align: right;
	position:absolute;
	right:10px;
	bottom:10px;
	height: 34px;
	vertical-align: middle;
	padding-right:78px;
	background: url('../img/arrow-left.png') no-repeat;
	background-size: 34px 34px;
    right:10px;
}

.ui-icon {
	display: inline-block;
}
.ui-icon-eye {
    background-position: -160px -144px;
}
.publish-renkan, .unpublish-renkan{
	display: inline-block;
    height: 10px;
    width: 10px;
    margin-top:4px;
    margin-left:3px;
}
.publish-renkan{
	background: url(../img/check.png) no-repeat;
	background-size: 10px 
}
.unpublish-renkan{
	background: url(../img/uncheck.png) no-repeat;
	background-size: 10px
}

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