/* #################################*/
/*### ESPRIT JAZZ FESTIVAL 2009 ###*/
/* ###############################*/

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

/* Hack FF bordure pointille */
a {outline: none;}
:focus{-moz-outline-style: none;}

* html ul li a {zoom:1;}  /* Hack IE 6 pour éviter espace li menu*/

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

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

#displayLog {position:absolute; top:0px; left:0px; border:1px solid #DDD; padding:7px; display:none}
#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:Tahoma, Arial Narrow, Helvetica, sans-serif; padding-left:10px; height:20px; width:800px; text-transform:uppercase; color:#990000; font-size:20px; font-weight:normal}
#top-title h1 span {text-transform:uppercase}

#top-title-home {margin:0px auto 0px auto; width:850px; text-align:left; height:21px; overflow:hidden; padding-bottom:10px}
#top-title-home h1 {font-family:Arial Narrow, Helvetica, sans-serif; padding-left:10px; width:800px; text-transform:uppercase; color:#990000; font-size:20px;  font-weight:normal; float:left;}
#top-title-home h1 span {text-transform:uppercase}
#top-title-home a.flag {display:block; width:24px; height:16px; text-decoration:none; text-indent:-999em; border:1px solid #060708; float:right; margin:4px 5px 0 0;}
#top-title-home a:hover.flag {border:1px solid #FFF;}
#top-title-home a.fr {background:url(../images/french-flag_mini_3.gif) no-repeat;}
#top-title-home a.en {background:url(../images/british-flag_mini_3.gif) no-repeat}

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

/*=============== Left Part ==========================*/
#left-part {float:left; width:180px; text-align:left; margin:10px 0 0px 0px; padding:0px 0px 0px 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:17px auto 0 auto; }
#menu-artistes ul li {list-style-type: none; font-size:10px; font-weight:bold; line-height:11px; margin:3px 0; text-transform:uppercase; }
#menu-artistes a {padding:0 0 1px 2px;}
#menu-artistes ul li a:link {color: #FEFEFE; text-decoration:none; display:block;  background-color:#060708;}
#menu-artistes ul li a:visited {color: #FEFEFE; text-decoration:none; display:block;  background-color:#060708;}
#menu-artistes ul li a:hover {color: #FEFEFE; text-decoration:none; display:block;  background-color:#990000;}
#menu-artistes ul li a:active {color: #060708; text-decoration:none; display:block;  background-color:#fefefe;}
#menu-artistes ul li.panierLink {margin-top:10px}

#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:140px; 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}

#menu-artistes .logoPartner {margin:5px 0 0 13px;}
#menu-artistes .logoPartner a {padding:0px}
#menu-artistes .logoPartner img {display:block; margin:4px 0 0 0;}

#menu-artistes .partnerBox {margin:5px 0 0 10px; background:#990000; color:#FEFEFE; font-size:11px; width:150px; padding:5px;}
#menu-artistes .partnerBox a {padding:0px; color:#FEFEFE; text-decoration: underline; font-weight:bold;}
#menu-artistes .partnerBox a:hover {text-decoration: none;}

