/*#################################*/
/*### ESPRIT JAZZ FESTIVAL 2007###*/
/*###############################*/

/* == Charte Couleurs == */

/* NOIR fond page: #060708 */

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

/* ===== Infobulles ====== */

.infobulle{
position: absolute;	
visibility : hidden;
border: 1px solid #FEFEFE;
padding: 5px;
font-family: Arial, sans-serif;
color: #060708;
font-size: 11px;
background-color: #FEFEFE;
z-index: 1;
}

/* PHPMV2 */
#phpmv2 {display:none}

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

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

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

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

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

#global { text-align:center; padding:25px 0 20px 0; }

#top-title {margin:0px auto 10px auto; width:850px; text-align:left;}
#top-title h1 {font-family:Arial Narrow, Helvetica, sans-serif; padding-left:10px; height:20px; width:800px; text-transform:uppercase; color:#990000; font-size:20px;}
#top-title h1 span {text-transform:uppercase}

#top-title-home {margin:0px auto 10px auto; width:850px; text-align:left;}
#top-title-home h1 {font-family:Arial Narrow, Helvetica, sans-serif; padding-left:10px; height:20px; width:800px; text-transform:uppercase; color:#990000; font-size:20px;}
#top-title-home h1 span {text-transform:uppercase}

#container {margin:0px auto; padding:0; width:850px; border:2px solid #990000; text-align:left; }
#container-home {margin:0px auto; padding:0; width:850px; border:2px solid #990000; text-align:left; }

/*=============== Left Part ==========================*/
#left-part {float:left; width:180px; text-align:left; margin:10px 0 0px 0px; /*height:480px;*/ padding:0px 0px 5px 0px; /*background:#CCc*/}
#left-part .affiche-mini {text-align:center; padding:0px;}
#left-part .affiche-mini img {border:0px}

#menu-artistes {text-align:left; }
#menu-artistes ul {width:160px; margin:25px auto 0 auto; }
#menu-artistes ul li {list-style-type: none; font-size:10px; font-weight:bold; line-height:15px; margin:1px 0; text-transform:uppercase}
#menu-artistes a {padding-left:2px}
#menu-artistes ul li a:link {color: #FEFEFE; text-decoration:none; display:block; height:15px; background-color:#060708;}
#menu-artistes ul li a:visited {color: #FEFEFE; text-decoration:none; display:block; height:15px; background-color:#060708;}
#menu-artistes ul li a:hover {color: #060708; text-decoration:none; display:block; height:15px; background-color:#990000;}
#menu-artistes ul li a:active {color: #060708; text-decoration:none; display:block; height:15px; background-color:#fefefe;}
#menu-artistes #menulist .uberlink {color: #FEFEFE; text-decoration:none; background-color:#990000; display:block; height:15px;}
/*#menu-artistes ul li a.link-hover {color: #FEFEFE; text-decoration:none; background-color:#990000; display:block; height:15px;}*/
#menu-artistes ul li span {color: #FEFEFE; text-decoration:none; background-color:#990000; display:block; height:15px;}
#menu-artistes .retour-menu {width:100px; margin:10px 0 0 15px; font-size:10px;}
#menu-artistes .retour-menu a {color: #FEFEFE; text-decoration:none; }
#menu-artistes .retour-menu a:hover {color: #990000; text-decoration: none; border-bottom:1px dashed #990000}

/*=============== Center Part ==========================*/
#center-part {float:left; width:450px; text-align:left; margin:20px 0 0 0px; padding:5px 0px 5px 0px; /*background:#CCFF99*/}
#center-part h2 {color:#FEFEFE; font-size:19px; width:430px; padding-left:5px; font-family:Arial Narrow, Helvetica, sans-serif; /*background:#CCCCFF*/}
#center-part h3 {color:#FEFEFE; font-size:13px; width:430px; padding-left:5px; font-family:Arial Narrow, Helvetica, sans-serif; /*background:#CCCCFF*/}
#center-part h3 .bigger {font-size:15px;}
#center-part .flags {width:430px; text-align:right; margin:7px 0 -10px 0}
#center-part .flags img {width:20px; margin-right:1px; cursor:pointer}
#center-part p {margin:15px 0 0 0; width:430px; color:#FEFEFE; padding-left:5px; font-size:12px; text-align:justify; }
#center-part .petit {font-size:11px;}
#center-part blockquote {margin:10px 0 0 0; width:430px; color:#FEFEFE; padding-left:5px; font-size:12px; font-style:italic}

