/* LINKS */
a:link { color:red;}
a:visited {color:red;}
a:active {color:red;}
a:hover {text-decoration: underline; color:white;}

div#cadre {
background:url(img_data/cadre_tmp.jpg);
width:436px;
height:267px;
padding:70px;
color:red;
text-align:left;
}

/* team */
.cadre_1 {
background:url(img_data/cadre_1.png);
width:580px;
height:187px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_2 {
background:url(img_data/cadre_2.png);
width:680px;
height:302px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_3 {
background:url(img_data/cadre_3.png);
width:680px;
height:187px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_4 {
background:url(img_data/cadre_4.png);
width:680px;
height:458px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_5 {
background:url(img_data/cadre_5.png);
width:282px;
height:222px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_6 {
background:url(img_data/cadre_6.png);
width:680px;
height:530px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_7 {
background:url(img_data/cadre_7.png);
width:680px;
height:1050px;
padding:10px;
color:red;
text-align:center;
}
/* team */
.cadre_8 {
background:url(img_data/cadre_8.png);
width:430px;
height:222px;
padding:10px;
color:red;
text-align:center;
}



/* set millions of background images */
.rbroundbox { background: url(css/nt.gif) repeat; }
.rbtop div { background: url(css/tl.gif) no-repeat top left; }
.rbtop { background: url(css/tr.gif) no-repeat top right; }
.rbbot div { background: url(css/bl.gif) no-repeat bottom left; }
.rbbot { background: url(css/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


div#cadre {			/* conteneur global et arrière-plan du titre du cadre */
width: 705px;
padding-top: 40px;
background: url(img_data/haut.gif) top left no-repeat;
}
div#bloccadre {			/* arrière-plan bas et sur l'ensemble du cadre */
background: url(img_data/bas.gif) bottom left no-repeat;
padding-bottom: 40px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}


img {
	border: none;
}



/* THEME DISCOMOBILE */

.discotable {  
border: solid 1px red;
}
.text_color {
color:red;
}
.text_normal {
color:rgb(255,255,255);
}





/* CSS issu des tutoriels www.alsacreations.com/articles */
.jqueryslidemenu{
font: bold 14px Verdana;
background-image:url('img/bar.jpg');
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background-image:url('img/bar.jpg');
padding: 8px 10px;
border-right: 1px solid #778;
color: white;
text-decoration: none;
width:130px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background-image:url('img/bar2.jpg'); /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 150px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top: 1px solid red;
border-bottom: 1px solid white;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/*
Original design: andreas03 (v2.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas03/
*/

.play_button_class {
text-indent:-50px;
width:50px;
height:30px;
border:none;
background: transparent url(img/play.gif) no-repeat center center;
}

a:hover button.play_button_class {
text-indent:-50px;
width:50px;
height:30px;
border:none;
background: transparent url(img/play_act.gif) no-repeat center center;
}







a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(img/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}


.link_black {
	color:black;
	
}

.link_red {
	color:red;
	
}


/* team */
.button_red {
background:url(img/box_red.png);
width:120px;
height:22px;
padding-top:8px;
color:white;
}
/* team */
.button_green {
background:url(img/box_green.png);
width:120px;
height:22px;
padding-top:8px;
color:white;
}
/* team */
.button_cyan {
background:url(img/box_cyan.png);
width:120px;
height:22px;
padding-top:8px;
color:white;
}
/* team */
.button_magenta {
background:url(img/box_magenta.png);
width:120px;
height:22px;
padding-top:8px;
color:white;
}


.button_global {
background:url(img/box2.png);
width:175px;
height:22px;
padding-top:8px;
color:white;
}


.button_global_grey {
background:url(img/box_grey.png);
width:175px;
height:22px;
padding-top:8px;
color:white;
}





/* General layout */
body {margin:0; padding:20px 0; font:100% tahoma,verdana,sans-serif; background:#047 url(img/bodybg.jpg) ; color:blue;}
#thetop {margin:0;}
#main_container {width:880px; margin:0 auto; padding:20px 20px 0 20px; background:url(img/contbg.png) no-repeat; color:white;}




/* Tags */
h1,h2,h3,h4 {margin:0 0 10px 0; font-weight:normal;}
h1 {font-size:2.6em;}
h2 {margin:0 0 4px 0; font-size:1.5em;}
h3 {margin:20px 0 8px 0; font-size:1.3em;}
h4 {margin:10px 0 5px 0; font-size:1.2em;}
a {text-decoration:underline; color:white;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 15px 10px; font-size:12px; line-height:1.5em; }

/* Site title and header */
#logo {float:left; width:400px; height:130px; margin:0 20px 0 0; padding:0 0 5px 0; background:#eee; border:4px solid #dde; text-align:center; font-weight:bold; color:rgb(100,0,0); }
#logo h1 {margin:30px 5px 5px 5px; letter-spacing:-2px;line-height:1em;}
#logo a {color:#26a; text-decoration:none;}
#logo a:hover {color:#69e;}
#tagline {text-align:center; font-size:1.4em;line-height:1.5em;}
#intro p {line-height:1.5em;}

/* Main content */
#main {float:left; width:630px; margin-right:20px; padding:0; line-height:1.3em; }



/* Footer */
#footer {margin:0 auto 10px auto; line-height:1.6em; width:920px; background: url(img/footerbg.png) bottom left no-repeat; padding:0 0 1px 0; font-size:1.1em; color:#777; text-align:center;}















#slider {
    width: 600px;
    margin: 0 auto;
    position: relative;
	border: 10px solid black;
}

.scroll {
	overflow: hidden;
	width: 600px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(img/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(img/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid black;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}



#sidebar {width:220px; float:right; margin-top:20px; font-size:1em; line-height:1.3em;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 10px; padding:0;}
#sidebar ul li, #sidebar ol li {list-style:none; padding:0; margin:0 0 4px 0;}


.headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; background: url(templates/openclubbing/img/bar_1.png) repeat-x; color:#444; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none;}
.clear {clear:both; margin:0; padding:0;}
.right {text-align:right;}
.internallink {font-size:0.9em; text-align:center;}
#sidebar p.block {font-size:0.9em; line-height:1.4em; margin:5px auto 15px auto; padding:5px; color:#555; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd;}
.credit {color:#777;}
.hide {display:none;}



* {
	margin: 0;
	padding: 0;
}

body { 
	background-color: #000;
	background-image: url("http://partypremiere.fr/templates/openclubbing/img/bodybg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed; color:blue;
	/* font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; */
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 12px;
}

a.music_link {text-decoration: none;}
a.music_link:hover {text-decoration: underline; color:#00FF00; }
   

a.pp_link {text-decoration: none;}
a.pp_link:hover {text-decoration: underline; color:#FF0000; }


a.clubbing_link {text-decoration: none;}
a.clubbing_link:hover {text-decoration: underline; color:#5858FA; }


a.magazine_link {text-decoration: none;}
a.magazine_link:hover {text-decoration: underline; color:#FFFF00; }