/********* COMMON CLASSES ****************************************************/

HTML, BODY {
	border:0;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
	color:#FFF;
}

BODY {
	background:url(../images/back.jpg);
}

IMG {
	border:0;
}

a {
	color:#D23D1D;
}

a:hover {
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.title {
	font-size:18px;
	margin-bottom:15px;
}

/********* MAIN CLASSES ****************************************************/

.wrapper {
	width:100%;
	height:100%;
	vertical-align:middle;
	position:relative;
}

.container {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-500px;
	width:1000px;
	height:600px;
	border:1px solid #000;
}

.home {
	background:url(../images/home.jpg);
}

.news {
	background:url(../images/news.jpg);
}

.band {
	background:url(../images/band.jpg);
}

.stuff {
	background:url(../images/stuff.jpg);
}

.gallery {
	background:url(../images/gallery.jpg);
}

.video {
	background:url(../images/video.jpg);
}

.tour {
	background:url(../images/tour.jpg);
}

.press {
	background:url(../images/press.jpg);
}

.pros {
	background:url(../images/pros.jpg);
}

.liens {
	background:url(../images/liens.jpg);
}

.news_content {
	position:absolute;
	top:265px;
	left:210px;
	width:710px;
	height:210px;
	overflow:auto;
	text-align:justify;
	padding-right:10px;
}

.news_date {
	font-size:10px;
	color:#B73223;
	float:right;
}

.newsletter {
	position:absolute;
	top:500px;
	left:440px;
	font-size:12px;
	color:#958C87;
}

.band_content {
	position:absolute;
	top:115px;
	left:77px;
	width:835px;
	height:350px;
	overflow:auto;
	text-align:justify;
}

.band_left, .band_middle, .band_right {
	width:30%;
	float:left;
}

.band_left {
	border-right:1px solid #999;
	margin-right:15px;
	padding-right:15px;
}

.band_right {
	border-left:1px solid #999;
	margin-left:15px;
	padding-left:15px;
}

.band_title {
	font-size:14px;
	color:#958C87;
	margin-bottom:15px;
}

.stuff_content {
	position:absolute;
	top:150px;
	left:50px;
	width:570px;
	height:395px;
}

.stuff_content UL {
	padding:0;
	margin:15px 0 15px 20px;
}

.stuff_content UL LI {
	padding:0;
	margin:0 0 10px 0;
}

.player {
	position:absolute;
	top:180px;
	right:300px;
}

.stuff_copy {
	position:absolute;
	top:520px;
	left:625px;
	font-size:10px;
	text-align:right;
}

.stuff_title {
	font-size:16px;
	font-weight:bold;
	color:#958C87;
}

.paroles {
	border:5px solid #CCC;
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	float:left;
	position:absolute;
	top:100px;
	left:100px;
	color:#000;
}

.lyrics {
	margin-left:10px;
	color:#65605D;
}

.down {
	width:10px;
	height:15px;
	background:url(../images/down.png);
	display:inline-block;
	margin-left:10px;
}

.gallery_content {
	position:absolute;
	top:130px;
	left:30px;
	width:480px;
	height:430px;
	overflow:auto;
}

.photo {
	width:120px;
	height:90px;
	float:left;
	margin:1px 11px 21px 11px;
	display:inline-block;
	background:#000;
}

.photo:hover {
	border:1px solid #D23F1A;
	margin:0 10px 20px 10px;
}

.photo IMG {
	display:block;
	margin:auto;
}

.video_content {
	position:absolute;
	top:120px;
	left:152px;
	width:270px;
	height:300px;
}

.video_content UL {
	padding:0;
	margin:15px 0 0 20px;
}

.video_content LI {
	padding:0;
	margin:0 0 10px 5px;
}

.video_content LI A {
	text-decoration:none;
}

.video_content LI A:hover {
	text-decoration:underline;
}

.youtube {
	position:absolute;
	top:140px;
	left:452px;
}

.tour_content {
	position:absolute;
	top:132px;
	left:65px;
	width:610px;
	height:369px;
	overflow:auto;
}

.tour_date {
	float:left;
	color:#D23D1D;
	width:80px;
	margin-bottom:10px;
}

.tour_heure {
	float:left;
	width:50px;
	font-size:11px;
}

.tour_ville {
	float:left;
	width:230px;
	text-transform:uppercase;
}

.tour_lieu {
	float:left;
	font-style:italic;
}

.tour_line {
	background:#999;
	height:1px;
	width:110px;
	line-height:0;
	margin:0 0 10px 0;
	padding:0;
}

.press_content {
	position:absolute;
	top:139px;
	left:360px;
	width:595px;
	height:420px;
	text-align:justify;
	overflow:auto;
	padding-right:10px;
}

.press_item {
	text-align:justify;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}

.press_title {
	float:left;
	margin-bottom:10px;
	font-weight:bold;
	color:#D23D1D;
}

.press_date {
	font-size:10px;
	float:right;
	color:#D23D1D;
}

.press_journalist {
	float:right;
	font-style:italic;
	font-size:12px;
}

.pros_content {
	position:absolute;
	top:120px;
	left:160px;
	width:695px;
	height:165px;
	text-align:justify;
	color:#EEE;
	font-size:12px;
}

.liens_content {
	position:absolute;
	top:110px;
	left:700px;
	width:271px;
	height:449px;
	overflow:auto;
}

.liens_content UL {
	padding:0 0 0 15px;
	margin:0;
}

.liens_content LI {
	margin:0;
	padding:0 0 12px 0;	
}

.liens_content LI A {
	font-size:12px;
}

.lien_01, .lien_02, .lien_03, 
.lien_04, .lien_05, .lien_06,
.lien_07, .lien_08 {
	position:absolute;
}

.lien_01 { width:76px; height:98px; top:309px; left:399px; }
.lien_02 { width:77px; height:100px; top:367px; left:318px; }
.lien_03 { width:72px; height:115px; top:435px; left:243px; }
.lien_04 { width:61px; height:102px; top:467px; left:347px; }
.lien_05 { width:64px; height:101px; top:456px; left:435px; }
.lien_06 { width:62px; height:110px; top:423px; left:510px; }
.lien_07 { width:70px; height:100px; top:225px; left:230px; }
.lien_08 { width:45px; height:100px; top:291px; left:625px; }

.bulle_01, .bulle_02, .bulle_03, 
.bulle_04, .bulle_05, .bulle_06,
.bulle_07, .bulle_08 {
	position:absolute;
	width:189px;
	height:146px;
	background:url(../images/bulle.png);
	font-size:1.1em;
	padding:40px 20px 0 20px;
	z-index:5;
}

.bulle_01 { top:123px; left:279px; }
.bulle_02 { top:181px; left:205px; }
.bulle_03 { top:248px; left:123px; }
.bulle_04 { top:280px; left:230px; }
.bulle_05 { top:270px; left:315px; }
.bulle_06 { top:237px; left:390px; }
.bulle_07 { top:39px; left:125px; }
.bulle_08 { top:105px; left:490px; }

.enter {
	position:absolute;
	top:353px;
	left:661px;
	width:269px;
	height:107px;
	background:url(../images/enter.jpg) left;
}

.enter:hover {
	background-position:-269px;
}

.sub_menu {
	position:absolute;
	bottom:13px;
	left:89px;
}

.sub_menu A {
	display:block;
	height:25px;
	float:left;
	margin-right:8px;
}

.sub_menu .s01, .sub_menu .s01_sel {
	width:162px;
	background:url(../images/sub_01.jpg);
}

.sub_menu .s02, .sub_menu .s02_sel {
	width:138px;
	background:url(../images/sub_02.jpg);
}

.sub_menu .s03, .sub_menu .s03_sel {
	width:105px;
	background:url(../images/sub_03.jpg);
}

.sub_menu .s01_sel, .sub_menu .s02_sel, .sub_menu .s03_sel {
	background-position:0 -50px;
}

.sub_menu A:hover {
	background-position:0 -25px;
}

/********* MENU ****************************************************/

.menu_back {
	position:absolute;
	top:43px;
	left:0px;
	width:1000px;
	height:36px;
	background:url(../images/menu.png);
}

.menu {
	position:absolute;
	top:43px;
	left:0px;
	width:1000px;
	height:36px;
	z-index:1;
}

.menu a {
	position:absolute;
	width:100px;
	height:20px;
}

.menu a:hover {
	background-position:-100px;
}

.menu_01, .menu_01_sel {
	top:6px;
	left:0px;
	background:url(../images/menu_01.jpg);
}

.menu_02, .menu_02_sel {
	top:10px;
	left:111px;
	background:url(../images/menu_02.jpg);
}

.menu_03, .menu_03_sel {
	top:13px;
	left:239px;
	background:url(../images/menu_03.jpg);
}

.menu_04, .menu_04_sel {
	top:9px;
	left:339px;
	background:url(../images/menu_04.jpg);
}

.menu_05, .menu_05_sel {
	top:14px;
	left:439px;
	background:url(../images/menu_05.jpg);
}

.menu_06, .menu_06_sel {
	top:3px;
	right:336px;
	background:url(../images/menu_06.jpg);
}

.menu_07, .menu_07_sel {
	top:8px;
	right:236px;
	background:url(../images/menu_07.jpg);
}

.menu_08, .menu_08_sel {
	top:1px;
	right:110px;
	background:url(../images/menu_08.jpg);
}

.menu_09, .menu_09_sel {
	top:6px;
	right:0px;
	background:url(../images/menu_09.jpg);
}

.menu_01_sel, .menu_02_sel, .menu_03_sel, .menu_04_sel, .menu_05_sel, 
.menu_06_sel, .menu_07_sel, .menu_08_sel, .menu_09_sel {
	background-position:-200px;
}

/***** TINYMCE ****************************************************************************/

.Image_Left {
	margin:0 10px 10px 0;
	float:left;
}

.Image_Right {
	margin:0 0 10px 10px;
	float:right;
}

/***** LIGHTBOX ****************************************************************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color:#FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

/*
#imageContainer{
	padding:15px;
}
*/

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 18px Verdana, Helvetica, sans-serif bold;
	color:#333534;
	background: url(../images/lightbox.jpg) repeat-x;
	margin: 0 auto;
	line-height: 1.4em;
	position:relative;
}

#BottomNextPrev{
	width:70px;
	margin:auto;
	padding-top:7px;
}

#BottomNextPrev #bottomNavPrev {
	margin-right:5px;
}

#BottomNextPrev #bottomNavNext {
	margin-left:5px;
}

#imageData #imageDetails {
	position:absolute;
	top:10px;
	left:10px;
}
	
#imageData #bottomNav {
	position:absolute;
	top:0;
	right:0;
}
	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-top: 7px; padding-right: 6px;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}