@charset:"utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: "Lucida Grande";
}

h1, h2, h3 {
	font-family: "Helvetica Neue";
	font-weight: 400;
	cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
}

h1 {
	font-size: 3.3em;
	line-height: 0.85em;
	text-align: center;
	color: #777;
	text-shadow: 1px 2px 0 #ddd;
	-webkit-transition:color 0.6s linear;
	-moz-transition:color 0.6s linear;
}

h2 {
	margin: 0 5px;
	font-size: 1.9em;
	text-align: right;
	color: black;
}

h3 {
	margin: 0;
	font-size: 1em;
}

h1:hover {
	color: black;
}

input {
	border: 1px solid #ccc;
	font-size: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

ul li {
	padding: 3px 7px;
	margin: 7px 0;
	cursor: default;
	-webkit-user-select:none;
	-moz-user-select:none;
	/*-webkit-box-shadow: 1px 1px 2px #DDD;*/
}

li, button {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
}

#content {
	width: 500px;
	margin: 0 auto;
}

#jsons-wrap {
	position: fixed;
	top: 10px;
	left: 10px;
	padding: 5px;
	opacity: 0;
}

#jsons-wrap:hover {
	opacity: 1;
}

#left {
	margin-top: 20px;
	width: 60%;
}

#set-title {
	position: absolute;
	margin-left: 300px;
	margin-top: -75px;
	width: 200px;
	display: none;
}

#set-title input {
	width: 90%;
}

#right {
	position: fixed;
	left: 60%;
	top: 40%;
	width: 260px;
	padding: 30px;
	opacity:0.5;
}

#right:hover {
	opacity: 1;
}

#count {
	float: left;
}

#right input {
	width: 100%;
}

#priority {
	margin-top: 10px;
}

#priority button {
	border: 0;
	padding: 3px 7px;
}

#not-high {
	float: right;
}


#export-wrap {
	margin-top: 30px;
	text-align: center;
}


#export {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 0.8em;
	background: #eee;
	color: #222;
	padding: 2px 6px;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	text-decoration: none;
	cursor: default;
}

#export:hover{
	background: #ddd;
}

#alert {
	margin-top: 30px;
	text-align: center;
	display: none;
	color: #444;
	font-size: 0.8em;
}

#main-list li, #not-high {
	background: #dbeaff;	/* bleu clair */
}

#main-list li:hover, #not-high:hover, #main-list li.selected {
	background: #b9d0f0;	/* bleu fonce */
}

#high-list li, #set-high {
	background: #fbf4bc;	/* jaune clair */
}

#high-list li:hover, #set-high:hover, #high-list li.selected {
	background: #fff38d;	/* jaune fonce */
}

.hidden {
	opacity: 0;
}

.hidden, #jsons-wrap, #right {
	-webkit-transition:opacity 0.4s linear;
	-moz-transition:opacity 0.4s linear;
}