#center-part .web-links {margin:30px 0 20px 0px; padding-left:20px; font-size:12px}
#center-part .web-links-sup1 {margin:-5px 0 20px 0px; padding-left:20px; font-size:12px}
#center-part .web-links a:link {color: #FEFEFE; text-decoration:underline; font-size:12px}
#center-part .web-links a:visited {color: #999999; text-decoration:none; font-size:12px}
#center-part .web-links a:hover, #center-part .web-links a:active {color: #990000; text-decoration:none}

#center-part .web-links-tv-icone {width:280px; height:50px; margin:35px 0 0px 0px; padding-left:20px; font-size:12px; }
#center-part .web-links-tv-icone .tv-icone {padding:0px 0 0px 5px; line-height:18px; vertical-align:middle}
#center-part .web-links-jukebox {width:150px; margin:0px 0 20px 0px; padding-left:20px; font-size:12px; }
#center-part .web-links-jukebox .speaker-icone  { padding:0px 0 0px 10px; line-height:18px; vertical-align:middle}
#center-part .web-links-tv-icone a:link {padding-top:15px; color: #FEFEFE; text-decoration:underline; font-size:12px; }
#center-part .web-links-tv-icone a:visited {color: #999999; text-decoration:none; font-size:12px}
#center-part .web-links-tv-icone a:hover, #center-part .web-links-tv-icone a:active {color: #990000; text-decoration:none}

#center-part .home-links {margin:30px 0 20px 0px; padding-left:20px; font-size:12px}
#center-part .home-links-sup1 {margin:-5px 0 20px 0px; padding-left:20px; font-size:12px}
#center-part .home-links a:link {color: #FEFEFE; text-decoration:underline; font-size:12px}
#center-part .home-links a:visited {color: #999999; text-decoration:none; font-size:12px}
#center-part .home-links a:hover, #center-part .home-links a:active {color: #990000; text-decoration:none}

#center-part .infos-date-partenaire {width:400px; margin:0px 0 25px 20px; /*background:#CCCCFF*/}
#center-part .logo-partenaire {float:left; padding:40px 0 0 80px; visibility:visible;/*background:#000*/}
#center-part .logo-partenaire-alliance {float:left; padding:40px 0 0 80px; visibility:visible;/*background:#CCCCcc*/}
#center-part .logo-partenaire-pompier {float:left; padding:20px 0 0 40px; /*background:#CCCCcc*/}
#center-part .logo-partenaire-sorbonne {float:left; padding:35px 0 0 40px; /*background:#CCCCcc*/}
#center-part .logo-partenaire-showcase {float:left; padding:45px 0 0 0px; /*background:#CCCCcc*/}
#center-part .logo-partenaire {float:left; padding:40px 0 0 150px; visibility:hidden;/*background:#CCCCcc*/}
#center-part .logo-partenaire {float:left; padding:40px 0 0 150px; visibility:hidden;/*background:#CCCCcc*/}

#center-part .logo-partenaire img {border:0px}
#center-part .infos-concert {text-align:right;/*background:#CCCCcc*/}
#center-part .infos-concert h4 {font-size:12px; font-weight:bold; }
#center-part .infos-concert h4 a {text-decoration:none}
#center-part .infos-concert h4 a:hover {text-decoration:none}
#center-part .infos-concert .date {font-size:23px; /*letter-spacing:0.1pt;*/ padding-top:8px; font-family:Arial Narrow, Helvetica, sans-serif; font-weight:bold; background-image:url(../festival-esprit-jazz.images/anneau-BG.gif); background-position:93% 0%; background-repeat:no-repeat; height:40px}
#center-part .infos-concert .horaire {font-size:14px; font-weight:bold; font-family:Arial Narrow, Helvetica, sans-serif; margin-top:-10px}
#center-part .infos-concert .lieu {font-size:12px; font-weight:bold; /*background:#0033F*/}
#center-part .infos-concert .tarif {font-size:12px; font-weight:bold; }
#center-part .infos-concert .reservation {margin:10px 0 0 0}
#center-part .infos-concert .reservation a:link {color: #FEFEFE; text-decoration:underline; font-size:12px}
#center-part .infos-concert .reservation a:visited {color: #999999; text-decoration:none; font-size:12px}
#center-part .infos-concert .reservation a:hover, #center-part .infos-concert .reservation a:active{color: #990000; text-decoration:none; font-size:12px}

