@font-face {  
	font-family: 'Myriad-regular'; 
	src: url('../fonts/myriad-regular.eot'); 
	src: local('Myriad Pro Regular'), url('../fonts/myriad-regular.ttf') format('truetype'); 
}

@font-face {  
	font-family: 'Myriad-semibold'; 
	src: url('../fonts/myriad-semibold.eot'); 
	src: local('Myriad Pro Semi Bold'), url('../fonts/myriad-semibold.ttf') format('truetype'); 
}

body {
	background-color: #e5e5e5;
	height: 100%;
	margin: 0 auto;
	font: normal 100%/1em Arial, sans;
	color:white;
	background-image:url(../images/bg/nouvelles.jpg);
	background-position:top center;background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000;
	padding-bottom:40px;
}

p, h1, h2, h3 {margin:0px;padding:0px;}
h1 {font-family:'Myriad-semibold', Arial;font-size:20px;}
h2 {font-family:'Myriad-semibold', Arial;font-size:18px;}
h3 {font-family:'Myriad-semibold', Arial;font-size:16px;}
h3 span {font-size:10px;}

img {border:none;}
a {color:#ffce58; text-decoration:none;}
a:hover {text-decoration:underline;}
p {font-size:13px;color:#fff;margin-bottom:15px;}

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

#page {
	width: 947px;
	margin: 0 auto;
}

.container {width: 950px;margin: auto;}

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

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

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

#menu {width:1050px;}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
	#menu li {
		float: left;
		margin-right: 2px;
		font-family:Myriad-semibold, Arial;
		font-size:17px;
		background-image:url(../images/menu-bg.png);
	}
	
	#menu li a {
		padding:25px;
		text-decoration:none;
		color:#b7d7d9;
		text-transform:uppercase;
		display:block;
	}
	
	#menu li a:hover, #menu .here {color:#fff;}
	
/* MAIN CONTENT
-------------------------*/

.video-list {background-image:url(../images/content-bg.png);border:1px #83a3aa solid;}

.video-list ul {
	list-style-type: none;
	margin: 0;
	padding: 25px;
	display: block;
	clear: both;
}
	.video-list li {
		display: block;
		float:left;
		height: 60px;
		padding: 10px;
		width: 410px;
		background-color:#fafafa;
		margin-right:10px;
		margin-bottom:10px;
		font-size:14px;
		color:#333;
	}
	
	.video-list li a {color:#333;font-size:16px;font-family:Myriad-semibold, Arial;font-weight:bold;}
	
		.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 { 
	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;
	width: 300px;
}

.gallery li {
	float: left;
	margin: 0 2px;
}
.gallery li img {
	border: 0;
	width: 40px;
}
/* FOOTER
-------------------------*/

#footer {
	font-family:Myriad-semibold, Arial;
	font-weight:bold;
	width: 100%;
	position: fixed;
	left:0;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-color:#3e6d74;
	opacity: 0.8;
	font-size: 18px;
	z-index: 10000;
	color: #b7d7d9;
	clear:both;
}

#footer input[type="text"] {
	width: 244px;
	color:#000;
	font-size: 10px;
	padding:4px;
	border: solid 1px #fff;
	background-color:#b7d7d9;
}


/* 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 */

#banner {width:724px;height:60px;margin:15px auto 25px;}

#nouvelles,
#biographie,
#contacts,
#medias,
#extras,
#musique,
#spectacles {background-image:url(../images/content-bg.png);padding:25px;clear:both;min-height: 400px;}

.titre {
	width:100%;
	border-bottom:1px #fff dotted;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:15px;
	font-size:18px;
	font-family:Myriad-semibold, Arial;
	font-weight:bold;
}


/* NOUVELLES */
#presentation-artiste {
	width:335px;
	margin-left:520px;
}

#presentation-artiste h2.titre {
	width:375px;
	border-bottom:1px #fff dotted;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:15px;
	font-size:18px;
	font-family:Myriad-semibold, Arial;
	font-weight:bold;
}


#nouvelles div#player {float:left;margin:0 20px 20px 0;}
.nouvelles-items {width:500px;}

/* MUSIQUE */


#mycarousel-box {
	background-image:url(../images/menu-bg.png);
	border-bottom:1px #fff dotted;
}

#mycarousel-box ul {list-style-type: none;}
#mycarousel-box li {float:left;}
.audioPlayer {}

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

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

table#mus-listing td.song-title {color:#fff;font-size: 14px;font-family:'Myriad-semibold', Arial;font-weight:bold;}
table#mus-listing td a {font-size:12px;}
.facebook-comments {margin-left:225px;}

.ligne {border-bottom:1px #fff dotted;margin-top:20px;margin-bottom:20px;width:100%;clear:both;}

/* EXTRAS */

#extras ul {padding:0px;margin:0px;width:400px;position:absolute;margin-left:510px;font-family:Myriad-semibold, Arial;font-weight:bold;}
#extras li {display:inline-block;float:right;margin-left:10px;border-right:1px #fff solid;padding-right:10px;}

/* MÉDIAS */

#medias-sub {float:left;width:200px;}
#medias-sub a {font-family:Myriad-semibold, Arial; font-weight:bold;}
#login {float:right;width:640px;border-left:1px #fff solid;padding-left:15px;margin-bottom:40px;}
#login a {font-family:Myriad-semibold;}

#medias h1 {font-family:Myriad-semibold, Arial;font-size:18px;}

#medias h2 {font-size:14px;margin-bottom:25px;}
span.dates-fichiers {font-size:12px;font-style: italic;}


/* TEXT */

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


#musique h3 {font-size:16px;margin-top:3px;margin-bottom:5px;margin-bottom:25px;font-family:Myriad-semibold, Arial;}

#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; }

#musique h2 {margin-top:30px;margin-bottom:10px;}