@import url(../styles/fonts.css);
@import url(../styles/menu.css);

* { margin: 0; padding: 0; border: 0; }

html { overflow-y: scroll; }
body { font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 12px; background: #FBF3E9 url(../images/page/background.png) no-repeat left top; _background: white; }

ul, li { list-style-type: none; }

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

.column-1 { clear: both; float: left; width: 294px; margin: 0 39px 45px 0; }
.column-2 { float: left; width: 294px; margin: 0 39px 39px 0; }
.column-3 { float: left; width: 294px; margin: 0 0 39px 0; }
.column-2-3 { float: left; width: 627px; margin: 0 0 39px 0; }

a { text-decoration: underline; color: #064B84; }
a:hover { text-decoration: none; }
h1 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
h1.page { margin: 0 0 30px 0; padding: 0; border-bottom: 0; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 36px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #BBBBBB; }
h1 a { color: #870404; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { margin: 0 0 20px 0; font-size: 12px; font-weight: bold; line-height: 18px; }

p { margin: 0 0 10px 0; line-height: 20px; }

.nowrap { white-space: nowrap; }

/* ui-dialog */

.ui-dialog .ui-widget-header { background: url(../images/menu/background.png); }
.ui-dialog .ui-dialog-title { color: #870404; font-family: "AabcedItalic", "Georgia"; font-size: 17px; font-weight: normal; text-shadow: 2px 2px 2px #999; }
.ui-dialog .ui-dialog-title em { font-style: normal; display: block; }
.ui-dialog .ui-dialog-content { font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 13px; line-height: 22px; }
.ui-dialog .ui-dialog-content h2 { display: none; }
.ui-dialog .ui-dialog-content p img { float: left; margin: 5px 20px 25px 0; }

/* home */

body.home #content { position: absolute; left: 50%; top: 20%; height: 565px; margin: 0 0  0 -480px; background: url(../images/page/home.png) no-repeat;  }
body.home #content dl { padding: 223px 0 0 60px; text-align: center; }
body.home #content dl dt { margin: 0 0 25px 0; color: #870404; font-family: "AabcedRoman", "Georgia"; font-size: 30px; text-shadow: 2px 2px 2px #bbb; letter-spacing: 1px; }
body.home #content dl dt a { color: #870404; text-decoration: none; }
body.home #content dl dd { line-height: 20px; font-size: 13px; }

body.home .photo { position: absolute; right: 0; top: 5px; border: 1px solid #e0d8cf;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
body.home .photo:before,
body.home .photo:after {
  content: "";
  position: absolute; z-index: -2;
}
body.home .photo:before,
body.home .photo:after {
  bottom: 10px; left: 5px; width: 50%; height: 20%;
          box-shadow: 0 10px 5px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.7);
     -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.7);
          transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
}
body.home .photo:after {
  right: 5px; left: auto;
          transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
}
body.home .photo img { display: block; }

#lang { position: absolute; right: 29px; bottom: 19px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }
#lang li { display: inline; margin: 0 0 0 30px; }
#lang li a { display: inline-block; padding: 0 0 0 37px; height: 19px; line-height: 19px; color: #733702; text-decoration: none; }
#lang li a:hover { text-decoration: underline; }
#lang li a.en { background: url(../images/menu/english.png) no-repeat left center; }
#lang li a.fr { background: url(../images/menu/francais.png) no-repeat left center; }

/* conversa */

body.conversa h2 em { font-style: normal; display: block; }

body.conversa img.portrait { display: block; margin: 30px 0 15px 0; }
body.conversa dl.legend { text-align: center; }
body.conversa dl.legend dt { margin: 0 0 10px 0; color: #870404; font-size: 17px; font-family: "AabcedRoman", "Georgia"; text-shadow: 2px 2px 2px #999999; }
body.conversa dl.legend dt a { color: #870404; text-decoration: none; }
body.conversa dl.legend dt a:hover { text-decoration: underline; }
body.conversa dl.legend dd { color: #870404; font-size: 14px; font-family: "AabcedRoman", "Georgia"; text-shadow: 1px 1px 1px #999999; }

body.conversa .main { width: 384px; }
body.conversa .main p.main { font-size: 14px; line-height: 22px; text-align: justify; }
body.conversa .main p.initial:first-letter { float: left; margin: 11px 7px 0 0; font-size: 42px; color: #870404; }

body.conversa .side { width: 204px; }
body.conversa .side ul.keywords { font-size: 20px; font-family: "AabcedRoman", "Georgia"; }
body.conversa .side ul.keywords li.complicite { padding: 10px 0 70px 0; color: #576D5A; }
body.conversa .side ul.keywords li.couleurs-sonores { padding: 0 0 70px 0; text-align: right; color: #DD0000; }
body.conversa .side ul.keywords li.authenticite { padding: 0 10px 65px 0; text-align: right; color: #733702; }
body.conversa .side ul.keywords li.emotion { padding: 0 0 0 10px; color: #064B84; }

body.conversa .line { clear: both; margin: 0 0 40px 0; border-bottom: 1px solid #D2C7BA; }

body.conversa p.name { margin: 0 0 5px 0; }
body.conversa p.title { font-style: italic; }

body.conversa ul.download { ~margin-top: -20px; }
body.conversa ul.download li { clear: both; }
body.conversa ul.download li a { text-decoration: none; font-size: 15px; color: black; }
body.conversa ul.download li a span { float: left; display: block; width: 333px; text-align: right; }
body.conversa ul.download li a span img { margin: 7px 39px 0 0; cursor: pointer; ~position: relative; ~top: 20px; }
body.conversa ul.download li a em { float: left; display: block; width: 16px; height: 17px; line-height: 17px; text-align: center; margin: 15px 15px 0 0; background: url(../images/list/number.png) no-repeat; font-style: normal; color: white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; cursor: pointer; ~position: relative; ~top: 20px; }
body.conversa ul.download li a strong { display: block; padding: 15px 0 15px 0; font-weight: normal; }
body.conversa ul.download li a:hover strong { background: #EDE9E4; }

body.conversa dl.compositions { clear: both; padding: 15px 0 0 333px; }
body.conversa dl.compositions dt { margin: 0 0 10px 0; color: #870404; font-size: 14px; font-family: "AabcedItalic", "Georgia"; }
body.conversa dl.compositions dd { margin: 0 0 15px 0; }

body.conversa dl.tracks { padding: 15px 0 0 333px; background: url(../images/media/conversa/music.png) no-repeat 249px 13px; }
body.conversa dl.tracks dt { margin: 0 0 8px 0; color: white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
body.conversa dl.tracks dt span { padding: 0 0 3px 0; }
body.conversa dl.tracks dt span span { margin: 0 0 0 6px; padding: 0 6px 3px 0; }
body.conversa dl.tracks dt.color-1 span { background: url(../images/list/title-1.png) no-repeat left top; }
body.conversa dl.tracks dt.color-1 span span { background: url(../images/list/title-1.png) no-repeat right top; }
body.conversa dl.tracks dt.color-2 span { background: url(../images/list/title-2.png) no-repeat left top; }
body.conversa dl.tracks dt.color-2 span span { background: url(../images/list/title-2.png) no-repeat right top; }
body.conversa dl.tracks dt.color-3 span { background: url(../images/list/title-3.png) no-repeat left top; }
body.conversa dl.tracks dt.color-3 span span { background: url(../images/list/title-3.png) no-repeat right top; }
body.conversa dl.tracks dt.color-4 span { background: url(../images/list/title-4.png) no-repeat left top; }
body.conversa dl.tracks dt.color-4 span span { background: url(../images/list/title-4.png) no-repeat right top; }
body.conversa dl.tracks dt.color-5 span { background: url(../images/list/title-5.png) no-repeat left top; }
body.conversa dl.tracks dt.color-5 span span { background: url(../images/list/title-5.png) no-repeat right top; }
body.conversa dl.tracks dd { margin: 0 0 15px 0; }
body.conversa dl.tracks dd ul li { margin: 0 0 2px 0; padding: 6px 5px 6px 23px; }
body.conversa dl.tracks dd.color-1 ul li { background: #DAE4ED url(../images/list/item-1.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-2 ul li { background: #EFDBD7 url(../images/list/item-2.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-3 ul li { background: #DDE2DE url(../images/list/item-3.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-4 ul li { background: #EDD9D9 url(../images/list/item-4.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-5 ul li { background: #F8CCCC url(../images/list/item-5.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd ul li .player { float: right; }

body.conversa h1.news { margin: 30px 0 20px 0; border-bottom: 0; }
body.conversa h1.news a { display: block; padding: 5px 0 5px 0; line-height: 45px; color: #870404; text-decoration: none; background: url(../images/media/conversa/news.png) no-repeat 249px 50%; }
body.conversa h1.news a:hover { background-color: #EDD9D9; }

body.conversa ul.videos { overflow: hidden; margin: 0 0 30px 0; }
body.conversa ul.videos li { float: left; width: 180px; margin: 0 15px 0 0; }
body.conversa ul.videos li.last { float: right; margin-right: 0; }
body.conversa ul.videos li a { display: block; text-align: center; text-decoration: none; font-size: 11px; }
body.conversa ul.videos li a:hover { text-decoration: underline; }
body.conversa ul.videos li a img { display: block; margin: 0 0 10px 0; width: 100%; }

/* news */

body.news #content h1 { padding-top: 20px; }
body.news #content img { margin: 0 20px 10px 0; }
body.news #content ul { margin: 0 0 10px 0; }

/* contact */

body.contact #content { min-height: 540px; background: url(../images/page/bird.png) 39% 1% no-repeat; }
body.contact #content dl { clear: left; padding: 39px 0 0 0; }
body.contact #content dl dt { float: left; width: 150px; margin: 0 0 80px 0; padding: 0 39px 0 0; text-align: right; font-size: 16px; color: #870404; }
body.contact #content dl dd { padding: 2px 39px 10px 39px; font-size: 14px; }
body.contact #content dl dd ul li { line-height: 25px; }
body.contact #content dl dd ul li em { font-style: normal; margin: 0 10px 0 0; }
body.contact #content dl dd p.emails { float: left; padding: 30px 0 0 0; }
body.contact #content dl dd p.facebook { float: left; padding: 0 0 0 30px; }

/* repertoire */

body.repertoire .overlay h2 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
body.repertoire .overlay p img { float: left; margin: 5px 20px 25px 0; }

/* albums */

body.albums .overlay h2 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
body.albums .overlay p img { float: left; margin: 5px 20px 25px 0; }

/* bio */

body.bio p { text-align: justify; }
body.bio p.signature { font-style: italic; margin-top: 0.5em; text-align: right; }

body.bio .presentation { font-size: 14px; margin-bottom: 3em; }
body.bio .presentation p { margin-bottom: 0.5em; }
body.bio .presentation img { float: right; margin: 5px 0 0 30px; }

body.bio .press { clear: both; position: relative; width: 1010px; left: -25px; }
body.bio .press h1 { width: 960px; margin-left: auto; margin-right: auto; }
body.bio .press dl { width:50%; float: left; margin-bottom: 25px; }
body.bio .press dl dt { padding: 5px 25px 5px 25px; font-weight: bold; }
body.bio .press dl dt.sujet { display: inline; padding-right: 0; }
body.bio .press dl dt.musiciens { display: inline; padding-left: 0; }
body.bio .press dl dt.musiciens:before { content: " - "; }
body.bio .press dl dt.references { font-weight: normal; text-transform: uppercase; }

body.bio .press dl dd { padding: 10px 25px 0 25px; }

body.bio .press dl dt.auteur { font-weight: normal; font-style: italic; }

/* videos */

body.videos #content { padding-top: 50px; }
body.videos .player { float: left; }
body.videos .link { float: right; width: 170px; padding: 170px 0 0 0; text-align: center; font-size: 14px; }
body.videos .link a { display: block; }
body.videos .link a img { display: block; margin: 0 auto 10px auto; }

/* audio */

body.audio #albums { float: left; width: 235px; padding: 30px 0 0 0; }
body.audio #albums ul li { display: inline; }
body.audio #albums ul li a img { border: 3px solid transparent; margin: 0 10px 10px 0; }
body.audio #albums ul li a:hover img { border: 3px solid #D2C7BA; }
body.audio #player { float: right; width: 650px; padding: 30px 0 0 0; }
body.audio h1#title { visibility: hidden; margin-bottom: 28px; }