/* YUI 2: Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

/* The Straps */

/* general */
html,
body {
	width: 100%;
	height: 100%;
}
body {
	background: #4c3b24 url(../images/bg-site.jpg) repeat 0 0;
}
body,
textarea {
	/*font-family: Verdana, "Lucida Grande", Arial, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size: 12px;
	letter-spacing: .03em;
}
#site {
	width: 100%;
	background: transparent url(../images/bg-top.jpg) repeat-x 0 0;
	min-height: 275px;
}
#page {
	margin: 0 auto;
	position: relative;
}
#page,
h1 {
	width: 840px;
}
/* fil d'ariane */
#page .ariane_crumbBox {
	position: absolute;
	top: 145px;
	left: 125px;
	z-index: 2;
}
body,
a:link,
a:active,
a:hover,
a:visited {
	color: #F4E8C5;
}
a:link,
a:active,
a:hover,
a:visited {
	text-decoration: underline;
}
/* menu */
#menu {
	width: 717px; /* 840px - padding-left */
	background: transparent url(../images/bg-menu.jpg) no-repeat 0 0;
	padding-left: 123px;
}
#menu,
#menu li a {
	height: 51px;
}
#menu li {
	display: inline; /* IE */
}
#menu li a {
	display: block;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	margin: 0;
}
#menu li a span {
	display: none;
}
/* menu EN : home */
#menu li.en.id_20 {
	background: red;
}
#menu li.en.id_20 a {
	background-image: url(../images/menu/en/home.png);
	width: 55px;
}
#menu li.en.id_20.active a,
#menu li.en.id_20 a:hover {
	background-position: -55px 0;
}
/* menu FR : accueil */
#menu li.fr.id_21 a {
	background-image: url(../images/menu/fr/accueil.png);
	width: 71px;
}
#menu li.fr.id_21.active a,
#menu li.fr.id_21 a:hover {
	background-position: -71px 0;
}
/* menu EN : band */
#menu li.en.id_4 a {
	background-image: url(../images/menu/en/band.png);
	width: 49px;
}
#menu li.en.id_4.active a,
#menu li.en.id_4 a:hover {
	background-position: -49px 0;
}
/* menu FR : groupe */
#menu li.fr.id_12 a {
	background-image: url(../images/menu/fr/groupe.png);
	width: 66px;
}
#menu li.fr.id_12.active a,
#menu li.fr.id_12 a:hover {
	background-position: -66px 0;
}
/* menu EN : roots */
#menu li.en.id_5 a {
	background-image: url(../images/menu/en/roots.png);
	width: 54px;
}
#menu li.en.id_5.active a,
#menu li.en.id_5 a:hover {
	background-position: -54px 0;
}
/* menu FR : roots */
#menu li.fr.id_13 a {
	background-image: url(../images/menu/fr/roots.png);
	width: 51px;
}
#menu li.fr.id_13.active a,
#menu li.fr.id_13 a:hover {
	background-position: -51px 0;
}
/* menu EN : recordings */
#menu li.en.id_6 a {
	background-image: url(../images/menu/en/recordings.png);
	width: 93px;
}
#menu li.en.id_6.active a,
#menu li.en.id_6 a:hover {
	background-position: -93px 0;
}
/* menu FR : albums */
#menu li.fr.id_14 a {
	background-image: url(../images/menu/fr/albums.png);
	width: 66px;
}
#menu li.fr.id_14.active a,
#menu li.fr.id_14 a:hover {
	background-position: -66px 0;
}
/* menu EN : media */
#menu li.en.id_7 a {
	background-image: url(../images/menu/en/media.png);
	width: 55px;
}
#menu li.en.id_7.active a,
#menu li.en.id_7 a:hover {
	background-position: -55px 0;
}
/* menu FR : media */
#menu li.fr.id_15 a {
	background-image: url(../images/menu/fr/media.png);
	width: 54px;
}
#menu li.fr.id_15.active a,
#menu li.fr.id_15 a:hover {
	background-position: -54px 0;
}
/* menu EN : photos */
#menu li.en.id_8 a {
	background-image: url(../images/menu/en/photos.png);
	width: 61px;
}
#menu li.en.id_8.active a,
#menu li.en.id_8 a:hover {
	background-position: -61px 0;
}
/* menu FR : photos */
#menu li.fr.id_16 a {
	background-image: url(../images/menu/fr/photos.png);
	width: 61px;
}
#menu li.fr.id_16.active a,
#menu li.fr.id_16 a:hover {
	background-position: -61px 0;
}
/* menu EN : guestbook */
#menu li.en.id_9 a {
	background-image: url(../images/menu/en/guestbook.png);
	width: 87px;
}
#menu li.en.id_9.active a,
#menu li.en.id_9 a:hover {
	background-position: -87px 0;
}
/* menu FR : livre d'or */
#menu li.fr.id_17 a {
	background-image: url(../images/menu/fr/livredor.png);
	width: 88px;
}
#menu li.fr.id_17.active a,
#menu li.fr.id_17 a:hover {
	background-position: -88px 0;
}
/* menu EN : agenda */
#menu li.en.id_10 a {
	background-image: url(../images/menu/en/agenda.png);
	width: 66px;
}
#menu li.en.id_10.active a,
#menu li.en.id_10 a:hover {
	background-position: -66px 0;
}
/* menu FR : agenda */
#menu li.fr.id_18 a {
	background-image: url(../images/menu/fr/agenda.png);
	width: 66px;
}
#menu li.fr.id_18.active a,
#menu li.fr.id_18 a:hover {
	background-position: -66px 0;
}
/* menu EN : contact */
#menu li.en.id_11 a {
	background-image: url(../images/menu/en/contact.png);
	width: 74px;
}
#menu li.en.id_11.active a,
#menu li.en.id_11 a:hover {
	background-position: -74px 0;
}
/* menu FR : contact */
#menu li.fr.id_19 a {
	background-image: url(../images/menu/fr/contact.png);
	width: 72px;
}
#menu li.fr.id_19.active a,
#menu li.fr.id_19 a:hover {
	background-position: -72px 0;
}
/* logo */
h1 {
	height: 105px;
	background: transparent url(../images/bg-logo.jpg) no-repeat 0 0;
	position: absolute;
	top: 51px;
}
h1 span {
	display: none;
}
/* languages */
#lang {
	position: absolute;
	top: 97px;
	left: 697px;
	width: 44px;
	z-index: 1;
}
#lang li {
	display: inline; /* IE */
}
#lang li a {
	display: block;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 22px;
	height: 20px;
}
#lang li a.FR {
	background-image: url(../images/lang-fr.png);
}
#lang li a.active,
#lang li a:hover {
	background-position: -22px 0;
}
#lang li a.EN {
	background-image: url(../images/lang-en.png);
}
#lang li a span {
	display: none;
}
/* content */
#content-wrapper {
	width: 100%;
	background: transparent url(../images/bg-page.jpg) repeat-y 0 0;
}
#content-wrapper-inner {
	width: 100%;
	background: transparent url(../images/bg-page-top.jpg) no-repeat 0 105px; /* top = height logo */
	min-height: 119px;
}
#content {
	width: 590px; /* 840px - (padding-left + padding-right) */
	padding: 130px 125px 20px; /* top + 105px (logo) */
	min-height: 400px;
	background: transparent url(../images/bg-page-bottom.jpg) no-repeat left bottom;
}
#content h2 {
	font-size: 300%;
	margin-bottom: .5em;
	color: #F4E8C5;
	letter-spacing: .20em;
	font-family: Impact, "Times New Roman", Times, serif;
	opacity: .75;
}
#content h2.dyn-font-title.sIFR-replaced {
	margin-bottom: 0;
}
#content h3 {
	font-size: 125%;
	margin: .5em 0 1em;
	letter-spacing: .04em;
}
#content h4 {
	font-size: 105%;
	margin: 0 0 1em;
	letter-spacing: .04em;
}
#content h2,
#content h3,
#content h4 {
	font-weight: bold;
}
#content p,
#content ul,
#content ol {
	margin-bottom: 1em;
	line-height: 160%;
}
#content ul,
#content ol {
	list-style-position: inside;
	list-style-type: square;
	padding-left: 2em;
}
#content strong {
	font-weight: bold;
	letter-spacing: 0.05em;
}
#content hr {
	height: 2px;
	border: 0;
	background: #000 url(../images/hr.gif) repeat-x left top;
	margin: 1em 0 1em;
	clear: both;
}
#content.id_21 p img,
#content.id_20 p img,
#content.id_12 p img,
#content.id_4 p img {
	border: #fff 2px solid;
	opacity: .9;
}
/* home */
#wantedOnStage {
	float: left;
}
#content #wantedOnStage p img {
	border: none;
}
#myspace {
	float: right;
	background: transparent url(../images/vr.gif) repeat-y left top;
	height: 350px;
	padding-left: 35px;
}
#myspace img {
	margin-top: 6px;
}
input#newsletter_email {
	width: 225px;
}
/* formulaire contact */
#content #contactForm label {
	display: block;
}
#content #contactForm input.text,
#content #contactForm textarea {
	width: 320px;
	padding: 1px 0;
}
#content #contactForm .errors, #content .jot-err, #content .jot-cfm {
	margin-bottom: 1.5em;
	padding: 1em;
	border: #ad9274 1px solid;
}
#content #contactForm .errors strong {
	display: block;
	font-weight: normal;
}
/* footer */
#footer {
	width: 100%;
	background: transparent url(../images/bg-bottom.jpg) no-repeat 0 0;
	/*min-height: 156px;*/
	text-align: center;
	padding: 100px 0 20px;
}
/* calendrier */
div.eventcalendar {
	margin-top: 1em;
}
div.eventcalendar table {
	width: 100%;
}
div.eventcalendar table.eventcalendar {
	margin: 0 1.25em 2.5em;
	width: 80%;
}
div.eventcalendar table.eventcalendar th {
	text-align: center;	
}
div.eventcalendar table.eventcalendar td {
	border: 1px solid #F4E8C5;
	text-align: center;
}
div.eventcalendar table.eventcalendar td.empty {
	border: none;
}
div.eventcalendar table.eventcalendar td.ec_agenda,
div.eventcalendar table.eventcalendar td.ec_agenda a {
	color: #51402c;
	background-color: #F4E8C5;
	text-decoration: none;
}
div.eventcalendar table.eventcalendar td.current_day {
	color: #51402c;
	background-color: #F4E8C5;
	font-weight: bold;
}
div.eventcalendar table.eventcalendar caption.month_title {
	font-weight: bold;
	padding-bottom: 1em;
}
.ditto_introText strong {
	font-size: 105%;
}
/* dewplayer */
object.dewplayer {
	margin-left: -4px;
}
/* external */
#content .ditto_introText,
ul.news-home {	
	padding: 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #f2f3dd url(../images/bg-gallery.jpg) no-repeat center top;
	margin-bottom: .5em;
}
#content .ditto_introText,
#content .ditto_introText a,
ul.news-home,
ul.news-home li a {
	color: #503F2B;
}
#content .ditto_introText p {
	margin-bottom: .5em;
	line-height: 150%;
}
/* news */
#ditto_pages {
	text-align: center;
}
#ditto_pages a.ditto_previous_link,
#ditto_pages a.ditto_page,
#ditto_pages .ditto_currentpage {
	margin-right: 1em;
}
#content ul.news-home {
	list-style-type: none;
	padding: 0;
}
#content ul.news-home li {
	display: block;
    color: #503F2B;
    padding: .65em 1.2em;
    background: transparent url(../images/hr.gif) repeat-x left bottom;
    clear: both;
}
#content ul.news-home li p {
	margin: 0;
}
#content ul.news-home li strong {
	display: block;
	float: left;
	margin-right: .5em;
}