/*=============== Center Part ==========================*/
#center-part {padding:0 0 0px 0px; }
#center-part .eventsBox {height:500px}
* html #center-part .eventsBox {height:auto}	/* bug IE6*/
#center-part .expoBox {}
#center-part .dayNoSelected {display:none}
* html #center-part .dayNoSelected {display:block}	/* bug IE6*/
#center-part .daySelected {display:block}
#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:20px; font-weight:normal; width:430px; padding-left:5px; font-family:Tahoma, Arial Narrow, Helvetica, sans-serif; /*background:#CCCCFF*/}
#center-part h2 em {font-style:normal; font-size:14px; color:#990000; font-weight:bold;}
#center-part p em {/*font-style:normal;*/ font-size:14px; color:#990000; font-weight:bold;}
#center-part h3 {color:#FEFEFE; font-size:13px; width:430px; padding-left:5px; font-family:Tahoma, Helvetica, sans-serif; /*background:#CCCCFF*/}
#center-part h3.sponsor {font-size:15px; line-height:30px; background:url(../images/partenaires/FONBNPP_BM_F_BL_Q.jpg) no-repeat 100% 50%;}
#center-part h3.sponsor a {text-decoration: none;}
#center-part img.logo {padding:5px 0px 0px 5px;}
#center-part h2 span {text-transform:uppercase}
#center-part h2 span.smaller {text-transform:none; font-size:18px; }
#center-part h3 .bigger {font-size:15px;}
#center-part h4.titre { text-align:left; padding:0; margin:10px 0 0 5px; color: #FFF; font-size:13px; font-weight:bold; }
#center-part img.logo_partner {/*display:block;*/ /*width:78px;*/ height:52px; margin:10px 0 0 6px;}
#center-part p.infosContent {padding:0; margin:3px 0 0 5px;  }
#center-part ul.infosContent {margin:3px 0 0 5px;}
#center-part ul.infosContent li {list-style:none; font-size:12px; padding:0 80px 10px 0}
#center-part ul.infosContent li.cristal {background:url(../images/cristal.gif) no-repeat top right; padding-bottom:30px}
#center-part ul.infosContent li.selmer {background:url(../images/selmer.gif) no-repeat top right; padding-bottom:38px}
#center-part ul.infosContent li.umj {background:url(../images/umj.gif) no-repeat top right; padding-bottom:25px}
#center-part ul.infosContent li.sunside {background:url(../images/sunside.gif) no-repeat top right; padding-bottom:20px}
#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 .floating {float:left; width:310px;}
#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 .spacer {display:block; height:10px; width:1px}
#center-part .web-links {margin:20px 0 10px 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 {display:block;}
#center-part .web-links a.persoLink {background:url(../images/puce-sup-white.gif) no-repeat 0px 2px; padding:0 0 0 16px; line-height:12px; margin:0 0 3px 0;}
#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-media {margin:35px 0 0px 20px; font-size:12px; }
#center-part .web-links-media a {display:block; color: #FEFEFE; text-decoration:underline; font-size:12px; }
#center-part .web-links-media a:visited {color: #999999; text-decoration:none; }
#center-part .web-links-media a:hover, #center-part .web-links-media a:active {color: #990000; text-decoration:none}
#center-part .web-links-media a.tvIcon {width:280px; padding:3px 0 0px 0px; line-height:31px; background:url(../images/TV-icone.gif) no-repeat top right; }
#center-part .web-links-media a.speakerIcon  { width:150px; padding:0px 0 0px 0px; line-height:20px; background:url(../images/speaker-icon.gif) no-repeat top right; }

#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 ul.submenu {margin:15px 0 20px 20px;}
#center-part ul.submenu li {list-style:none; font-size:12px; margin-top:15px;}
#center-part ul.submenu li a {}
#center-part ul.submenu li a:link {color: #FEFEFE; text-decoration:underline; }
#center-part ul.submenu li a:visited {color: #999999; text-decoration:none; }
#center-part ul.submenu li a:hover, #center-part .home-links a:active {color: #990000; text-decoration:none}

#center-part .logoBox{float:left; margin:13px 10px 0 0;}
#center-part .logoBox img {display:block; margin:4px 0 0 0;}

#center-part p.inner-para {width:400px; margin:20px 0px 0px 10px; font-size:13px}
#center-part p.para-sup1 {margin-top:10px;}
#center-part p span.small {font-size:11px}

#center-part .infos-date-partenaire {width:400px; margin:0px 0 0px 20px;  overflow:hidden; /*background:#CCCCFF*/}
#center-part .logo-partenaire {float:left; padding:40px 0 0 20px; width:160px; visibility:visible; /*background:#CCCCcc;*/ overflow:hidden;}
#center-part .logo-partenaire-monnaie {float:left; padding:50px 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:40px 0 0 70px; /*background:#CCCCcc*/}
#center-part .logo-partenaire-showcase {float:left; padding:45px 0 0 0px; /*background:#CCCCcc*/}
#center-part .logo-partenaire-sunset {float:left; padding:20px 0 0 0px; /*background:#CCCCcc*/}

