/* ------- Global (start) ------- */
body {
  padding: 0px;
  margin: 0px;
  font-family: verdana;
  font-size: 12px;
  text-align: left;
  background-image: url(images/motif-background1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #f2f0ed;
  color: #4d482c;
}

ul,td,ol,ul,p,blockquote,div {
  font-family: verdana;
  font-size: 12px;
  color: #4d482c;
}

h1{
  font-size: 20px;
  margin: 10px 0px 0px 0px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0px;
}

h2{
  font-size: 20px;
  margin: 0px;
}

h3{
  color: #4d482c;
  font-size: 12px;
  margin: 0px 0px 8px 0px;
}

h4{
  font-size: 14px;
  margin: 0px;
}

h5{
  font-size: 22px;
  margin: 0px;
  font-weight: normal;
  color: #c4c0b8;
}

#root-container {
  width: 100%;
}

#container {
  width: 951px;
  margin: 0px auto 0px auto;
}


a:link, a:visited, a:hover{
  color: #666;
  text-decoration: underline;
}

a:hover{
  color: #7CC042;
}

/* ------- Global (end) ------- */

/* ------- navigation menu top (start) ------- */
#top-navig-menu,#top-accueil-menu {
  height: 22px;
  float: right;
  margin: 28px 0px 0px 0px;
}
#top-accueil-menu {
	float:left
}
#top-nav {
  width: 100%;
  display: block;
  float: left;
}

#top-nav ul,#top-accueil-menu ul {
  overflow: hidden;
  list-style: none;
  padding: 0px;
  margin: 2px 0px 0px 0px;
}

#top-nav li,#top-accueil-menu li{
  list-style: none;
  float: left;
}

li.coord,li.accueil {
  padding: 2px 8px 2px 0px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  font-size: 12px;
}

li.lang {
  padding: 2px 8px 2px 0px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  font-size: 12px;
  width: 50px;
  text-align: center;
}

li.dotted {
  padding: 2px 0px 2px 0px;
  background: none;
  font-size: 10px;
}

#top-nav a:link,#top-nav a:visited {
  text-decoration: none;
  color: #575338;
}

#top-nav a:hover {
  font-weight: bold;
}

.separator {
  background-image: url(images/top-nav-separator1.gif);
  background-repeat: no-repeat;
  border: none;
  height: 19px;
  padding: 2px 0px 2px 10px;
  margin: 1px 5px 5px 5px;
  list-style: none;
}
/* ------- Global (end) ------- */

/* ------- top image (start) ------- */
#top-image, #top-image-splash {
  float: left;
  width: 951px;
  overflow: hidden;
}

#top-image div, #top-image-splash div {
  float: left;
}

#top-image-splash {
  margin-top: 30px;
}
/* ------- top image (end) ------- */

/* ------- green stripe (start) ------- */
#green-stripe {
  float: left;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}


#main-title a:link, #main-title a:visited, #main-title a:hover{
  color: #ffffff;
  text-decoration: none;
}

#main-title a:hover{
  color: #7f9b67;
}
/* ------- green stripe (end) ------- */

/* ------- content (start) ------- */
#content-container {
  float: left;
  background-color: #ffffff;
}

#content-left-top {
  height: 627px;
  float: left;
}

#menu-item-left {
  padding: 21px 0px 0px 12px;
  float: left;
  background-image: url(images/stripe-list-instrument.gif);
  background-repeat: repeat-y;
  background-position: top left;
  width: 275px;
}

.menu-item-left-title {
  color: #c3bdb1;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

.menu-item-left-title a {
  text-decoration: none;
}

.menu-item-left-title a:hover {
  text-decoration: none;
  color: #4d482c;
}

.menu-item-left-title a:link,.menu-item-left-title a:visited {
  color: #c3bdb1;
}

#menu-item-left-selected {
  padding: 17px 0px 0px 12px;
  float: left;
  background-image: url(images/stripe-list-instrument-selected.gif);
  background-repeat: no-repeat;
  background-position: top left;
  width: 275px;
}

.menu-item-left-selected-title {
  color: #4d482c;
  font-size: 16px;
  font-weight: bold;
}

