/* popup-styles - iBox */

/* == Charte Couleurs == */

/* NOIR fond page: #060708 */

/* BLANC : #FEFEFE */
/* ROUGE : #990000 */
/* GRIS : #999999 */

/*=============== Général ==========================*/

* {margin:0px; padding:0px}

body {font-family:Arial, Helvetica, sans-serif; color:#FEFEFE; background-color: #060708; text-align:center}

a {color:#FEFEFE; text-decoration:underline}
a:visited {color:#999999;}
a:hover, a:active {color:#990000; text-decoration:none}

.breaker {clear:both; overflow:hidden; height:0px}
img {border:0px}

#popup-content {width:580px; margin:0 auto; background-color: #060708;}
#popup-content .content {margin:10px 0 0px 0px; text-align:left }
#popup-content .content p {margin:12px 0 0 0; font-size:12px; text-align:justify; }
#popup-content .content p i {margin:12px 0 0 0; font-size:14px; text-align:justify; }
#popup-content .content ul {margin:12px 0 0 30px;  display:block; }
#popup-content .content ul li {font-size:11px; text-align:justify; list-style-type: disc; line-height:13px}
#popup-content .img-popup {float:right; margin:17px 0 1px 6px}

#video-player {font-size:12px}

/* === RESA === */

#popup-content-resa {width:710px; margin:0 auto; background-color: #060708;}
#popup-content-resa .content {margin:10px 0 0px 0px; text-align:left }
#popup-content-resa .content #table-resa {border:1px solid #FEFEFE; text-align:left;}

#popup-content-resa .content .header {text-align:center; background-color:#FEFEFE}
#popup-content-resa .content .footer {text-align:center; background-color:#FEFEFE}
#popup-content-resa .content .spacer {height:1px; background-color:#FEFEFE; overflow:hidden}

#popup-content-resa .content .ligne {/*border:1px solid #FEFEFE;*/ padding:0px 0 0 0}
#popup-content-resa .content .ligne .day {float:left; width:50px; font-size:11px; text-transform:uppercase; font-weight:normal; color:#999999; padding:8px 0 0 8px; font-family:Arial Narrow, Helvetica, sans-serif}
#popup-content-resa .content .ligne .day span {font-size:15px; text-transform:uppercase; font-weight:bold; color:#FEFEFE; padding-left:3px; font-family:Arial, Helvetica, sans-serif}
#popup-content-resa .content .ligne .artist-label {float:left; width:422px; font-size:13px; padding:8px 0 0 5px; font-weight:normal; padding-left:5px; font-family:Arial Narrow, Helvetica, sans-serif; text-transform:uppercase;}
#popup-content-resa .content .ligne .logo-resa {float:left; text-align:center; background-color:#FEFEFE; font-size:10px;}

.logo-resa a:link.links {display:block; width:70px; height:30px; border:2px solid #060708; cursor:pointer}
.logo-resa a:visited.links {display:block; width:70px; height:30px; border:2px solid #060708;}
.logo-resa a:hover.links {display:block; width:70px; height:30px; border:2px solid #990000;}
.logo-resa a:active.links {display:block; width:70px; height:30px; border:2px solid #999999;}


/*=============== iBox ==========================*/

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #999;
	width:300px;
	height:300px;
	background-color:#060708;
	padding-bottom:30px;
	margin:0;
}

#ibox_content {
	background-color:#060708;
	width:100%;
	height:100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	/*border:1px solid #999;*/
	padding:2px;
}

#ibox_footer_wrapper {
	position:relative;padding:0;margin:0;top:0px;left:0px;
}

#ibox_footer {margin-top:-15px}
#ibox_close_a {font-size:12px}