#center-part .logo-partenaire img {border:0px}
#center-part .infos-concert {float:left; text-align:right; width:200px; padding:0 0 0 20px; /*background:lime*/}
* html #center-part .infos-concert {display:inline-block; }	/* IE6 */
#center-part .infos-concert .spacerInfos {height:20px}
#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;*/ margin:8px 0 0 0; font-family:Arial Narrow, Helvetica, sans-serif; font-weight:bold; background:url(../images/anneau-BG.gif); /*background-position:93% 0%;*/ background-position:83% 0px; background-repeat:no-repeat; line-height:43px; padding:2px 0 0 0}
#center-part .infos-concert .horaire {font-size:14px; font-weight:bold; font-family:Arial Narrow, Helvetica, sans-serif; margin-top:-5px}
#center-part .infos-concert .lieu {font-size:12px; font-weight:bold; }
#center-part .infos-concert .tarif {font-size:12px; font-weight:bold; margin-top:3px;}
#center-part .infos-concert .tarif span {/*text-transform:capitalize;*/ color:#990000; font-weight:bold; }
#center-part .infos-concert .reservation-page {margin:15px 0 0 0px; text-align:left; float:right; /*overflow:hidden;*/ }
#center-part .infos-concert .reservation-page a {display:block; width:140px; height:32px; background-position:0% 0%; font-size:10px; text-indent:-999em;  }
#center-part .infos-concert .reservation-page a.fr {background:url(../images/tickets-link.gif) no-repeat; }
#center-part .infos-concert .reservation-page a.fr:hover {background:url(../images/tickets-link.gif) no-repeat;  background-position:0% 100%}
#center-part .infos-concert .reservation-page a.en {background:url(../images/tickets-link_en.gif) no-repeat;}
#center-part .infos-concert .reservation-page a.en:hover {background:url(../images/tickets-link_en.gif) no-repeat;  background-position:0% 100%}
#center-part .infos-concert .reservation-page span {font-size:10px;}
/*
#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;*/ margin:25px 0 0 26px; overflow:hidden; /*background:#FF33CC;*/}
#center-part .print-mail .print {float:left; padding-right:0px;}
#center-part .print-mail .print a {display:block; width:80px; text-decoration:none; background: url(../images/imprimer.gif) no-repeat; background-position:0% 50%; line-height:14px; padding-left:23px;}
#center-part .print-mail .acces {float:left;}
#center-part .print-mail .acces a {display:block; width:110px; text-decoration:none; background:url(../images/plan-acces.gif) no-repeat; background-position:0% 50%; line-height:14px; padding-left:23px;}
#center-part .print-mail a:hover {text-decoration:underline;}
#center-part .print-mail span {}

#center-part .eventDay {margin:12px 0 0 0;}
#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;*/ margin:0px 0 0 0; font-family:Arial Narrow, Helvetica, sans-serif; font-weight:bold; background:url(../images/anneau-BG.gif) no-repeat; background-position:94% 0px; line-height:43px; padding:1px 0 0 0}
#center-part .infos-concert-calendar .date2 {text-align:left; margin-left:150px; font-size:23px; padding-top:2px; font-family:Arial Narrow, Helvetica, sans-serif; font-weight:bold; }
#center-part .titre {text-align:left; margin-left:150px;  color:#990000}
#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 h4 em {font-style:normal; 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; }
#center-part .evenement .descriptif span.hour {font-size:10px}
#center-part .evenement .descriptif .moreInfos {text-align:right; margin:5px 5px 0 0; }
#center-part .evenement .descriptif .moreInfos a {color:#FEFEFE; text-decoration:underline; font-size:10px; }
#center-part .evenement .descriptif .moreInfos a:hover{ text-decoration:none; color:#FEFEFE;}

#center-part .extLink {width:280px; margin:18px 0 0 140px;}
#center-part .extLink a {display:block; padding:4px 2px 4px 40px; font-size:13px; color:#990000; font-weight:bold; }
#center-part .extLink a:hover {}
#center-part .extLink a.videoLink {background:url(../images/TV-icone.gif) no-repeat; background-position:0% 50%}
#center-part .extLink a.photoLink {background:url(../images/photo-icone.gif) no-repeat; background-position:6px 50%; padding:8px 2px 8px 40px; margin-top:2px}

/*=============== 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 {margin:0px 0 4px 0}
#right-part .photo-artiste img {width:200px;}
#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 10px 0px; color:#FEFEFE; font-size:10px; text-align: justify; /*background:#CCCCFF*/}
#right-part .orchestre-compo strong {font-size:11px; display:block; margin-top:5px;}

