@font-face {  
	font-family: 'Courierr'; 
	src: url('../fonts/courier.eot'); 
	src: local('Courier Std'), url('../fonts/courier.ttf') format('truetype'); 
}

@font-face {  
	font-family: 'Courierr-bold'; 
	src: url('../fonts/courier-bold.eot'); 
	src: local('Courier Std Bold'), url('../fonts/courier-bold.ttf') format('truetype'); 
}

body { 
	background-color: #fff;  
	height: 100%;
	margin: 0 auto;
	margin-bottom:50px;
	font:normal 12px/1.4em 'Courier New', serif;
	color:#323232;
	background-image:url(../images/bg/nouvelles.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#page {
	width: 867px;
	/*min-height:1000px;*/
	margin: 0 auto;
}

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


#logo {width:134px;height:150px;position:absolute;}
#banners {height:59px;margin-top:30px;margin-bottom:58px;}
.bannerWrap {height:100px !important;}

p {margin:0 0 1em 0;}

a {color:#761a13;text-decoration: none;}
a:hover {text-decoration: underline;}

h2 {
	font:bold 22px/1.2em 'Courierr-bold', 'Courier New', serif;
	color:#3c4344;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	margin-top:30px;
	margin-bottom:10px;
}

h3 {
	font: bold 18px/1em 'Courierr-bold', 'Courier New', serif;
	color:#3c4344;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}

h4 {
	font: bold 14px/1em 'Courierr-bold', 'Courier New', serif;
	color:#3c4344;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}

img {border:0px;}
.cappitalize {text-transform: capitalize;}
.clear {clear: both;}

/* MAIN MENU
-------------------------*/
#menu {float:left;width:135px;margin-top:200px;} 

#menu ul {
	list-style-type: none; 
	margin: 0;
	padding: 0;
	display: block;
	text-align:center;
	line-height:30px;
}
#menu li a {font-size:16px;color:#343e3f; font-weight:bold;text-decoration:none;}
#menu li a:hover, #menu li .here {color:#761a13;}

/* SUB NAV 
-------------------------*/
ul.sub-nav {list-style:none; margin:0;padding:0px; height:20px;}
ul.sub-nav li {margin:0px;padding:0px;float:left;display:inline-block;margin-right:15px;padding:3px 15px 0 0;border-right:1px #3c4344 solid;}
ul.sub-nav li a{font-family:Courierr-bold, 'Courier New', serif; font-weight:bold; font-size:13px;}
	
/* MAIN CONTENT
-------------------------*/

/* Boites de contenu alignée à droite */
#nouvelles, #contacts, #extras, #medias, #musique, #spectacles {
	width:640px;
	padding-right:20px;
	float:right;
	padding-bottom:50px;
	margin-top:30px;
}

/* NOUVELLES */

#nouvelles-box {margin-top:93px;width:530px;}

.img-right {float:left; margin:0 20px 5px 0; border:1px solid #7c7461;}

/* MUSIQUE */
#musique {padding-bottom:150px;}

ul#mycarousel li {float:left;}

#mycarousel-box {
	background-image:url(../images/title-bg.png);
	border-bottom:1px #a3a3a3 solid;
	padding:0px;
	margin-left:-14px !important;
	width:640px;
}

.audioPlayer {float:right;clear:right;height:20px;}
.album-info {margin-right:20px;}
table#mus-listing {
	margin:0px;
	padding:0px;
	width:350px;
	margin-bottom:50px;
}

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

table#mus-listing td.song-title {font-family: 'Courier New'; font-weight: bold; color:#3c4344;font-size: 12px;}


/* EXTRAS */

.video-list {width:640px;padding-right:20px;float:right;}
.video-list h4 {font-family:'Courierr-bold', 'Courier New'; font-weight:bold; color:#761a13;font-size:14px;margin:0px;padding:0px;}
.video-list h4 a {font-family:'Courierr-bold', 'Courier New'; font-weight:bold; font-size:14px;}
.video-list h5 {font-family:'Courierr-bold', 'Courier New'; font-weight:bold; color:#3c4344;font-size:14px;margin:0px;padding:0px;}

.video-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
	.video-list li {
		display: block;
		float:left;
		margin:0 20px 30px 0;
		height: 60px;
		width: 300px;
	}
		.video-list li img {
			float: left;
			margin: 0 10px 20px 0;
		}
		.video-list li a img {
			border: 0;
		}

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

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

#album ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#album li {margin-bottom:20px;}
#album li a {font-weight:bold;}

/* SPECTACLES */

#spectacles {margin-top:-10px;}
#spectacles .date {font-size:16px;font-family:'Courierr-bold', 'Courier New'; font-weight:bold; color:#3c4344;}
#spectacles {font-size:12px;color:#3c4344;}

/* MEDIAS */

#medias h1 {margin: 0 0 5px 0;padding: 0;}
#medias a {font-weight:bold;}

#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:420px;color:#3c4344;}
#medias-sub {width:200px;color:#3c4344;}
.bform {background-color:#3c4344;color:#fff;border:0px;}

/* CONTACTS */
#contacts {margin-top:0;}
#contacts h4 {margin:30px 0 0 0;padding: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 {
	width: 100%;
	position: fixed;
	left:0;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-color:#000;
	opacity: 0.8;
	font-size: 10px;
	z-index: 10000;
	color: #999;
	clear:both;
}

#footer input[type="text"] {
	width: 244px;
	font-family:Courier;
	color:#3c4344;
	font-size: 10px;
	padding:2px;
	border: solid 1px #333;
}

#footer #submit {
	background-color:#273b31;
	border: solid 1px #333;
	color:#fff;
	font-family:'Courierr-bold', 'Courier New'; font-weight:bold; 
	font-size:10px;
	padding:1px;
	margin-left:5px;
}

/* COLORBOX JQUERY PLUGIN
-------------------------*/
#lyrics {
	background-color: #e5e5e5;
	padding: 20px;
	font-family: Courier;
	overflow: visible;
	font-size: 12px;
	color:#3c4344;
}

/*
    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(../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;}