@font-face {
    font-family: 'Learning Curve2';
    src: url('/font/Learning Curve 4.0/OpenType TrueType/Learning Curve/learning_curve_regular_ot_tt.ttf');
}

@font-face {
    font-family: 'Graphecrit';
    src1: url('/font/Graphecrit-CursiveBook.woff');
    src: url('/font/graphecrit.otf');
}
@font-face {
    font-family: 'EcritureA';
    src: url('/font/EcritureA/EcritureA-Romain.otf');
}
@font-face {
    font-family: 'EcritureB';
    src: url('/font/EcritureB/EcritureB-Romain.otf');
}


.btn-close {
	float:right;
	display:inline-block;
	border:solid 1px transparent;
	border-radius:2px;
	width:32px;
	height:32px;
	background-image:url(/img/btn-close.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:50%;
	cursor:pointer;
}

.btn-close:hover {
	border:dashed 1px #CCC;
	background-color:#F0F0F0;
}

.selector {
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-radius:10px 0 0 10px;
}

.book .chapter {
	background-color:#F8F8F8;
	padding:0;
}

.book .exo {
	background-color:#f3f3e9;
	padding:0;
}

.book .chapter .selector {
	background-color:#cecf9c;
}

.book .exo .selector {
	background-color:#f3f3e9;
}

.book .btn-add-bloc {
	padding:10px;
	border-radius:10px;
}

.bloc-view-OFF {
	border-style:solid;
	border-width:0 0 0 5px;
	border-color:transparent;
}

.bloc-view-ON {
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-color:#549e3d;
}

.bloc-styles {
	background-color:#543d9e;
	padding:3px;
}

.bloc-edit {
	background-color:#549e3d;
}

.btn-color {
	height:30px;
	width:40px;
	border-radius:6px;
}

.btn-selectExo {
	height:48px;
}

.ExoList0 h3 {
	font-weight:bold;
	text-decoration:underline;
}

.ExoList0 ._description {
	font-size:1.5em;
}
.ExoList0 ._material {
	font-size:1.5em;
}

.ExoList0 .btn {
	font-size:1.5em;
	margin:0.2em;
}

.ExoList0 th {
	background-color:#9EB8D1;
	font-size:1.5em;
}

._BookSelector {
	width:100%;
	height:120px;
	border:inset 2px #CCC;
	overflow-x:auto;
	background-color:#F8F8F8;
	white-space: nowrap;
}

._BookSelector ._Book {
	width:100px;
	text-align:center;
	display:inline-block;
	margin: 5px;
	background-color:transparent;
	height:100px;
	overflow:hidden;
	#border:outset 2px #CCC;
	border:none;
	overflow:hidden;
}

._BookSelector ._Book img {
	height:50px;
}

._field_desc {
	font-style:italic;
	color:#888;
	font-size:80%;
}
.worksheet-chapter-header button {
	#display:none;
}

.worksheet-chapter-header:hover button {
	#display:block;;
}

.worksheet-exo-nr {
	display:inline-block;
	background-color:#3357a3;
	color:#FFF;
	padding:0.1em 0.5em;
	border-radius:5px;
}

.worksheet-page-nr {
	display:inline-block;
	background-color:#ebc960;
	color:#000;
	padding:0.1em 0.5em;
	border-radius:5px;
}

.worksheet-exo-refs {
	float:right;
	background-color:#4fe0aa;
	border-radius:5px;
	margin-left:5px;
	padding:0.1em 0.5em;
}

.ON .selector {
	background-image:url(/img/btn/toc_close.png);
}

.OFF .selector {
	background-image:url(/img/btn/toc_open.png);
}

.ON .item-body {
	display:block;
}

.OFF .item-body {
	display:none;
}

.fileProperties td {
	vertical-align:top;
}

.fileProperties label {
	margin:0;
	padding:3px 6px;;
	display:block;
	width:100%;
	text-align:right;
}

._INFO_LICENCE {
	margin:5px;
	padding:5px 10px;
	border:solid 1px #000;
	border-radius:6px;
}

._INSTRUMENT_CHOICE h2 {
	color:#0069D9;
	font-size:20px;
	margin:6px 6px 0 6px;
	padding:6px 0 0 0;
	font-style:italic;
}

._MORE_INFO h1 {
	font-weight:bold;
	font-size:1.2em;
}

._MORE_INFO h2 {
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
}

#_DIV_MORE_INFO {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(96,96,96,0.95);
	z-index:999998;
	text-align:center;
	padding:1.5%;
}
#_DIV_MORE_INFO iframe {
	width:1180px;
	height:100%;
	max-width:100%;
	margin:auto;
}
#_LESS_INFO {
	position:absolute;
	top:2%;
	left:98%;
	margin-left:-30px;
	width:30px;
	cursor:pointer;
	z-index:999999;
}


._HEADER_BAR {
	height:24px;
	width:100%;
	white-space:nowrap;
	# overflow:hidden;
	text-overflow:ellipsis;
}

#_HEADER_BAR_TITLE {
	height:24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#_INFO_CONNEXION {
	padding:3px 0 2px 6px;
	background-color:rgba(255,255,255,0.2);
	border-radius:10px 10px 0 0;
	float:right;
}


.T1 {
	border:solid 1px #DDD;
}

.T1 th{
	background-color:#F0F0F0;
}

.T1 .L0 {
	background-color:#EEE;
}

.T1 .L1 {
	background-color:#DDD;
}

._SMALL_HELP {
	float:right;
	height:20px;
}