#jukebox {text-align:center }
#jukebox .lien {margin:0px; padding:0px 0px 0px 5px; text-align:left}	
/*#jukebox .vignette_jukebox {margin:15px auto 0px auto; display: block; border:0px}*/
#jukebox a {text-decoration:none; text-indent:-999em; border:0px}
#jukebox a.vignette_jukebox {margin:15px auto 0px auto; display:block; width:120px; height:88px; background:url(../images/LOGO-EJRADIO.gif) no-repeat; background-position:0% 0%}
#jukebox a:hover.vignette_jukebox {background:url(../images/LOGO-EJRADIO.gif) no-repeat; background-position:0% 100%}

#mediaLinks {margin-top:7px;}
#mediaLinks a {display:block; border:1px solid #990000; font-size:10px; color: #FEFEFE; text-transform:uppercase; text-decoration:none; text-align:left; padding:4px 2px 4px 40px; margin-top:3px;}
#mediaLinks a:hover {border:1px solid #FEFEFE; color: #990000; text-decoration:none;}
#mediaLinks a#videoLink {background:url(../images/TV-icone.gif) no-repeat; background-position:0% 50%}
#mediaLinks a#audioLink {background:url(../images/speaker-icon.gif) no-repeat; background-position:0% 50%}

#menu-site {text-align:center; margin:10px 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 {color: #FEFEFE; text-decoration:none; display:block; /*height:15px;*/}
#menu-site ul li a:hover {color: #FEFEFE;  background-color:#990000}
#menu-site ul li a:active {color: #060708; background-color:#FEFEFE}
#menu-site ul li span {color: #FEFEFE; text-decoration:none; background-color:#990000}
#menu-site .uberlink {color: #FEFEFE; text-decoration:none; background-color:#990000; display:block; height:15px;}
#menu-site .reservation {margin:15px 0 0 0px}
#menu-site .reservation h3 {text-indent:-999em; font-size:10px}
#menu-site .reservation a {display:block; margin:0 auto; width:140px; height:32px; background-position:0% 0%}
#menu-site .reservation a:hover {background:url(../images/tickets-link.gif) no-repeat;  background-position:0% 100%}
#menu-site .reservation a.fr {background:url(../images/tickets-link.gif) no-repeat; }
#menu-site .reservation a.fr:hover {background:url(../images/tickets-link.gif) no-repeat;  background-position:0% 100%}
#menu-site .reservation a.en {background:url(../images/tickets-link_en.gif) no-repeat;}
#menu-site .reservation a.en:hover {background:url(../images/tickets-link_en.gif) no-repeat;  background-position:0% 100%}

#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}

#calendarTable {text-align:left; margin:14px 0 0 -5px;}
#calendarTable table {/*border-collapse: collapse; border-spacing:10px;*/ text-align:center; width:208px }
#calendarTable .spacer {height:5px; border-top:1px solid #990000; overflow:hidden}
#calendarTable th {font-size:13px; padding:0px 2px 0px 0; font-weight:normal; color:#fefefe;  }
#calendarTable td {color:#fefefe; font-size:11px; }
#calendarTable td.day-cal {font-weight:bold; border:1px solid #fefefe; width:24px; height:14px; color:#FEFEFE; cursor:pointer}
#calendarTable td.day-on {font-weight:bold; border:1px solid #990000; width:24px; height:14px; color:#990000; cursor:pointer}
#calendarTable td.day-click {font-weight:bold; border:1px solid #990000; width:24px; height:14px; color:#990000; cursor:pointer}
#calendarTable td.day-off {font-weight:bold; border:1px solid #fefefe; width:24px; height:14px; color:#FEFEFE; cursor:pointer}
#calendarTable td.day-past {font-weight:bold; border:1px solid #999999; width:24px; 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.entete {color:#FEFEFE; font-size:20px; font-weight:normal; width:560px; padding-left:5px; font-family:Tahoma, Arial Narrow, Helvetica, sans-serif; }
#right-part-gallery img.photographeHead {width:90px; position:absolute; margin:3px 0 0 5px }
#right-part-gallery img.floatImage {float:left;  margin:3px 5px 0 5px }
#right-part-gallery p.homeInfos {margin:15px 0 20px 0; width:570px; color:#FEFEFE;  padding-left:5px; font-size:12px; text-align:justify; font-weight:normal; }
#right-part-gallery p.homeInfos a.arrow {font-size:12px; background:url(../images/puce-sup-white.gif) no-repeat; background-position:0% 40%; padding-left:11px; line-height:12px}
#right-part-gallery ul.homeInfos {margin:-10px 0 20px 150px; padding:0px}
#right-part-gallery ul.homeInfos li {list-style:none; font-size:14px}
#right-part-gallery p span {font-size:11px; font-style:italic}
#right-part-gallery p.photographeBio {margin:5px 0 0px 100px; width:480px; padding:0 0 0 5px; font-size:12px; text-align:justify; font-weight:normal; }
#right-part-gallery p.infosGalery {margin:5px 0 0px 105px; width:480px; font-size:11px; font-style:normal; line-height:50px; padding:0 0 0 0px; background:url(../images/logo_digigraphie.gif) no-repeat; background-position:100% 50%}
#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;}

