@charset "UTF-8";
/*
	Background-Styles
*/

.cufon-loading .freakshowtype, .cufon-loading .HMenu li a {
	visibility: hidden !important;
}

body {
	behavior:url('cssHoverFix.htc');
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#30241c;
	font-size:13px;
     background-repeat:no-repeat;
     background-color:#000;
     background-attachment:fixed;
     background-position: top center;
     overflow-x:hidden;
     border:0px;
}

#main {
     width:100%;
     border:0px;
}

.top-panels1 {
     float:right;
     width:143px;
     height:59px;
     padding-top:20px;
}
.top-panels2 {
     float:right;
     width:120px;
     height:84px;
}
.top-panels3 {
     padding-top:3px;
     float:right;
     width:155px;
     height:85px;
     margin-right:95px;
}

#middle-top-background {
     background-image:url('../images/barouquoi-middle-top-background.png');
     background-repeat:no-repeat;
     width:841px;
     height:182px;
}
* html #middle-top-background { background: none; filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/barouquoi-middle-top-background.png', sizingMethod='fixed'); }

#middle-background {
     background-image:url('../images/barouquoi-middle-background.png');
     background-repeat:repeat-y;
     width:841px;
}


#middle-bottom-background {
     background-image:url('../images/barouquoi-middle-bottom-background.png');
     background-repeat:no-repeat;
     width:841px;
     height:330px;
}
* html #middle-bottom-background { background: none; filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/barouquoi-middle-bottom-background.png', sizingMethod='fixed'); }

#content {
     float:left;
     text-align:left;
     width:766px;
     line-height:120%;
     margin-left:40px;
     margin-top:-20px;
     position:relative;
}

#middle-content {
     width:960px;
     height:696px;
     background-repeat:no-repeat;
}

img { border:0; }

a, img { outline:none; }

.pageTitle {
     font-size:26px;
     color:#676a43;
     font-family:Arial;
     padding:0;
     margin:0;
     padding-bottom:30px;
}

.subtitle {
     color:#580000;
     font-size:23px;
     font-family:Verdana;
     line-height:100%;
}

.bulletLink {
     float: left;
     margin-right: 10px;
}
* html .bulletLink { margin-top:5px; }
*+html .bulletLink { margin-top:5px; }

.subTitle {
     font-size:15px;
     font-weight:bold;
     font-family:Arial;
     padding:0;
     margin:0;
     color:black;
}

.imgOutline {
     border: 1px solid #ABBBC1;
}

.imgBlock {
	padding:0px;
	margin:0px;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-right:15px;
}

.imgLegend {
     display:none;
     font-size:10px;
     width:255px;
     margin:4px;
     margin-right:0px;
}

#container {
     margin:0 auto;
     position:relative;
     width:841px;
}

#container2 {
     float:left;
     width:841px;
}

/*
	Header-Styles
*/

#header {
	padding-top:0px;
	padding-bottom:0px;
	z-index:0;
	position:relative;
}

#logo h1 {
	margin:0px;
	display:block;
	text-indent:-9999px;
}

#logo a {
     display: block;
     text-decoration:none;
     outline:none;
     height:196px;
     position: relative;
     z-index: 500;
}

#logo {
     background: url('../images/barouquoi-logo.png') no-repeat left top;
	background-repeat:no-repeat;
	width:197px;
	height:196px;
	margin-top:-28px;
	margin-left:-30px;
	float:left;
}
** html #logo { background: none; filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/barouquoi-logo.png', sizingMethod='fixed'); }
* html #logo { background: none; filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/barouquoi-logo.png', sizingMethod='fixed'); }

#logo:hover {
     background: url('../images/barouquoi-logo-hover.png') no-repeat left top;
}
** html #logo:hover { background: none; filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/barouquoi-logo-hover.png', sizingMethod='fixed'); }

#plyr-bottom { color:#000; }
#plyr-bottom:hover {
     color:#580000;
     text-decoration:none;
}

#playerblock {
     float:left;
     margin-top:116px;
     margin-left:195px;
     width:453px;
     height:86px;
     background-image:url('../images/barouquoi-mp3-player.jpg');
     background-repeat:no-repeat;
}