#center-part .compo-orchestre-centre {width:420px; margin:25px 0 0px 0px; color:#FEFEFE; font-size:10px; text-align: right; /*background:#CCCCFF*/}

#center-part .print-mail {width:350px; font-size:11px; height:30px; padding:0px 0 0px 50px; /*background:#FF33CC;*/}
#center-part .print-mail .print {float:left; padding-right:0px; width:110px; }
#center-part .print-mail .print a {text-decoration:none}
#center-part .print-mail .print img {float:left;}
#center-part .print-mail .print .text { margin-left:5px;}
#center-part .print-mail .acces {float:left;}
#center-part .print-mail .acces a {text-decoration:none;}
#center-part .print-mail .acces .text { margin-left:6px;}
#center-part .print-mail .acces img {float:left;}
#center-part .print-mail span {}

#center-part .infos-concert-calendar {width:430px; text-align:right; margin-bottom:15px/*background:#CCCCcc*/}
#center-part .infos-concert-calendar .date {font-size:23px; /*letter-spacing:0.1pt;*/ padding-top:8px; font-family:Arial Narrow, Helvetica, sans-serif; font-weight:bold; background-image:url(../festival-esprit-jazz.images/anneau-BG.gif); background-position:93% 0%; background-repeat:no-repeat; height:40px}
#center-part .evenement {width:430px; margin-bottom:10px/* background:navy*/}
#center-part .evenement .horaire {float:left; width:140px; padding-left:10px; font-size:12px; font-weight:bold;/*background:pink*/}
#center-part .evenement .horaire .red {color:#990000}
#center-part .evenement .horaire .petit {font-size:10px}
#center-part .evenement .descriptif {float:left; width:280px; /*background:green*/}
#center-part .evenement .descriptif h4 {font-size:14px; font-weight:bold;}
#center-part .evenement .descriptif h4 span {font-size:12px; font-weight:bold;}
#center-part .evenement .descriptif h4 .red {color:#990000}
#center-part .evenement .descriptif h5 {font-size:11px; font-weight:bold; padding-top:4px}
#center-part .evenement .descriptif .tarif-calendar {font-size:11px; font-weight:bold; color:#FEFEFE; }
#center-part .evenement .descriptif .tarif-calendar span {color:#990000; }

/*=============== Right Part ==========================*/
#right-part {float:left; width:210px; margin:20px 0 0 10px; text-align:left; /*background:#FF99CC*/}
#right-part .diaporama-home {width:200px; height:243px; background-color:#060708;}

#right-part .photo-artiste {}
#right-part .photo-artiste-sup1 {margin:4px 0 0px 0}
#right-part .photo-artiste-sup1-mini1 {float:left; margin:4px 4px 0 0}
#right-part .photo-artiste-sup1-mini2 {float:left; margin:4px 0px 0 0}
#right-part #flashPlayer {width:198px; font-size:10px; text-align:center; margin:12px 0 0 0px; border:1px solid #999; /*background:#FF3399*/}
#xspf_player {text-align:center;}

#right-part .orchestre-compo {width:200px; margin:15px 0 20px 0px; color:#FEFEFE; font-size:10px; text-align: justify; /*background:#CCCCFF*/}

#menu-site {text-align:center; margin:20px 0 0 0; width:200px; /*background:#CCCCFF*/}
#menu-site ul { /*margin:0px auto 0 auto;*/}
#menu-site ul li {list-style-type: none; font-size:10px; font-weight:bold; line-height:15px; margin:1px 0; text-transform:uppercase}
#menu-site ul li a:link {color: #FEFEFE; text-decoration:none; display:block;  height:15px;}
#menu-site ul li a:visited {color: #FEFEFE; text-decoration:none; display:block; height:15px;}
#menu-site ul li a:hover {color: #FEFEFE; text-decoration:none; display:block; height:15px; background-color:#990000}
#menu-site ul li a:active {color: #060708; text-decoration:none; display:block; height:15px; background-color:#FEFEFE}
#menu-site ul li span {color: #FEFEFE; text-decoration:none; background-color:#990000}

