@font-face{font-family:'SangBleu Hairline';src:url('../fonts/SangBleuBP-Hairline.otf');src:local('SangBleu'), url('../fonts/SangBleuBP-Hairline.otf') format('truetype');}
@font-face{font-family:'SangBleu Hairline Italic';src:url('../fonts/SangBleuBP-HairlineItalic.otf');src:local('SangBleu'), url('../fonts/SangBleuBP-HairlineItalic.otf') format('truetype');}
@font-face{font-family:'SangBleu Light';src:url('../fonts/SangBleuBP-Light.otf');src:local('SangBleu'), url('../fonts/SangBleuBP-Light.otf') format('truetype');}
@font-face{font-family:'SangBleuSans Hairline';src:url('../fonts/SangBleuBPSans-Hairline.otf');src:local('SangBleu'), url('../fonts/SangBleuBPSans-Hairline.otf') format('truetype');}
@font-face{font-family:'SangBleuSans Light';src:url('../fonts/SangBleuBPSans-Light.otf');src:local('SangBleu'), url('../fonts/SangBleuBPSans-Light.otf') format('truetype');}
@font-face{font-family:'SangBleuSans Light Italic';src:url('../fonts/SangBleuBPSans-LightItalic.otf');src:local('SangBleu'), url('../fonts/SangBleuBPSans-LightItalic.otf') format('truetype');}


body{
	height:100%;
	margin:0 auto;
	line-height: 150%;
	font-family:Arial, Helvetica, sans-serif;
	color:#F0F0F0;	
	background-attachment:fixed;
	
}





@media only all and (max-width: 1024px) and (max-height: 768px) {
  body {-moz-background-size: 1024px 768px;background-size: 1024px 768px;}
}
.nouvelles {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_nouvelles.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.biographie {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_bio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.musique {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_musique.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



.spectacles {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_shows.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



.extras {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_extras.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}




.contacts {
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-color: black;
	background-image: url(../images/bg/bg_contacts.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}






#player {z-index:1;}
#container {width:900px;margin:auto;}


 
img {border:0px;}
* {outline: none;}
.cappitalize {text-transform: capitalize;}
.clear {clear: both;height:0; line-height:0;}
#page {width: 900px;}
.hidden {display:none;}
.fLeft {float: left !important;}
.fRight {float: right !important;}
#banner {height:60px;width:820px;margin-top:0px;margin-bottom:0px;}
#video {
	width:820px;
	margin-top:40px;
	margin-bottom:40px;
}
#logo {}
.padding15 {padding:15px;}
.clearFloat {clear:both;}
.bannerWrap {width:auto !important;}


/* MAIN MENU
-------------------------*/
#menu {width:820px; height:45px; background-image:url(../images/mainnav-bg.png);
border-top:1px #fff dotted;border-bottom:1px #fff dotted; padding: 0px 40px 0px 40px;}

#menu ul {
	font-family:SangBleuSans Light, arial, sans-serif;
	
	list-style-type: none;
	margin: 0;
	padding: 15px 0px 15px 0px;
	display: block;
	clear: both;
	height: 50px;
	text-transform:uppercase;
	font-size:15px;
	color:#fff;
}
	#menu li {
	float: left;
	border-right:1px #fff dotted;
	margin-right: 20px;
	padding-right:20px;
	} 
	
	#menu li a {color:#fff;text-decoration:none;}
	#menu li a:hover, #menu li .here {
	color:#FFAE8F;
	text-decoration:none;
}
	
	
/* MAIN CONTENT
-------------------------*/

.video-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
	.video-list li {
		display: block;
		float:left;
		height: 60px;
		padding: 10px;
		width: 300px;
		background-color:#fafafa;
		margin-right:10px;
		margin-bottom:10px;
	}
		.video-list li img {
			float: left;
			margin: 0 10px 20px 0;
		}
		.video-list li a img {
			border: 0;
		}
#player {
	margin: 5px 0;
}
.fb_share_link {
	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: 0 2px;
}
.gallery li img {
	border: 0;
	width: 40px;
}


