.required {
    font-weight: bold;
    font-size: 1.1em;
    color: red;
}

.hidden {
    display:none;
}

.shown {
    display:block;
}

.clear{
    clear: both;
}

.draggable_image_frame {
    padding:4px;
    margin:2px;
    width:240px;
    height:240px;
    border: 2px black solid;
    background-color: #ddd;
}




.pop_up {
    padding:20px;
    margin : 0 100px;
    background-color:#FFFFFF;
    color:#333333;
    position:fixed;
    width:500px;
    min-height:100px;
    max-height:500px;


   border-bottom-right-radius:10px;
   -webkit-border-bottom-right-radius:10px;
   -moz-border-radius-bottomright:10px;

   border-bottom-left-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-border-radius-bottomleft:10px;

   border-top-left-radius:10px;
   -webkit-border-top-left-radius:10px;
   -moz-border-radius-topleft:10px;

   border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
   -webkit-border-top-right-radius:10px;

    background:#FFFFFF none repeat scroll 0 0;
    border:3px solid #0099CB;

    z-index:9000;
}

.absolute_top_position
{
    top:200px;
}

.small_div {
    max-width:500px;
}

.pop_up table {
	
}
.pop_up table tr {
	
}
.pop_up table tr th{
	color : #000;
	text-align : left;
}
.frame {
    padding:14px;
    margin:2px;
    border: 1px black solid;
    /* width:80%; */
    background-color: #fee;
    width:520px;
}

.frame ul {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid gray;
}

.frame li {
    display:block;
    list-style: none;
    margin: 0;
    padding: 0.25em;
    border-top: 1px solid gray;
}
pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}


.annuler
{
	color: black;
	font-weight: bold;
}
div.auto_complete {
    width: 350px;
    background: #fff;
		color: #666;
}
div.auto_complete ul {
    border: 1px solid #888 ;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}
div.auto_complete ul li {
    margin: 0;
    padding: 3px;
}
div.auto_complete ul li.selected {
    background-color: #0099CC;
    color: white;
}
div.auto_complete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}

.activated {
background-color: #0099cc;
display:table;
padding:2px;
}

.picto_count {
	position: absolute;
	top: 0;
	/*right: 10px;*/
        left: 58px;
	display: block;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.1em;
	color: black;
	height: 14px;
        width: 70px;
        text-align: left;
}

.picto_count_square{
    	position: absolute;
	top: 0;
	/*right: 10px;*/
        left: 63px;
	display: block;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.1em;
	color: black;
	height: 14px;
        width: 70px;
        text-align: left;
}