#alcool {
     float:left;
     margin-top:93px;
     padding-left:3px;
     width:170px;
     height:101px;
}

#menuh2 {
     float:left;
     margin-left:155px;
     padding-top:4px;
}
#menuh1 {
     padding-top:35px;
}
#block1 {
     float:right;
     margin-top:-377px;
     padding-right:35px;
}
#bonzai-sig1 {
     text-align:right;
     float:left;
     margin-right:10px;
}

#strCourrielNewsConfirm { display:none; padding-top:6px; }

ul.bulletlist
{
     margin:0;
     padding:0;
     list-style-type: none;
     font-family: Arial, Helvetica, sans-serif;
}

ul.bulletlist li {
     background-image:url('../images/bullet-3.gif');
     background-repeat:no-repeat;
     padding-left:12px;
}



/*
     Menu Styles
*/
.HMenuContainer {
     background-repeat:no-repeat;
     height:51px;
     text-align:left;
}

ul.HMenu {
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-left:0px;
}

ul.HMenu li {
	display:inline;
	border:0px solid #000;
	padding:0;
	margin:0;
}

ul.HMenu li a {
	margin:0;
	padding:0;
	height:51px;
	padding-top:18px;
	padding-bottom:22px;
	padding-right:15px;
	text-decoration:none;
	background-color:transparent;
	color:#fc6703;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	letter-spacing:0.5px;
}

ul.HMenu li a:hover {
     color:#b04802;
}

ul.HMenu li .Hcurrent {
     color:#edcd82;
}


ul#VMenu
{
     margin:0;
     padding:0;
     list-style-type: none;
     font-family: Arial, Helvetica, sans-serif;
}

ul#VMenu li {}

ul#VMenu a
{
     display:block;
     font-family:Verdana;
     font-size:21px;
     color:#c73803;
     text-decoration: none;
     text-align:right;
}

ul#VMenu a:hover, ul#VMenu #Vcurrent a
{
     color:#b04802;
}

.requiredStar {
     float:left;
     color:#c73803;
     font-size: 10px;
     font-weight: bold;
     width:11px;
     padding-left:4px;
}
.requiredStar2 {
     color:#c73803;
     font-size: 10px;
     font-weight: bold;
     width:11px;
     padding-left:4px;
}

#telicon {
     margin-top:4px;
     margin-right:10px;
}
* html #telicon { margin-top:0px; }

.xrequiredStar {
     display:inline;
     padding-left:1px;
     padding-right:1px;
     color:#c73803;
     font-size:12px;
}

.artist-name {
     line-height:100%;
     color:#751813;
     font-size:10px;
     font-family:Verdana;
     font-weight:bold;
}

.artist-style {
     line-height:100%;
     color:#751813;
     font-size:10px;
     font-family:Verdana;
     padding-bottom:8px;
     font-weight:bold;
}

.artist-songs {
     padding-bottom:6px;
}


.linka {
     line-height:100%;
     color:#751813;
     font-size:10px;
     font-family:Verdana;
     padding-bottom:8px;
     font-weight:bold;
}

.linkb {
     line-height:100%;
     color:#751813;
     font-size:10px;
     font-family:Verdana;
     padding-bottom:4px;
     font-weight:bold;
}

.normaltxt {
     line-height:120%;
     color:#751813;
     font-size:10px;
     font-family:Verdana;
     font-weight:bold;
}

/*
	Text-Styles
*/
.headlineBlock { margin-bottom:0px; }
.headlineDate { display:none; color:black; font-size: 10px; font-family: verdana; line-height:120%; margin-bottom:2px; }
.headlineLink1 { color:#012b55; margin-top:20px; font-weight:bold; font-size:15px; font-family:Arial; line-height:100%; }
.textblock { padding-top: 0px; color:black; font-size: 12px; font-family: verdana; line-height:120%; }
.headlineLink2:link { font-size: 12px; font-family: verdana; line-height:100%; }
.headlineTitle { font-size:15px; font-family:Arial; font-weight:bold; color:#012b55; padding-bottom:20px; margin:0; padding:0; line-height:100%; }

/*
	common footer (micro-logo+sig)
*/
#footer-rights {
     float:left;
     font-family:Verdana;
     font-size:11px;
     width:500px;
     padding-top:10px;
     padding-bottom:10px;
     margin-left:40px;
}

#footer-rights-0 {
     float:left;
}