/* Boutique */
ul#boutiqueNav { margin:0px 0 0 5px; }
ul#boutiqueNav li {display:inline; list-style-type:none; margin:0 40px 0 25px; color:#666;}
ul#boutiqueNav li.last {margin:0}
ul#boutiqueNav li.ON {color:#FEFEFE; border-bottom:2px solid #FEFEFE; padding-bottom:1px}
#myBoutique {margin:20px 0 0 5px; /*background:pink*/}
#myBoutique table {border-collapse: collapse; width:640px; border:1px solid #fefefe}
#myBoutique table th {text-align:center; padding:3px 0; border-bottom:1px solid #fefefe; background:#FEFEFE; color:#060708; font-size:13px}
#myBoutique table th.photoName {width:330px; /*border-right:1px solid #06070*/}
#myBoutique table th.small {width:200px; }
#myBoutique table th.photoRef {width:100px; /*border-right:1px solid #060708*/}
#myBoutique table th.photoAuthor {width:140px; /*border-right:1px solid #060708*/}
#myBoutique table th.photoOptions {width:145px;}
#myBoutique table th.action {width:70px; }
#myBoutique table th.articles {width:510px;}
#myBoutique table th.montant { }

#myBoutique table tbody td {padding:5px 0; font-size:12px}
#myBoutique table tbody td.photoName {padding-left:7px; }
#myBoutique table tbody td.photoName span {display:block; float:left; width:240px; padding-top:12px }
#myBoutique table tbody td.photoName a {display:block; float:left; border:1px solid #060708 }
#myBoutique table tbody td.photoName a:hover {border:1px solid #666; color:#fefefe }
#myBoutique table tbody td.photoName a.simple:hover {border:1px solid #060708 }
#myBoutique table tbody td.photoRef {text-align:center;  }
#myBoutique table tbody td.photoAuthor {text-align:center;  }
#myBoutique table tbody td.photoOptions {text-align:left; }
#myBoutique table tbody td.photoOptions p { width:140px; margin:0 0 1px 0px; padding:0 0 0 5px; /*background:lime*/}
#myBoutique table tbody td.photoOptions p input.checkBox { width:12px }
#myBoutique table tbody td.photoOptions p label { cursor:pointer; margin:0 0 0px 2px; }
#myBoutique table tbody td.photoOptions p select {margin-left:10px; width:36px }
#myBoutique table tbody td.priceLine {text-align:left; }
#myBoutique table tbody td.priceLine span {display:block; text-align:center;width:100px; font-size:12px; font-weight:bold; color:#fefefe; margin:0 0 2px 10px; line-height:21px; }
#myBoutique table tbody td.action {text-align:center; font-size:11px }
#myBoutique table tbody td.action a {color:#fefefe; text-decoration:underline}
#myBoutique table tbody td.action a:hover {text-decoration:none; color:#990000}
#myBoutique table tbody td.noarticle {text-align:center; }
#myBoutique table tbody td.articles {}
#myBoutique table tbody td.articles h3 {margin:5px 0 0 10px; font-size:14px}
#myBoutique table tbody td.articles h3 a {}
#myBoutique table tbody td.articles p.ref {margin:5px 0 0 10px; width:auto}
#myBoutique table tbody td.articles ul {padding:5px 0 10px 30px}
#myBoutique table tbody td.articles ul li {list-style:none; font-size:12px; }
#myBoutique table tbody td.articles ul li span {display:block; float:left}
#myBoutique table tbody td.articles ul li span.intitule {padding:0 5px 0 0}
#myBoutique table tbody td.articles ul li span.format {font-weight:bold; font-size:12px; }
#myBoutique table tbody td.articles ul li span.sep {padding:0 5px 0 5px}
#myBoutique table tbody td.articles ul li span.qte {font-weight:bold; font-size:12px;/*width:355px*/}
#myBoutique table tbody td.articles ul li span.montant {float:right; color:#fefefe; font-weight:bold; font-size:12px; margin-right:45px}
#myBoutique table tbody td.montant {}
#myBoutique table tbody td.montant span.intitule {}
#myBoutique table tbody td.montant span.zone {}
#myBoutique table tbody td.shipping {text-align:right; font-weight:normal; font-size:12px; border-top:1px solid #fefefe; }
#myBoutique table tbody td.montantEnvoi {text-align:right; padding-right:45px; font-weight:normal; font-size:13px; border-top:1px solid #fefefe; }
#myBoutique table tbody td.montantEnvoi span {font-size:10px;}
#myBoutique table tfoot td.total {text-align:right; color:#060708; font-weight:bold; font-size:14px; border-top:1px solid #fefefe; border-right:1px solid #fefefe; background:#fefefe; padding:2px 0; }
#myBoutique table tfoot td.montantFinal {text-align:right; padding-right:45px; color:#990000; font-weight:bold; font-size:15px; border-top:1px solid #fefefe; background:#fefefe; }

