#AllParameter{
	display: block;
}
#configPanelId{
	z-index: 1;
	position: relative;
	width: 60%;
	
	background-color: blue;
	margin: auto;
	padding: 0em;
	 border: 2px solid #808080;
}

.fieldset {
	width: 100%;
}
.drag{
	text-align: center;
	z-index: 2;
	margin : 0 0 0 0;
	padding : 0em;
	position: absolute;
	background-image: file('../images/en.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right; 
}
.drag .arrowResize{
	position: absolute;
	right:0;
	bottom: 0;
}
.drag .brushColor{
	position: absolute;
	left:0;
	bottom: 0;
}
.drag .fontSelect{
	position: absolute;
	left: 20px;
	bottom: 0;
}
.paletteColor {
	display:none;
	width: 125px;
	height:75px;
	z-index: 20;
}
.paletteFont{
	display:none;
	background-color: white;
	width: 125px;
	height:75px;
	z-index: 20;
	overflow: auto;
}
.ulPaletteColor
{
	position: absolute;
    width: 100%;
    display: block;
    left: 0;
    margin: 0 0 0 0;
    padding: 0;
}
.ulPaletteColor li
{
	left: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    float: left;
    margin: 0;
    padding: 0;
    width: 25px;
}
.ulPaletteFont
{
	position: absolute;
    width: 100%;
    display: block;
    left: 0;
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
}
.ulPaletteFont li
{
	left: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#WidgetBar{
	z-index: 5;
	width : 200px;
	
	position: fixed;
	
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
}
#WidgetBar .panel{
	margin: 0 0 0 0;
	
}
.nav-pills li{
	height: 40px;
}
.nav-pills li a{
	display: inline-block;
	float:left;
	width: 100%;
}


.nav-pills li .glyphicon-plus-sign, .nav-pills li .glyphicon-minus-sign {
	display: none;
	position: absolute;
	width: 20%;
	padding: 10px 15px;
	left: 80%;
	top: 0%;
	cursor: pointer;
}


.nav-pills li .glyphicon-edit{
	display: none;
	position: absolute;
	
	width: 20%;
	padding: 10px 15px;
	left: 65%;
	top: 0%;
	cursor: pointer;
}
/*.nav-pills li a:hover .nav-pills li span{
	display: block;
	
}
*/
/*.nav-pills>li:hover .nav-pills>li>span{
	display: block;
	float:right;
	width: 20%;
	padding: 10px 15px;
}*/

#WidgetBar .panel-body{
	padding: 0em;
}

/*css des modal des différents widgets*/
.modalWidget {
	top: 20%;
	
}