/* Menu */
#menu .menu li a { color: #9E1CD8; }

/* Sous menu */
#menu div.submenu { background-image: url('/images/submenu-soirees.png'); background-color: #9E1CD8; }
#menu div.submenu ul { background-image: url('/images/submenu-bottom-soirees.png'); }
#menu div.submenu ul li a:hover { background-color: #9E1CD8; } 
#menu div.submenu ul li a.selected, #menu div.submenu ul li a.selected:hover { background-color: white; color: #9E1CD8; } 

/* Pied de page */
#footer { border-color: #9E1CD8; }
a { color: #9E1CD8; }

#wire { background-image: url('/images/icons/events_home.gif'); background-repeat:no-repeat; margin:4px; padding-left:20px; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Visu */
#members { padding:2px; }
#members img { width: 48px;  margin:0px; border:1px solid #A736E6; }


/* Cities */
.letter { border:1px solid red; }

.infobox { margin:10px; padding:10px; border: 1px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; float:left; width:210px; }
.infobox .infot { border-bottom: 1px solid #9E1CD8; font-weight: bold;  font-size: 1.3em; padding-left: 48px; padding-top:12px; background-repeat: no-repeat;  color: #AAAAAA; height:20px; }
.infobox .infot span { color: #9E1CD8; }
.city { margin:4px; }


/* Calendar */
#pattern { width:240px; float:right; border:1px solid #E7C4EA; /*background-color:#FFFFE2;*/ background:#FCE0FF url('/images/seek.gif') right top no-repeat; margin:2px; }
#visupattern { width:240px; float:right; border:1px solid #E7C4EA; background:#FCE0FF url('/images/bgvisu.gif') right top no-repeat; margin:2px; }
#visupattern .content { padding:10px; }
#seek { width:240px; float:right; border:1px solid #5BAC2E; background:#E6F2DF; margin:2px; clear:both; }
#pattern .title, #visupattern .title { font-size:18px;font-weight:bold; padding:4px; }
#pattern select { width:132px; }
#pattern .seek { padding:5px 30px 5px 15px; text-align:right; }
#pattern .seek div { text-align:right; }

#calendar { width:219px;  margin-bottom:5px; margin:0 auto; }
#calendar .bottom { color:#BC1320; font-weight:bold; text-align:center; /*background-color:#FFC9C9;*/ clear:both; margin:0 auto; position:relative; top:3px; padding:2px; cursor:pointer; }
#calendar .lday { font-weight:bold; text-align:center; width:27px; height:15px; margin:2px; float:left; }
#calendar .actual, #calendar .today, #calendar .next, #calendar .old, #calendar .oldbold { cursor:pointer; color:#784A84;  font-weight:bold; text-align:center; width:27px; height:27px;  margin:2px; float:left; }
#calendar .actual { background-image: url('/images/calendar_day.gif'); }
#calendar .old { background-image: url('/images/calendar_day_old.gif'); color:#D5D5D5; }
#calendar .oldbold { background-image: url('/images/calendar_day_old_bold.gif'); color:gray; }
#calendar .today { background-image: url('/images/calendar_day_actual.gif'); color:#BC1320; /*background-position:100% -54px; */ }
#calendar .next { background-image: url('/images/calendar_day_next.gif'); color:#D3B3E3; }
#calendar span { position:relative; top:6px; }
#calendar .event { background-position:-27px 0px; }
#calendar .month div { padding:2px;border-bottom:1px solid #D8C1E3;font-size:14px;font-weight:bold;text-align:center; }
#calendar .direction { float:left;width:10px;}
#lmonth { width:175px;float:left; }
.hide { display:none; }

.button { margin:10px 10px 10px 60px; background: url('/images/boutonsortie.gif') no-repeat; border: none; color: #784A84; width: 116px; font-weight: bold; text-align: center; padding-left: 15px; }

.iconc { position:relative; top:7px; width:32px; height:28px; margin-right:3px; }


.event { float:left; width:524px; margin-top:2px;  }

/*.event .title { background-image: url('/images/up_event.jpg'); color:#8E579E; padding:4px 4px 4px 8px; font-weight:bold; font-size:13px; }*/
.event .title { padding-top:4px; font-size: 12px; font-weight: bold;  text-align: center; color: #9508D6; border-bottom: 1px solid #CCCCCC; white-space: nowrap; /*background: #DEAEF2 url('/images/bottomboxbgpurple.gif') repeat-x;*/ background-image: url('/images/up_event.jpg'); color:#8E579E; height:18px; }

.event .evcontent { border-bottom:1px solid gray; }
.event .sel { cursor:pointer; height:70px;padding-left:4px; }
/*.event .content:hover { background:red; }*/
.event .evcontent .affiche { float:left; width:48px; height:48px; border:1px solid #CCCCCC; padding:1px; margin:5px 5px 5px 0; }
.event .evcontent .bigaffiche { float:left; border:1px solid #CCCCCC; padding:1px; margin:5px 5px 0 0; }
.event .evcontent .subtitle { font-weight:bold; font-size:12px; color:#9E1CD8; padding:4px;  }
.event .evcontent .date {  width:36px; height:36px; text-align:center; font-weight:bold; float:left; position:relative; left:4px; top:-3px; background: url('/images/calbg.gif') no-repeat; }
.event .evcontent .up { margin-top: 9px; font-size:11px; font-weight:bold; color:#BC1320; }
.event .evcontent .bottom { font-size:11px; font-weight:bold; font-stretch:semi-expanded; position:relative; top:-2px;  }
/* ANCIEN 
.event .content .date {  width:30px; height:30px; border:1px solid #CCCCCC; text-align:center; font-weight:bold; float:left; position:relative; left:4px; top:1px; }
.event .content .up { font-size:13px; background:#FFFFCC; }
.event .content .bottom { font-size:11px; background:#FFCCFF; }
*/
.event .evcontent .lieu { float:left; margin:2px 0px 0px 10px; }
.event .evcontent .lieu span { font-weight:bold; }
/*.event .evcontent .type { float:right; font-weight:normal; }*/



/* Boite */
fieldset.box legend { color: #9E1CD8; }
/*input.submit { border: 1px solid #d9dfea; border-right: 1px solid #0e1f5b; border-bottom: 1px solid #0e1f5b; background-color: #01A6D3; color: #ffffff;  }*/

/* Boite d'Upload */
#iframe_upload { display: none; }
#input_file { border: 1px solid gray;}
#module_loading { display: block; }
#selectfile_box { display: none; }
#uploadfile_box { display: none; text-align: left; }
#upload_box { border: 1px solid #E1E1E1; margin: 7px auto; width: 450px; padding: 5px 10px; }
#upload_box div { padding: 5px 0; }


/* myevents */
.table { width: 776px; border: 1px solid #CCCCCC; text-align: left; border-spacing: 1px; background: #FFFFFF; margin-bottom:5px; }
th { font-size: 12px; font-weight: bold; height: 24px; text-align: center; color: #9508D6; border-bottom: 1px solid #CCCCCC; white-space: nowrap; /*background: #DEAEF2 url('/images/bottomboxbgpurple.gif') repeat-x;*/ background-image: url('/images/up_event.jpg'); color:#8E579E; height:22px; }
tr.row1 { background-color: #EEEEEE; }
tr.row2 { background: #FFFFFF; }
tr.foot { background: #F5F5F5; }
.foot { text-align:right; height:25px; }
.pagination {  font-weight:normal; background: #F5F5F5; }
.headbox { text-align:left; font-size: 12px; color:white; padding-left:10px; background: #B15AE3 url('/images/upboxbg.gif') repeat-x; height:22px; }
.levent { padding:2px; text-align:left; }


.state span { color:gray;font-style:italic }
.tderror { border:1px solid red; text-align:center; color:red; padding:5px; }

TABLE.aide { border: 1px solid #9508D6; position: absolute; display: none; width: 210px; background: white; }
TABLE.aide TR { border: none; background: #F7F7F7; width: 210px; }
TABLE.aide TD { border: none; cursor: pointer; width: 210px; text-align:left; padding-left:4px; }

/* addEvent */
#addevent { border:1px solid #CCCCCC } 
#neweventright, #neweventleft { width:386px; }
#neweventright { float:right; }
#neweventleft { float:left; }
#upboxbg { background: #B15AE3 url('/images/upboxbg.gif'); color: white; font-weight: bold; padding: 3px 7px; }
#addevent div.field, #addevent div.fieldg { padding:7px; margin:1px; }
#addevent div.fieldg { background-color:#EEEEEE; }
#addevent label { padding: 3px 5px; width: 100px; float: left; clear: left; text-align: right; }
#addevent label span { color: red; }
#addevent input.txt { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 200px; }
#addevent select { padding: 1px 2px; margin: 0px 1px; border: 1px solid #A7A6A9; width: 250px; }
#addevent p.underhelp { margin: 0 0 0 205px; padding: 0; color: #CACACA; width: 250px; }
#addevent .centerinsc {  margin: 0 0 0 215px; }

/* tooltip */
#tooltip { position: absolute; display: none; z-index: 20; }
#tooltip div { border: 1px solid #A736E6; background-color: #E7C4EA; padding: 2px; }
#tooltip span.img { bottom: 0px; position: absolute; left: 5px; display:block; width: 9px; height: 6px; overflow: hidden; display: block; background: url('/images/tooltipointer2.gif') no-repeat;  }