#myBoutique p {font-size:12px;}
#myBoutique p.info {margin:0 0 20px 0;}
#myBoutique p.info2 {margin:0 0 20px 0;}
#myBoutique p.info2 label {margin-right:3px}
#myBoutique p.info2 input {cursor:pointer}
#myBoutique .errorInfos {width:640px; margin:0 0 7px 0; }
#myBoutique .errorInfos ul {border:1px solid #990000; padding:5px; background:#FEFEFE;}
#myBoutique .errorInfos ul li {margin:2px 0 4px 8px; color:#990000; list-style:none; font-size:12px; background:url(../images/puce-sup-red.gif) no-repeat; background-position:0% 40%; padding-left:11px; line-height:12px}
#myBoutique h2 {clear:both; font-size:20px; font-weight:bold; margin:15px 0 10px 0}
#myBoutique .coordonnees {}
#myBoutique .coordonnees p {clear:both; margin:3px 0 0 0; height:20px; overflow:hidden; }
#myBoutique .coordonnees p label {display:block; float:left;  text-align:right; width:150px}
#myBoutique .coordonnees p label span {color:#fefefe}
#myBoutique .coordonnees p input {display:block; float:left; margin-left:10px; width:300px; padding-left:3px}
#myBoutique .coordonnees p input.blured {border:1px solid #060708}
#myBoutique .coordonnees p input.focused {border:1px solid #990000; }
#myBoutique .coordonnees p input.bluredSmall {width:100px; border:1px solid #060708}
#myBoutique .coordonnees p input.focusedSmall {width:100px; border:1px solid #990000}
#myBoutique .coordonnees p select {margin-left:10px; width:305px; font-size:11px; }
* html #myBoutique .coordonnees p select {margin-left:7px;  }
#myBoutique #shippingAdressBloc {margin-bottom:10px}
#myBoutique #billingAdressBloc {margin-bottom:20px}

#myBoutique .coordonneesBox {float:left; width:300px; margin:15px 0 10px 0; }
#myBoutique .coordonneesBox h4 {margin:0 0 7px 0; font-weight:bold; font-size:12px; text-decoration:underline}
#myBoutique .coordonneesBox p.coord {margin:0; padding:0px}
#myBoutique .coordonneesBox p.coord span.up {text-transform:uppercase; font-style:normal}

#myBoutique .navBtn {margin:10px 0 20px 0; width:641px;}
#myBoutique .navBtn a.btn {display:block; float:left; text-decoration:none; padding:5px; border:1px solid #FEFEFE; font-size:12px; color:#FEFEFE}
#myBoutique .navBtn a:hover.btn {text-decoration:none;  border:1px solid #990000; color:#990000}
#myBoutique .navBtn a.right {float:right;}

#myBoutique .confirmationBox {width:640px; border:1px solid #fefefe; padding:5px; margin:0 0 10px 0}
#myBoutique .confirmationBox p {margin:15px 0 10px 20px; color:#FEFEFE; font-size:12px; text-align:justify; font-weight:normal}

/*=============== 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: #FEFEFE; 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}