/* ===================================================================== */
/*                                BASE                                   */
/* ===================================================================== */
html       { margin:0px; padding:0px }
body       { margin:0px; padding:0px; font-family:Arial, Hlevetica, sans-serif; font-size:12px; color:#000000; background-color:#670c58 }

div#page   { position:relative; width:1006px; margin:0 auto }

div#gauche { position:absolute; left:0px; width:228px; min-height:360px; background-image:url(images/gauche.jpg); background-position:left top; background-repeat:no-repeat }
div#droite { position:absolute; right:0px; width:213px; min-height:268px; background-image:url(images/droite.jpg); background-position:left top; background-repeat:no-repeat }
div#centre { margin:0px 213px 0px 228px; padding:0px 0px 0px 0px }

input, textarea, select { background-color:#ffffff; border:1px solid #000000 }
input#bt_envoyer        { cursor:pointer; border:1px solid #c93c10; background-color:#c93c10; color:#FFFFFF }
select      { border:1px solid }
form        { margin:0px; padding:0px }
hr          { height:1px; padding:0; background-color:#000000; border:0px }
dfn         { font-style:normal }
p, li       { font-size:12px }
img         { border:0px }

a       { color:#660c5a; text-decoration:underline }
a:hover { color:#660c5a; text-decoration:underline }

a.noborder, a.noborder:hover { text-decoration:none } /* Pour les icones W3C */
img.icone     { border:0px }

/* ===================================================================== */
/*                              ENTETE                                   */
/* ===================================================================== */
div#top     { width:1006px; height:183px; background-image:url(images/top.jpg); background-position:top left; background-repeat:no-repeat }
div#bandeau { width:1006px; height:100px }


/* ===================================================================== */
/*                          MENU PRINCIPAL                               */
/* ===================================================================== */
div#RootMenu { height:33px; width:565px; background-image:url(images/rootmenu.gif); background-position:top left; background-repeat:no-repeat }
ul#menu      { margin:0px; padding:0px 0px 0px 45px; list-style-type:none }
ul.ssmenu    { margin:0px; padding:0px; list-style:none; width:160px; padding-bottom:1px }

li.menu_rubrique_first        { display:block; float:left; font-size:11px; text-align:center; height:15px; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; color:#5c5c5c }
li.menu_rubrique_first_select { display:bllock; float:left; text-align:center; font-size:11px; height:15px; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; color:#660c5a }

li.menu_rubrique         { display:block; border-left:1px solid #5c5c5c; float:left; font-size:11px; text-align:center; height:15px; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; color:#5c5c5c }
li.menu_rubrique_select  { display:bllock; border-left:1px solid #5c5c5c; float:left; text-align:center; font-size:11px; height:15px; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; color:#660c5a }

li.menu_rubrique a, li.menu_rubrique_first a             { color:#5c5c5c; text-decoration:none }
li.menu_rubrique a:hover, li.menu_rubrique_first a:hover { color:#FFFFFF; text-decoration:none }

li.menu_rubrique_select a, li.menu_rubrique_first_select a             { color:#FFFFFF; text-decoration:none }
li.menu_rubrique_select a:hover, li.menu_rubrique_first_select a:hover { color:#FFFFFF; text-decoration:none }

li.menu_page         { line-height:15px }
li.menu_page a       { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none }
li.menu_page a:hover { text-decoration:underline }

li.menu_page_select         { line-height:15px }
li.menu_page_select a       { color:#CC6666; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none }
li.menu_page_select a:hover { color:#8F7B86; text-decoration:underline }


/* ===================================================================== */
/*                             CONTENU                                   */
/* ===================================================================== */
div#cadre_titre    { width:565px; height:87px; background-image:url(images/cadretitre.gif); background-position:left top; background-repeat:no-repeat }
div#cadre_titre h1 { height:34px; width:505px; margin:0px 30px 0px 30px; padding:10px 0px 0px 0px; color:#690c16; font-weight:normal; font-size:18px; background-image:url(images/pointilles.gif); background-position:bottom; background-repeat:repeat-x }

div#contenu { min-height:300px; width:505px; margin:0px; padding:0px 30px 0px 30px; background-image:url(images/contenu.gif); background-position:left top; background-repeat:no-repeat; background-color:#FFFFFF }

/* Styles de mise en page */
div#contenu img {  }

/* Pièces jointes */
h2#piece_jointe_titre   { margin:0px; background-color:#C6CDD7; color:#616E7F; font-size:11px; height:18px; line-height:18px; font-weight:bold; text-indent:10px; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#F4F5F9; text-indent:10px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#8C9BAE; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline }


/* ===================================================================== */
/*                          PAGE D'ACCUEIL                               */
/* ===================================================================== */
h1#titre_actu { height:34px; width:505px; margin:0px 30px 0px 0px; padding:10px 0px 0px 0px; color:#690c16; font-weight:normal; font-size:18px; background-image:url(images/pointilles.gif); background-position:bottom; background-repeat:repeat-x }


/* ===================================================================== */
/*                          PAGE MUSICIENS                               */
/* ===================================================================== */
div.cadreCv      { position:relative; width:505px; padding-top:10px; background-image:url(images/pointilles.gif); background-position:top center; background-repeat:repeat-x }
div.cadreCvFirst { position:relative; width:505px }
div.cadre_photo  { width:220px; float:left }
div.corps_cv     { margin-left:220px; width:285px }

h1.titre_cv        { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#690c16; font-weight:normal; font-size:18px }
div.fonction       { font-size:14px; color:#6E6E6E }
div.corps_cv ul    { list-style-type:none; padding:20px 0px 20px 0px; margin:0px }
div.corps_cv ul li { padding:0px; margin:0px 0px 5px 0px }



/* ===================================================================== */
/*                         PROGRAMMATION                                 */
/* ===================================================================== */
div.cadre_concert { padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; background-image:url(images/pointilles.gif); background-position:bottom; background-repeat:repeat-x }
div.cadre_dates { height:120px; float:left; width:120px }
div.ShowDate    { float:left; padding:0px 5px 0px 20px; margin:0px 0px 0px 0px; background-image:url(images/fleche_date_prog.gif); background-position:left center; background-repeat:no-repeat }
div.cadre_concert_fiche { padding:20px 0px 20px 0px; margin:0px 0px 0px 0px }

div.fond_date   { width:85px; height:100px;  padding-top:10px; background-image:url(images/fond_dates.gif); background-position:center; background-repeat:no-repeat }
div.jour        { color:#FFFFFF; font-size:11px; text-align:center }
div.jour_num    { color:#FFFFFF; font-size:24px; text-align:center }
div.mois        { color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center }
div.reste       { color:#FFFFFF; font-size:11px; text-align:center }

div.cadre_nom     { margin-left:125px }
div.cadre_nom h3  { margin:0px; padding:0px; text-align:left; color:#660C5A; font-size:18px; font-weight:normal }
div.lieux_concert { color:#6e6e6e; text-align:left }
div.cadre_texte   {  }

/* ===================================================================== */
/*                               MEDIAS                                  */
/* ===================================================================== */
div#cadre_lecteur    {  }
div#cadre_lecteur h2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#690c16; font-weight:normal; font-size:18px }

/* Galerie d'images */
ul#ssmenu_media      { list-style-type:none; height:50px; padding:0px 0px 0px 0px; margin:0px }
ul#ssmenu_media li   { display:block; float:left; margin-right:10px }
li.themeSelect       { background-color:#660c5a; padding:5px; color:#FFFFFF }
li.themeSelect a     { color:#FFFFFF }
li.themeNoSelect     { padding:5px }
li.themeNoSelect a   { color:#660c5a }

ul.vignette_client             { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }
ul.vignette_client li          { width:140px; height:150px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; float:left; display:block; text-align:left }
ul.vignette_client div.legende { text-align:left; font-size:10px; color:#949494 }
ul.vignette_client img         { border:1px solid #949494; padding:5px; width:100px; height:100px }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ===================================================================== */
/*                          PLAN DU SITE                                 */
/* ===================================================================== */
ul#plan_du_site { margin:0px; padding:0px; list-style-type:none }
ul.plan_ssmenu  { margin:0px; padding:0px; list-style:none; width:160px; padding-bottom:1px }

li.plan_menu_rubrique         { display:bllock; font-size:14px; height:23px; margin:0px; padding:5px }
li.plan_menu_rubrique a       { color:#660c5a; text-decoration:none }
li.plan_menu_rubrique a:hover { color:#a8469e; text-decoration:underline }

li.plan_menu_rubrique_select         { display:bllock; font-size:14px; height:23px; margin:0px; padding:5px; color:#660c5a }
li.plan_menu_rubrique_select a       { color:#a8469e; text-decoration:none }
li.plan_menu_rubrique_select a:hover { color:#660c5a; text-decoration:underline }

li.plan_menu_page         { line-height:15px }
li.plan_menu_page a       { color:#000000; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none }
li.plan_menu_page a:hover { text-decoration:underline }

li.plan_menu_page_select   { line-height:15px }
li.plan_menu_page_select a { color:#CC6666; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none }


/* ===================================================================== */
/*                          PAGE CONTACT                                 */
/* ===================================================================== */
label.legende      { display:block; }
input.inputexte    { display:block; width:500px; margin-bottom:15px }
textarea.textarea1 { width:500px; margin-bottom:15px }
div#envoyer        { width:500px; text-align:center; height:30px }
select.inputselect { margin-bottom:15px }


/* ===================================================================== */
/*                          PIED DE PAGE                                 */
/* ===================================================================== */
div#pied               { width:565px; padding-bottom:20px; background-image:url(images/pied.gif); background-position:top center; background-repeat:no-repeat }
div#pied ul            { list-style-type:none; padding:10px 0px 0px 0px; margin:0px; color:#a8469e; text-align:center }
div#pied ul li         { display:inline; margin:0px 5px 0px 5px; font-size:10px }
div#pied ul li a       { color:#a8469e; text-decoration:none }
div#pied ul li a:hover { color:#FFFFFF; text-decoration:underline }