/*.menu-item-left-submenu-selected{
  margin:0px 0px 0px 12px;
  color:#7cc042;
  font-size:12px;
}*/
.menu-item-left-submenu {
  margin: 0px 0px 0px 12px;
  color: #c3bdb1;
  font-size: 12px;
  cursor: pointer;
}

.menu-item-left-submenu a {
  text-decoration: none;
}

.menu-item-left-submenu a:hover {
  color: #7cc042;
  font-weight: bold;
}

/* ------- SubMenu (start) ------- */
#submenu{
  float: left;
  width: 275px;
  margin: 0px;
  padding: 0px 0px 30px 0px;
  overflow: hidden;
}

#submenu ul{
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  list-style: none;
  width: 275px;
  clear: both;
}

#submenu ul li{
  margin: 0px;
  list-style: none;
  padding: 0px;
  clear: both;
  overflow: hidden;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:hover{
  padding: 16px 0px 0px 12px;
  background-image: url(images/main-menu-bg.gif);
  background-repeat: repeat-y;
  background-position: top left;
  margin: 0px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #C3BDB1;
  font-size: 12px;
}

#submenu ul li a:hover, #submenu ul li a.on:link, #submenu ul li a.on:visited, #submenu ul li a.on:hover{
  background-image: url(images/main-menu-bg-over.gif);
  color: #4D482C;
}

#submenu ul li ul{
  padding-bottom: 1px;
  height: auto;
}

#submenu ul li ul li{
  background-image: none;
  height: auto;
}

#submenu ul li ul li a:link, #submenu ul li ul li a:visited, #submenu ul li ul li a:hover{
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 28px;
  font-weight: normal;
  background: none;
  color: #C3BDB1;
  font-weight: normal;
}

#submenu ul li ul li a:hover{
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

#submenu ul li ul li a.expand:link, #submenu ul li ul li a.expand:visited, #submenu ul li ul li a.expand:hover{
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
/* ------- SubMenu (end) ------- */

.content-left-bottom {
  float: left;
  width: 272px;
  margin: 10px 0px 0px 0px;
  text-align: left;
  overflow: hidden;
}

a.inscription:link, a.inscription:visited, a.inscription:hover{
  background-color: #7f9b67;
  padding: 3px 10px 3px 44px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

a.inscription:hover{
  background-color: #7cc042;
}

.content-left-bottom-border {
  float: left;
  width: 272px;
  border-top: 1px solid #c5c0b4;
  margin: 10px 0px 0px 0px;
  text-align: left;
  overflow: hidden;
}

.content-left-bottom-border div{
  float: left;
  width: 242px;
  padding: 20px 0px 20px 30px;
  text-align: left;
}

#content-left {
  width: 272px;
  float: left;
  overflow: hidden;
}

#content-right {
  width: 645px;
  float: left;
  overflow: hidden;
  padding-bottom: 30px;
}

div.content{
  padding: 15px 30px 10px 0px;
}

div.content p{
  padding: 0px;
  margin: 0px;
}

div.content-shadow{
  background-image: url(images/top-bg-resume.gif);
  background-repeat: repeat-x;
  padding: 23px 20px 0px 0px;
}

#gray-stripe {
  height: 72px;
  width: 645px;
  background-color: #d6d2c9;
  float: left;
}

#gray-stripe img {
  margin: 0px 0px 0px 18px;
}

#numbers {
  padding: 0px 0px 0px 18px;
  float: left;
  width: 400px;
}

#numbers span {
  float: left;
  margin: 0px 66px 0px 0px;
  width: 1px;
}

.music-intrument {
  margin: 26px 0px 0px 18px;
  width: 627px;
  float: left;
}

.instrument-title-container {
  float: left;
  width: 645px;
}

/* ------- Event list (start) ------- */
.event-list {
  margin: 6px 0px 0px 0px;
}
.event-list ul,.event-list ul li{
  margin: 0px;
  padding: 0px;
  clear: both;
  list-style: none;
}

.event-list ul li{
  margin-bottom: 20px;
}

.event-list ul li a:link, .event-list ul li a:visited, .event-list ul li a:hover{
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #4D482C;
  diplay: block;
}

.event-list ul li a:hover{
  color: #7CC042;
}

