/* 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 {/*width:580px;*/ margin:10px auto 0 auto; background-color: #060708; font-size:12px}

#popupMapContent {width:680px; margin:0 auto; background-color:#060708;}
#popupMapContent .eventInfos {text-align:left; padding:0px 0 10px 0;}
#popupMapContent .eventInfos h1 {font-size:15px}
#popupMapContent .eventInfos p {font-size:12px; margin-top:1px}
#popupMapContent .eventInfos p strong {}

/* === RESA === */

#popup-content-resa {width:710px; margin:0 auto; /*background-color: #060708;*/}
#popup-content-resa .content {margin:0px 0 0px 0px; text-align:left; /*border:1px solid #FEFEFE;*/ padding:8px 0 8px 0; background:url(../images/festival-jazz-st-germain-des-pres-2008.gif) no-repeat; background-position:62% 50%}

#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 h1 {font-size:18px; font-weight:normal; color:#FEFEFE; padding:0px 8px 0 8px; font-family:Tahoma, Arial Narrow, Helvetica, sans-serif}
#popup-content-resa .content h1 .up {text-transform:uppercase; }
#popup-content-resa .content h1 a {text-decoration:none; color:#FEFEFE}
#popup-content-resa .content h1 a:hover {text-decoration:none; color:#FEFEFE}
#popup-content-resa .content p.intro {font-size:12px; padding:8px 8px 10px 8px; text-align:justify }
#popup-content-resa .content .ligne {/*border:1px solid #FEFEFE;*/ margin:1px 0 0 0; overflow:hidden}
#popup-content-resa .content .customSpacer {margin:5px 0 0 0;n}
#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 h2 {float:left; /*width:422px;*/ width:470px; font-size:13px; padding:8px 0 0 5px; font-weight:normal; padding-left:5px; font-family:Arial Narrow, Helvetica, sans-serif; text-transform:uppercase; /*background:lime*/}
#popup-content-resa .content .ligne h2 span {display:block; font-size:13px; text-transform: none; }
#popup-content-resa .content .ligne h2 a.logo-jeune {display:block; margin:-40px 0 0 350px; height:40px; width:90px; background:url(../images/logo-kiosque-jeunes.gif) no-repeat; background-position:90% 0%}
#popup-content-resa .content .ligne h2 a {text-decoration:none; color:#FEFEFE}
#popup-content-resa .content .ligne h2 a:visited {color:#999999; }
#popup-content-resa .content .ligne h2 a:hover {text-decoration:underline}
#popup-content-resa .content .ligne h2 a.red {color:#990000; font-weight:bold; text-decoration:underline}
#popup-content-resa .content .ligne h2 a:hover.red { text-decoration:none}


#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; font-size:10px;}
#popup-content-resa .content .ligne .logo-resa h3 {}
#popup-content-resa .content .ligne .logo-resa h3 a {text-indent:-999em}
#popup-content-resa .content .ligne .logo-resa h3 a:hover {}

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

.logo-resa a.digitick {background:#FEFEFE url(../images/digitick.gif) no-repeat; background-position:50% 0%}
.logo-resa a.ticketnet {background:#FEFEFE url(../images/tickenet.gif) no-repeat; background-position:50% 0%}
.logo-resa a.fnac {background:#FEFEFE url(../images/fnac.gif) no-repeat; background-position:50% 0%}

.logo-resa a.blank {display:block; width:52px; height:30px; border:2px solid #060708; cursor:default}


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