/* SYLVAIN */
.title {
	width:820px;
	border-bottom:1px #fff dotted;
	background-image:url(../images/title-bg.png);
	color:#fff;
	font-size:26px;
	font-family:SangBleuSans Light;
	text-transform:uppercase;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#page h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}

#page p {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.4em;color:#fff;font-weight:normal;margin-bottom:1em;}

#page a {
	color:#FFAE8F;
	text-decoration: none;
}

/* FONDS DES BOITES DE CONTENU */
#biographie, #nouvelles, #musique, #spectacles, #extras, #extras-photos, #medias, #contact, #opendisc {
	background-image:url(../images/page-bg.png);
	padding:40px 40px 40px 40px;
	;
}

/* NOUVELLES*/
#nouvelles-box {
	width:580px;
		float:left;

/*	padding:0px 40px 0px 0px;
background-image:url(../images/title-bg.png);
	border-top:1px #fff dotted;
	border-bottom:1px #fff dotted;*/
	
}


#rhColumn {
	width: 200px;
	/*margin:0px 0px 0px 40px;*/
	float:right;
	margin-top: 0px;
	font-size: 12px;
	}

#nouvelles-box > h3 {margin:20px 0 -10px 0;}
h3 span {font: normal 11px/1em arial, sans;font-style:italic;}

.img-right {float:right;margin:0 0 15px 15px;}

/* BIO */
#bio-box {
	width:380px;
	float:left;
	text-align:justify;
	/*padding:15px 40px 40px 40px;
	background-image:url(../images/title-bg.png);
	border-top:1px #fff dotted;
	border-bottom:1px #fff dotted;*/
	
}





/* MUSIQUE */
#mycarousel-box {
	/*background-image:url(../images/title-bg.png);
	border-bottom:1px #fff dotted;*/
	padding:0px;
	/*margin-left:-14px !important;*/
	width:820px;
}

#musique h2 {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#fff;}

.audioPlayer {float:right;clear:right;height:17px;}
#mus-listing {float:left;
/*border-bottom:1px #fff dotted;*/
padding-bottom:30px;margin-bottom:30px;margin-left:23px;}

#mus-listing ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#mus-listing li {float:left;display:block;clear:left;width:400px;margin-bottom:5px;}
#mus-listing li {font-size:12px;line-height:1.4em;color:#fff;font-weight:bold;text-decoration:none;}
#mus-listing li a {font-weight: normal;text-decoration:none;}
#mus-listing li a:hover {text-decoration:none;}
.facebook-share {
	font-size:11px;
}
.vidTitle {
	font-size:10px;
	line-height: 14px;
	color:#FFF !important;
	font-weight: normal;
}
.fb-comments {margin-left:220px;}


/* SPECTACLES */
.horline {height:1px;margin-top:10px;margin-bottom:10px;}
#spectacles .date {font-size:14px;font-weight:bold;color:#fff;}

#fb {
	background-image: url(../images/fb_bg.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 3px 3px 3px;
	margin-top: 40px;
	margin-bottom: 40px;
}





#fbDisco {
	background-image: url(../images/fb_bg.png);
	width:450px;
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 3px 3px 3px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#spectacles .infos {font-size:11px;color:#fff; padding-bottom:20px;}
/*.unSpectacle {border-bottom:1px #fff dotted;padding:10px;background-image:url(../images/title-bg.png);width:445px;}*/
/*#spectacle p {padding:15px;}*/