#footer-rights-1 {
     float:left;
     padding-top:3px;
     padding-left:10px;
}

#bonzai-sig {
     float:right;
     font-family:Verdana;
     font-size:11px;
     margin-top:-70px;
     padding-top:0px;
     padding-bottom:10px;
     margin-right:60px;
}

.footerSig { color:#012b55; font-weight:bold; }
.footerSig:hover { text-decoration:none; }

/*
     common footer (links)
*/
#footer {
	padding:0px;
	margin:0px;
	background:url("../images/footer-background.jpg") no-repeat;
	height:211px;
}

.footerSpotTitle {
     margin-bottom:10px;
}

.footerSpotTitle a {
     font-family:Arial;
     font-size:26px;
     color:#f0e2cc;
     padding-bottom:10px;
     text-decoration:none;
}

.footerSpotTitle a:hover {
     color:#fefefe;
}

.footerLink {
     padding-bottom:2px;
     float:left;
     width:100%;
}

.footerLink a, .footerLink a:hover {
     font-size:14px;
     color:#ffffff;
     font-family:Arial;
}

.footerSpot1 {
     float:left;
     padding-left:45px;
     padding-top:30px;
     width:190px;
     height:176px;
}

.footerSpot2 {
     float:left;
     padding-left:45px;
     padding-top:30px;
     width:230px;
     height:176px;
}

.footerSpot3 {
     float:left;
     padding-left:45px;
     padding-top:30px;
     width:350px;
     height:176px;
}

/*
	Miscellaneous-Styles
*/

/* Fix up IE6 PNG Support */
img { behavior: url(../javascript/iepngfix.htc); }


fieldset, form, label, legend
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

/* Here's our form stuff */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 0.75em;}
form .field label {display: block; }
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline; background-color:#ffe1aa; border:1px solid #e7b86d; }
input.text, input.password, textarea { padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 155px; }
form.horizontal .field label {display: inline; float: left; text-align:right; width: 155px; margin-left: -150px; }

#contact .field label { display:block; float:none; text-align:left; font-size:18px; color:#000; font-family:Verdana; font-weight:bold; }
#contact.horizontal .field { padding-left: 0px; }
#contact.horizontal .field label { width: 145px; margin-left: 0px; }

#inscription .field label { font-size:18px; color:#000; font-family:Verdana; font-weight:bold; }
#inscription.horizontal .field {padding-left: 0px; }
#inscription.horizontal .field label { width: 220px; margin-left: -40px; }

#listeenvoi .field label { font-size:18px; color:#000; font-family:Verdana; font-weight:bold; }
#listeenvoi.horizontal .field {padding-left: 0px; }
#listeenvoi.horizontal .field label { width: 220px; margin-left: -35px; }

.albums-list {
     float:left;
     margin-right:12px;
     margin-bottom:20px;
     height:180px;
     width:147px;
}

h2, h3 {
	margin:10px 0px 5px 0px;
	font-size:17px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}

h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}

small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}

small a {
	color:#007de2;
}

p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(../images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;
}

a.button:hover {
	background:#007de2 url(../images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

h3 a, h3 a:hover {
     text-decoration:none;
     color:black;
}

a, .footerSig {
	color:#fc6703;
	text-decoration:none;
}

a:hover {
     color:#c74f03;
     text-decoration:none;
}





 img#expando {
 padding: 0;
 margin: 0;
 position: absolute;
 display: none;
 z-index: 1;
 -ms-interpolation-mode: bicubic;
 }

 .wide img#expando,
 .tall img#expando {
 display: block;
 }

 .wide img#expando {
 width: 100%;
 height: auto;
 }

 .tall img#expando {
 width: auto;
 height: 100%;
 }

 .ie6fixed {
 position: absolute;
 top: expression((ignoreMe = document.documentElement.scrollTop ?
 document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}