#calendar {margin:30px auto 0 auto; width:170px; text-align:center; font: Arial Narrow, Helvetica, sans-serif; font-size:11px; font-weight:bold; /*background:#CCC*/}
#calendar .ligne-cal {border:0px; width:150px;}
#calendar .day-cal {float:left; border:1px solid #fefefe; margin:0 10px 7px 0; display:block; width:25px; height:14px; color:#FEFEFE; cursor:pointer}
#calendar .day-on {float:left; border:1px solid #990000; margin:0 10px 7px 0; display:block; width:25px; height:14px; color:#990000; cursor:pointer}
#calendar .day-click {float:left; border:1px solid #990000; margin:0 10px 7px 0; display:block; width:25px; height:14px; color:#990000; cursor:pointer}
#calendar .day-off {float:left; border:1px solid #fefefe; margin:0 10px 7px 0; display:block; width:25px; height:14px; color:#FEFEFE; cursor:pointer}
#calendar .day-past {float:left; border:1px solid #999999; margin:0 10px 7px 0; display:block; width:25px; height:14px; color:#999999; cursor:pointer}

/*
#calendar a {display:block; width:25px; height:15px; border:1px solid #fefefe; color:#FEFEFE; text-decoration:none}
#calendar a:hover {display:block; width:25px; height:15px; border:1px solid #990000; color:#990000; text-decoration:none}

#calendar a:link {display:block; width:20px; height:15px; border:1px solid #fefefe; color:#FEFEFE; text-decoration:none}
#calendar a:visited {display:block; width:20px; height:15px; border:1px solid #999999; color:#999999; text-decoration:none}
#calendar a:hover {display:block; width:20px; height:15px; border:1px solid #990000; color:#990000; text-decoration:none}
#calendar a:active {display:block; width:20px; height:15px; border:1px solid #FEFEFE; color:#FEFEFE; text-decoration:none}
*/

/* =============== Expo-Photo ======================*/
#right-part-gallery {float:left; width:660px; text-align:left; margin:20px 0 0 0px; padding:5px 0px 5px 0px; /*background:#CCFF99*/}
#right-part-gallery h2 {color:#FEFEFE; font-size:19px; width:430px; padding-left:5px; font-family:Arial Narrow, Helvetica, sans-serif; /*background:#CCCCFF*/}
#right-part-gallery h4 {margin:15px 0 20px 0; width:560px; color:#FEFEFE; padding-left:5px; font-size:12px; text-align:justify; font-weight:normal}

#thumbnails {/*float:right;*/ /*width:480px;*/width:auto; margin:0; clear:both; position:relative; /*background:yellow;*/}
#galleryNavigation {clear: both; float: left; margin: 5px 0 0 246px; display:inline; width: 29px;}
#galleryNavigation img.back {float:left;}
#galleryNavigation img.forward {float:right;}

/*=============== Footer ==========================*/
#footer {margin:15px 25px 12px 0; text-align:right; }
#footer ul{font-size: 12px; color: #FEFEFE; font-family: Arial, sans-serif; }
#footer li{display:inline; list-style-type:none;  text-align:center}
#footer li a {color: #FEFEFE; text-decoration:none; padding:0px 5px 0px 0px;}
#footer li a:visited{color: #999999; text-decoration:none}
#footer li a:hover, #footer li a:active {color: #990000; text-decoration:none;}

/* ================ LINKS ===========================*/
#web-links {margin:0px auto; width:700px; height:1px; overflow:hidden; color:#060708; font-family:Verdana, sans-serif; font-size:9px; visibility: hidden; }
#web-links ul {margin:0px; padding:0px; list-style-type:none;  }
#web-links li {display:inline;}
#web-links ul li a:link, #web-links ul li a:visited, #web-links ul li a:hover, #web-links ul li a:active { color:#060708; font-weight:normal; text-decoration:none; cursor: default}