@font-face {  
	font-family: 'myriadprobc'; 
	src: url('../fonts/MyriadPro-Cond.eot'); 
	src: local('Myriad Pro Bold Condense'), url('../fonts/MyriadPro-Cond.ttf') format('truetype'); 
}
@font-face {  
	font-family: 'myriadproc'; 
	src: url('../fonts/MyriadPro-Cond.eot'); 
	src: local('Myriad Pro Condense'), url('../fonts/MyriadPro-Cond.ttf') format('truetype'); 
}


body {
	background-color: white;
	height: 100%;
	margin: 0;
	background-position:top center;background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000;
	padding-bottom:40px;
	color:#879499;
	font-family:Arial, Helvetica, sans-serif;
}

p, h1, h2, h3 {margin:0px;padding:0px;color:#778387;}
h1, h2, h3 {font-family: Arial, helvetica;font-size:18px;text-transform:uppercase;font-family:myriadprobc;}

img {border:none;}
a {color:#a5956a; text-decoration:none;}
a:hover {text-decoration:underline;}
p, #presentation-artiste {font-size:11px;color:#778387;margin-bottom:15px;text-transform:uppercase;line-height:15px;}

.cappitalize {text-transform: capitalize;}
.clear {clear: both; height:0; line-height: 0;}

#page {
	width: 784px;
	margin:auto;
}

.container {}

.bannerWrap {padding-top:15px;}

.logo {padding-bottom:2px;padding-top:60px;margin:auto;width:242px;}


.hidden {display:none;}
.fLeft {float: left;}
.fRight {float: right;}

.img-right {float:right;}
.img-left {float:left; margin:0 20px 30px 0;}

div.img-left {}

/* BOUTONS LANGUES */

#lang {margin-left:-10px;}

#lang li {list-style:none;float:left;}

#lang li a {
	display:block;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	color:#fff;
	font-size:11px;
	background-color:#9eb1b2;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#lang li a:hover {background:none;color:#000;text-decoration:none;}

#lang .here {
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}

#header {margin-bottom:20px;}
#line {height:5px;background-color:#a6956a;}

/* MAIN MENU
-------------------------*/

#menu {width:615px;margin:auto;}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#menu li {	
		float: left;
	}
	
	#menu li a {
		text-decoration:none;
		display:block;
	}
	
	#menu li a:hover, #menu .here {}
	
#menuEn {width:530px;margin:auto;}

#menuEn ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#menuEn li {	
		float: left;
	}
	
	#menuEn li a {
		text-decoration:none;
		display:block;
	}
	
	#menuEn li a:hover, #menuEn .here {}
	
#b1:hover {}	
	
/* MAIN CONTENT
-------------------------*/



.fb_share_link { 
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://static.ak.fbcdn.net/rsrc.php/zTPL2/m1/hash/4273uaqa.gif) no-repeat top left;
}

.gallery {
	list-style-type: none;
	clear: both;
}

.gallery li {
	float: left;
	margin: 4px;
}
.gallery li img {
	border: 1px solid black;
	width: 60px;
	height:60px;
}

.gallery li img:hover {border:1px solid #bb3c31;}


/* FOOTER
-------------------------*/

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position: fixed;
	left:0;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	z-index: 10000;
	color: #fff;
	clear:both;
	/*background-color:#000;
	opacity: 0.9;*/
	background-image:url(/dev/images/bg-mailing.png);
	width:100%;
	height:33px;
	color:#ced5d1;
}

#footer input[type="text"] {
	width: 244px;
	color:#000;
	font-size: 10px;
	padding:3px;
	border:none;
	background-color:#dbdedf;
}


/* COLORBOX JQUERY PLUGIN
-------------------------*/
#lyrics {
	overflow: visible;
	color:gray;
	background-color: white;
	padding: 40px;
}
#lyrics pre {font: normal 12px/1em arial, sans-serif;}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:black;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; right: 20px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
		
		
/* BOXES */

#nouvelles,
#biographie,
#contacts,
#medias,
#extras,
#musique,
#babillard {padding:30px;}
#spectacles {padding:95px;}