.event-list ul li a.on:link, .event-list ul li a.on:visited, .event-list ul li a.on:hover{
  color: #7CC042;
  diplay: block;
}

.event-list ul li h4{
  font-size: 12px;
  font-weight: normal;
  color: #4D482C;
}

.event-list ul li h5{
  font-size: 12px;
  font-weight: normal;
  color: #C3BDB1;
}

div.event-description {
  float: left;
  width: 645px;
  font-size: 10px;
  background-image: url(images/top-bg-resume.gif);
  background-repeat: repeat-x;
  padding: 23px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  display: none;
}
div.event-description p {
  padding: 0px 20px 20px 20px;
}

div.event-description .footer {
  float: left;
  border-bottom: solid 1px #e7e5e1;
  width: 100%;
}

div.event-description .footer img {
  cursor: pointer;
  float: right;
  margin: 0px 10px 8px 0px;
}
/* ------- Event list (end) ------- */

.musician-list {
  margin: 6px 0px 0px 0px;
}

.musician-list dl {
  width: 100%;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
}

.resume-item-list {
  float: left;
  width: 232px;
  clear: left;
}

.musician-list dd {
  float: left;
  width: 382px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
}

.musician-list div {
  float: left;
}

.musician-name, .musician-name-on {
  font-size: 12px;
  cursor: pointer;
  float: left;
}

.musician-name a:link, .musician-name a:visited, .musician-name a:hover {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #4D482C;
}

.musician-name a:hover {
  color: #7CC042;
}
.musician-name-on {
  color: #7CC042;
}

.musician-name-on a:link, .musician-name-on a:visited, .musician-name-on a:hover {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #7CC042;
}

.brown-bold-title {
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  float: left;
  margin: 4px 0px 0px 0px;
  width: 100%;
}

.resume-list-item {
  font-size: 16px;
  width: 100%;
}

.resume-list-count {
  font-size: 16px;
}

.musician-resume {
  font-weight: bold;
}

.resume-item-list-selected .resume-title-name {
  font-weight: bold;
  font-size: 16px;
  color: #7cc042;
}

.resume-item-list-selected .resume-list-count {
  font-weight: bold;
  font-size: 16px;
  color: #7cc042;
}

.period-selected {
  font-size: 16px;
  color: #7cc042;
}

.resume-item-list-selected {
  float: left;
  width: 232px;
  clear: left;
}

.resume-list-count-selected {
  font-size: 14px;
  color: #7cc042;
}

.hidden-title {
  display: none;
}

.resume-pic-text {
  background-image: url(images/top-bg-resume.gif);
  background-repeat: repeat-x;
  padding: 23px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
}

.resume-container {
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
  display: none;
}

.close-resume {
  cursor: pointer;
  float: right;
  margin: 0px 10px 8px 0px;
}

.resume-picture {
  width: 111px;
  float: left;
}

.musician-picture {
  margin-left: 22px;
}

.resume-text{
  float: left;
  width: 460px;
  margin: 0px 0px 0px 14px;
  font-size: 10px;
}

.resume-text p, .resume-text div, .resume-text td, .resume-text span {
  font-size: 10px;
}


.footer-resume {
  float: left;
  border-bottom: solid 1px #e7e5e1;
  width: 100%;
}

.logo-collaboration {
  float: left;
}

.logo-collaboration div {
  float: left;
  width: 280px;
}
/* ------- content (end) ------- */

/* ------- album (start) ------- */
div.album{
  margin: 15px 0px 0px 0px;
}

table.album{
  background-image: url(images/top-bg-resume.gif);
  background-repeat: repeat-x;
  padding: 45px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}
/* ------- album (end) ------- */

/* ------- plan (start) ------- */
table.plan{
  background-color: #f4f3f2;
}

table.plan td{
  padding: 18px 12px 16px 12px;
  border-right: 3px solid #FFFFFF;
}

table.plan td.last{
  border-right: none;
  padding: 0px;
}
/* ------- plan (end) ------- */

/* ------- footer (start) ------- */
#gray-footer {
  background-color: #d6d2c9;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 0px;
  text-align: right;
  width: 941px;
}
/* ------- footer (end) ------- */