/* EXTRAS */
.sub ul {
	margin:0px 0px 40px 0px;
	padding:0px;

	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	padding-top:5px;
	font-size:12px;

}
.sub li {float:left;display:inline-block;font-size:16px;}
.sub li a {font-size:14px;color:#FFAE8F;text-decoration:none;}
.sub li a:hover {text-decoration:none;}


.fbMenu{
	float:right;
	
	
}



.fbMenu p{
	font-size:11px !important;
	text-transform:uppercase;
	font-weight: lighter;
}

#extras h1, #extras-photos h1 {font-size:16px;color:#fff;padding-bottom:20px;}
#extras h2, #extras-photos h2 {font-size:14px;color:#fff;padding:0px;margin:0px;}
#extras h3, #extras-photos h3 {font-size:11px;color:#fff;padding:0px;margin:0px;}

/* EXTRAS PHOTOS */
#album {float:right;width:300px;}

#galbox{width:380px;float:left;}

#extras-photos #album ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#extras-photos #album li {margin-bottom:20px;}
#extras-photos #album li a {color:#FFAE8F;font-size:14px;font-weight:bold;text-decoration:none;}
#extras-photos #album li a:hover {text-decoration:none;}

/* MEDIAS */
#medias input[type="text"] {
	width: 265px;
	font-size: 10px;
	padding: 2px;
	margin: 5px 10px 4px 0px;
	background-color: #FFF;
	color: #888;
	border: solid 1px #333;
}
#medias #formlogin, #medias #login {width:450px;color:#fff;}
#medias #login a {color:#fff;}
#medias #login h1 {font-size:16px;color:#fff;margin:0px;padding:0px;margin-bottom:15px;}
#medias #formlogin a, #medias-sub a {color:#FFAE8F;text-decoration:none;font-size:12px;font-weight:bold;}
#medias #formlogin a:hover, #medias-sub a:hover {text-decoration:none;}
#medias-sub {width:170px;color:#fff;}
#formlogin p {margin-top:0px;padding-top:0px;}
.bform {background-color:#FFAE8F;color:#fff;border:0px;}

/* CONTACT */
#contact h3 {font-size:14px;color:#fff;padding:0px;margin:0px;margin-bottom:5px;text-transform:uppercase;}
#contact a {color:#FFAE8F;font-size:11px;text-decoration:none;}
#contact a:hover {text-decoration:none;}
#contact p {margin:0px;padding:0px;margin-bottom:20px;}

/* OPENDISC */

/* FOOTER
-------------------------*/
#footer {
	width: 100%;
	position: fixed;
	left:0;
	bottom: 0px;
	margin: 0;
	padding: 0px;
	height: 26px;
	background-repeat: repeat;
	font-size: 10px;
	z-index: 10000;
	color: #999;
	clear:both;
	background-image:url(../images/title-bg.png);
	background-position: left top;
} 

#footer input[type="text"] {
	float: left;
	height: 14px;
	width: 180px;
	font-size: 10px;
	padding: 0px 4px;
	margin: 5px 10px 4px 0px;
	opacity: 0.8;
	background-color: #ffffff;
	color: #333333;
	
}

#anim-envois {
	float: left;
	margin: 4px 15px 0 0px;
	padding: 0px 0px 0 10px;
	font-size: 14px;
}

.go { 
	float: left;
	font-size: 11px;
	padding: 1px 5px; 
	margin: 4px 0px;
	opacity: 0.75;

}

.pSmall{
	font-size: 9px !important;
	color: #CCC !important;
	padding:0px !important;
	
}




td.song-title {
	padding-right: 150px;
	color: #FFF;
	font-size:12px;
}


a.colorbox {
	text-decoration:none;
	font-size: 12px;
}

/* COLORBOX JQUERY PLUGIN
-------------------------*/
#lyrics {
	background-color: #e5e5e5;
	padding: 40px;
}

#lyrics pre {
	font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
	overflow: visible;
	font-size: 11px;
	border: none;
}
/*
    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:#fff;}

#colorbox{font-size:12px;}
#cboxContent{margin-top:32px;}
#cboxLoadingGraphic{background:url(../medias/img/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(../medias/img/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;}