.titre {
	color:#778387;
	text-transform:uppercase;
	padding-bottom:5px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* NOUVELLES */

#nouvelles h3 {font-size:20px;color:#778387;}

#nouvelles-box {width:725px;}

#nouvelles-box img {padding-right:22px;}

#nouvelles-box a {color:#fff;text-transform:uppercase;font-size:11px;background-color:#778387;padding:3px;text-decoration:none;}
#nouvelles-box a:hover {background:none;}
.content-nouvelles {margin-left:222px;}
#nouvelles #player {float:none;padding:0;margin-bottom:20px;}

/* BIO */


#biographie p {font-size:10px;width:725px;}


/* MUSIQUE */

#lesAlbums {width:130px;float:left;;}
#lesAlbums img {width:78px;height:78px;margin-bottom:15px;border:1px solid #000;}
#lesAlbums img:hover {border:1px solid #bb3c31;}
div.img-album {margin-bottom:40px;}

#albumContent {float:left;padding-left:100px;}
#musique h2 {font-size:22px;color:#778387;text-align:right;}
#albumContent #leDetail p {text-align:right;font-size:12px;text-transform:none;}

#leDetail a {color:#fff;text-transform:uppercase;font-size:10px;background-color:#778387;padding:3px;padding-left:5px;padding-right:7px;text-decoration:none;font-weight:bold;}
#leDetail a:hover {text-decoration:none;background:none;color:#778387;}

table#mus-listing {
	width:240px;
	margin:0px;
	padding:0px;
	margin-bottom:50px;
	float:right;
}

table#mus-listing td {vertical-align: top;}

table#mus-listing td.song-title {color:#778387;font-size: 11px;font-family:Arial;text-transform:uppercase;}
table#mus-listing td a {font-size:12px;}

.ligne {border-bottom:1px #fff dotted;padding-top:20px;margin-bottom:20px;width:100%;clear:both;}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {background:none !important;}
.FBConnectButton_Simple span, .FBConnectButton_RTL_Simple span {margin:0 !important;}



/* EXTRAS */

#extras h2 {font-size:22px;}

#sub-extras {padding-bottom:20px;/*padding-left:5px;*/}
#sub-extras ul {padding:0;margin:0;list-style:none;text-transform:uppercase;}
#sub-extras li {padding:0;margin:0;float:left;}
#sub-extras li a {color:#778387;font-size:15px;font-family:myriadprobc, arial, helvetica;padding:2px;padding-left:4px;padding-right:4px;margin-right:3px;}
#sub-extras li a:hover {color:#fff;background-color:#778387;text-decoration:none;}
#sub-extras .here {background-color:#778387;color:#fff;}

.paru-extra {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#778387;text-transform:none;font-weight:normal;letter-spacing:normal;}

#videoConteneur {float:left;}

#player {float:left;padding-top:18px;margin-bottom: 40px;}
#leplayer {}

.video-list {float:left;width:60px;clear:left;padding-bottom:20px;padding-right:30px;padding-top:18px;}

.video-list ul {list-style-type: none;padding:0;margin:0;}
.video-list li {float:left;margin:0;padding:0;}

.video-list img {}
.video-list img:hover {}



/* Extras Photos sub */
#lesPhotos ul {margin:0;padding:0;list-style:none;padding-left:5px;padding-bottom:15px;}
#lesPhotos li {float:left;}
#lesPhotos li a {padding-right:10px;margin-right:10px;border-right:1px solid #fff;font-size:11px;font-family:Arial, Helvetica, sans-serif;}

/* MÉDIAS */

#medias-sub {float:left;}
#medias-sub a {font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#medias h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;}
#medias h2 {font-size:14px;margin-bottom:25px;}
#medias-sub h3 {margin-bottom:0;padding-bottom:3px;}

#login {width:640px;margin-bottom:40px;text-transform:uppercase;clear:both;}
#login a, #login p {font-family:Arial, Helvetica, sans-serif;font-size:11px;}

span.titres-fichiers {text-transform:uppercase;}
span.dates-fichiers {font-size:11px;}


/* CONTACT */

.horLine {border-top:1px #d2d7d5 solid;margin-bottom:15px;margin-top:40px;}

#contacts a {}
#contacts {width:725px;}

#contacts h1 {margin-bottom:5px;}
#contacts p {margin-bottom:15px;text-transform:none;}

/* AUTRES */

#cphoto {width:11px;height:113px;position:absolute;margin-left:933px;margin-top:-25px;}

#foo { float: left; display: block; position: absolute; width: 0px; width: -moz-max-content; }

#spectacles a {color:#a5956a;text-dcoration:none;font-size:11px;text-transform:uppercase;}

.bform {margin-left:15px;}

.theInput {
	border:1px #b6bebe solid;
	color:#b6bebe;
	padding:2px;
}

#contacts h3 {font-size:20px;}