#leftcol-mynotes {
	/* width: 350px; */
	margin-right: 15px;
}
#leftcol-mynotes #sub-menu {
	height: 48px;
}
/*
** Sub-Menu
*/
table#menu-mynotes {
	background: #E1E1E1;
	margin: 0 auto 10px auto;
	width: 100%;
}
table#menu-mynotes td {
	height: 70px;
	vertical-align: middle;
	text-align: center;
}
table#menu-mynotes td a {
	color: #353535;
	line-height: 30px;
	font-size: 22px;
	font-family: YanoneKaffeesatzRegularRg, Helvetica, Arial, sans-serif;
	padding-right: 32px;
	background: url("/img/web2.0/mynotes/sprites/mynotes-sprite.v2.png") no-repeat scroll 0 0 transparent;
}
table#menu-mynotes td a.active {
	font-size: 26px !important;
	color: #32A4CF !important;
}
table#menu-mynotes td a:hover {
/*	text-shadow: 0 0 20px #353535;*/
	color: #353535;
}

table#menu-mynotes td a#words:hover{background-position : right -310px!important;}
table#menu-mynotes td a#videos:hover{background-position : right -248px!important;}
table#menu-mynotes td a#audios:hover{background-position : right -62px!important;}
table#menu-mynotes td a#articles:hover{background-position : right 0px!important;}
table#menu-mynotes td a#training:hover{background-position : right -186px!important;}
table#menu-mynotes td a#settings:hover{background-position : right -372px!important;}


/*
#sub-menu-mynotes {
	padding-bottom: 0px !important;
	overflow: hidden;
}
#sub-menu-mynotes-prev {
	padding-bottom: 0px !important;
	float: left;
	background: url(/img/web2.0/menu/arrow-black-left.png) no-repeat scroll center -999999px transparent;
	width: 20px;
}
#sub-menu-mynotes-next {
	padding-bottom: 0px !important;
	float: left;
	background: url(/img/web2.0/menu/arrow-black-right.png) no-repeat scroll center center transparent;
	width: 20px;
}
#sub-menu-mynotes ul {
	line-height: 34px;
	height: 34px;
	color: #ffffff;
	font-size: 12px;
	width: 500px;
	margin:auto;
}

#sub-menu-mynotes li.first-item {
	margin-left: 0px;
}
#sub-menu-mynotes li.last-item {
	margin-right: 0px;
}
#sub-menu-mynotes li {
	margin: 0 5px;
	display: inline-block;
	float: left;
	width: 85px;
	text-align: center;
	padding-bottom: 8px;
	padding-right:30px;
	cursor: pointer;
}
#sub-menu-mynotes li a{
	text-transform : none;
}
#sub-menu-mynotes li a,
#sub-menu-mynotes li.active a,
#sub-menu-mynotes li:hover{
	color:#000;
	text-shadow: none;
	background: none;
}

li#link-mynotes-items-audios{
	background: url(/img/web2.0/menu/icone-audio.png) 100% 25% no-repeat;
}
li#link-mynotes-items-audios:hover,
li#link-mynotes-items-audios.active
{
	background: url(/img/web2.0/menu/icone-audio-hover.png) 100% 25% no-repeat;
}

li#link-mynotes-items-videos{
	background: url(/img/web2.0/menu/icone-video.png) 100% 25% no-repeat;
}
li#link-mynotes-items-videos:hover,
li#link-mynotes-items-videos.active
{
	background: url(/img/web2.0/menu/icone-video-hover.png) 100% 25% no-repeat;
}

li#link-mynotes-items-words{
	background: url(/img/web2.0/menu/icone-words-1.png) 100% 25% no-repeat;
}
li#link-mynotes-items-words:hover,
li#link-mynotes-items-words.active
{
	background: url(/img/web2.0/menu/icone-words-hover.png) 100% 25% no-repeat;
}

li#link-mynotes-items-articles{
	background: url(/img/web2.0/menu/icone-article.png) 100% 25% no-repeat;
}
li#link-mynotes-items-articles:hover,
li#link-mynotes-items-articles.active
{
	background: url(/img/web2.0/menu/icone-article-hover.png) 100% 25% no-repeat;
}
*/

#mynotes-items {
	display: block;
}
#list-letters {
	overflow: hidden;
	width: 42px;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	position: relative;
	float: left;
}
.one-letter {
	width: 100%;
	background-color: #F0F0F0;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #168DBD;
	text-align: center;
	border-bottom: 1px solid #AAAAAA;
	cursor: pointer;
}
.one-letter:first-child {
	border-top: 1px solid #AAAAAA;
}
.one-letter.no-words {
	cursor: default;
	color: #AAAAAA;
}
.one-letter.active, .header-letter {
	font-weight: bold;
	color: #000000;
	background: #D5D5D5;
}

.list-words-by-letter {
	position: relative;
	overflow: hidden;
/*	width: 268px; */
	width: 304px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	display: none;
}
.header-letter, .word-item {
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	text-align: left;
	padding-left: 24px;
	border-bottom: 1px solid #AAAAAA;
}
.word-item.active {
	font-weight: bold;
	color: #FFFFFF;
	background: url("/img/web2.0/menu/barre-bleu.gif") repeat-x scroll 0 0 #168DBD;
}
.word-item {
	cursor: pointer;
	background: #F0F0F0;
	color: #AAAAAA;
	height: 30px;
	line-height: 30px;
}

.content-mynotes {
	margin-top: 10px !important;
}

div#page-home {
	width: 600px;
	margin: 0px auto 10px auto;
	text-align: center;
}
div#page-home .highlight-text {
	color: #32A4CF;
	font-family: YanoneKaffeesatzLightRegular;
	font-size: 28px;
}
div#page-home div#block-1 {
	margin: 10px auto;
	background: #ebebeb;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 3px #353535;
	display: inline-block;
	width: 100%;
}
div#page-home div#block-1 img {
	float: left;
	margin: 10px;
}
div#page-home div#block-1 span {
	display: block;
	float: left;
}
div#page-home div#block-1 span p {
	line-height: 28px;
	font-size: 16px;
	margin-top: 25px;
	color: #888888;
}
div#page-home table#block-2 {
	background: #ffffff;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 3px #353535;
	width: 100%;
}
div#page-home table#block-2 td {
	vertical-align: middle;
}
div#page-home table#block-2 span.image-title {
	margin: 20px 10px 0px 10px;
	display: inline-block;
}
div#page-home table#block-2 span.image-title h2 {
	margin: 10px auto;
}
div#page-home table#block-2 div.legend {
	color: #888888;
	font-size: 15px;
	margin-bottom: 20px;
}
div#page-home table#block-2 div.legend img {
	margin-left: 20px;
	vertical-align: text-bottom;
}
