/************************************************/
/*												*/
/*					GLOBAL						*/
/*												*/
/************************************************/

html, body {
    font:               11px Lucida Grande, Verdana, Arial, Helvetica, sans serif;
    margin:             0px;
    background-color:   #EDBE71;
    height:         100%;
}

img {
    border:             0px;
}

#top {
    background:         url(../img/fondTop.png);
    width:              894px;
    margin-left:        auto;
    margin-right:       auto;
    height:             31px;
}

#global {
    background:         url(../img/fondSuite.png) repeat-y;
    width:              894px;
    margin-left:        auto;
    margin-right:       auto;
    min-height:         100%;
    overflow:           auto;
}

label.slabel {
	width:			15em;
	float:			left;
	text-align:		right;
	padding-right:	18px;
	margin-right:	5px;
	color:			#CC3232;
	font-weight:	bold;
}

h1 {
    font-size:          24px;
    text-transform:     uppercase;
    font-weight:        bold;
    margin-top:         0px;
    margin-right:       5px;
}

h2 {
    color:              black;
    float:              left;
    font-size:          14px;
    font-weight:        bold;
    margin:             0px;
    margin-right:       10px;
}

h3 {
    color:              black;
    font-size:          14px;
    font-weight:        bold;
}

/************************************************/
/*												*/
/*					TOPMENU						*/
/*												*/
/************************************************/

#topmenu {
    background:         url(../img/wwllogo.png) no-repeat;
    width:              837px;
    height:             59px;
    margin-left:        30px;
    float:              left;
}

#topmenulinks {
    margin-left:        200px;
    margin-top:         10px;
    font-weight:        bold;
    font-size:          13px;
    text-transform:     uppercase;
    color:              black;
}

#topmenu img {
    vertical-align:     -0.5em;
}

#topmenu a {
    text-decoration:    none;
    color:              black;
}

#topmenu_admin {
    background:         url(../img/wwllogo.png) no-repeat;
    width:              837px;
    height:             59px;
    margin-left:        30px;
    float:              left;
}

#topmenulinks_admin {
    margin-left:        200px;
    margin-top:         10px;
    font-weight:        bold;
    font-size:          13px;
    text-transform:     uppercase;
}

#topmenu_admin img {
    vertical-align:     -0.5em;
}

#topmenu_admin a {
    text-decoration:    none;
    vertical-align:     middle;
    color:              black;
}

#homelink {
    height:             59px;
    width:              180px;
    float:              left;
}

/************************************************/
/*												*/
/*					LEFTMENU					*/
/*												*/
/************************************************/

#leftmenu {
    margin-top:         30px;
    margin-left:        30px;
    margin-right:       10px;
    float:              left;
    width:              190px;
}

#leftmenu a {
    color:              #000000;
    text-decoration:    none;
}

#leftmenu p {
    text-align:         right;
    padding-right:      10px;
}

#leftmenu h1 {
    font-size:          13px;
}

#artistmenu {
}

#artistmenu a.active_artists {
    color:              red;
}

#artistmenu a.active_news {
    color:              #FF9600;
}

#artistmenu a.active_agenda {
    color:              #FF9600;
}

/************************************************/
/*												*/
/*					HOME						*/
/*												*/
/************************************************/

#home {
    float:              left;
    margin-top:         30px;
    margin-left:        30px;
    padding-bottom:      30px;
    width:              840px;
}

#highbanner {
    float:              left;
    margin-right:       5px;
}

#agendahome {
    float:              left;
    width:              265px;
}

#righthome {
    float:              right;
    margin-right:       5px;
    width:              275px;
}

h1.titre {
    float:              left;
    font-size:          18px;
    font-weight:        bold;
    margin:             0px;
}

.connect_purple {
    background:         url(../img/connect_purple.png);
    background-position:right;
    background-repeat:  no-repeat;
    height:             12px;
    margin-bottom:      20px;     
    overflow:           hidden;
}

.connect_blue {
    background:         url(../img/connect_blue.png);
    background-position:bottom right;
    background-repeat:  no-repeat;
    height:             12px;
    margin-bottom:      20px;     
    overflow:           hidden;
}

.connect_green {
    background:         url(../img/connect_green.png);
    background-position:bottom right;
    background-repeat:  no-repeat;
    height:             12px;
    margin-bottom:      20px;     
    overflow:           hidden;
}

#micro {
    float:              right;
    margin-left:        10px;
}

#bientot {
    color:              #CC0000;
    font-size:          14px;
    font-weight:        bold;
    margin-bottom:      30px;
}

/************************************************/
/*												*/
/*					AGENDA						*/
/*												*/
/************************************************/

.event_artist {
    color:              #ff9600;
    text-transform:     uppercase;
    font-weight:        bold;
    font-size:          12px;
}

.listing_tn_event {
    float:              left;
    margin-right:       10px;
    border:             2px solid #ff9600;
}

/************************************************/
/*												*/
/*					ARTIST						*/
/*												*/
/************************************************/

#artist_agenda {
    float:              left;
    width:              250px;
    margin-right:       10px;
}

.artist_event {
    border-bottom:      1px dashed black;
}

#artist_bio {
    float:              left;
    width:              360px;
}

h2.artist_homenews {
    font-size:          14px;
    color:              #009900;
    font-weight:        bold;
}

.artist_news_title {
    font-size:          14px;
    font-weight:        bold;
}

.artist_news_subtitle {
    font-size:          12px;
    font-weight:        bold;
}

a.buylink {
    color:              red;
}

/************************************************/
/*												*/
/*					HISTORIC					*/
/*												*/
/************************************************/

#histo_musiquepop {
    float:              right;
    margin:             10px;
}

#histo_richard {
    float:              left;
    margin:             10px;
}

/************************************************/
/*												*/
/*					CONTENT						*/
/*												*/
/************************************************/

#identcontent {
    width:              450px;
    margin-left:        auto;
    margin-right:       auto;
    padding-top:        150px;
}

#identcontent h1 {
    width:              100%;
    text-align:         center;
}

#admincontent {
    width:              450px;
    margin-left:        auto;
    margin-right:       auto;
    padding-top:        150px;
}

#admincontent h2 a {
    text-decoration:    none;
    color:              #666666;
}

#admincontent h1 {
    width:              100%;
    text-align:         center;
}

#content {
    margin:             45px 0px 50px 0px;
    float:              left;
    padding-left:       10px;
    width:              620px;
    height:             100%;
    border-left:        1px solid #993333;
}

#content h1 {
    width:              100%;
}

.connect_red {
    background:         url(../img/connect_red_long.png);
    background-position:bottom right;
    background-repeat:  no-repeat;
    height:             12px;
    margin-bottom:      20px;     
    overflow:           hidden;
}

.connect_orange {
    background:         url(../img/connect_orange_long.png);
    background-position:bottom right;
    background-repeat:  no-repeat;
    height:             12px;
    margin-bottom:      20px;     
    overflow:           hidden;
}

/************************************************/
/*												*/
/*					LISTINGS					*/
/*												*/
/************************************************/

.home_news {
    float:              left;
    margin-bottom:      10px;
    width:              100%;
}

.listing {
    float:              left;
    margin-bottom:      15px;
    width:              100%;
}

.listing_tn {
    float:              left;
    margin-right:       10px;
    border:             2px solid grey;
}

/************************************************/
/*												*/
/*					MESSAGES					*/
/*												*/
/************************************************/

#msgok {
    margin-left:      284px;
    padding:			10px;
    background-color: #F5FFDC;
    border:			1px solid #009933;
    color:			#009933;
    font-weight:		bold;
    margin-bottom:	10px;
    top:				50%;
}
#msginfo {
    margin-left:      284px;
    padding:			10px;
    background-color: #DDDDFF;
    border:			1px solid #3980F4;
    color:			#3980F4;
    font-weight:		bold;
    margin-bottom:	10px;
    top:				50%;
}
#msgalert {
    margin-left:      284px;
    padding:			10px;
    background-color: #F5FFDC;
    border:			1px solid #FF6633;
    color:			#FF6633;
    font-weight:		bold;
    margin-bottom:	10px;
    top:				50%;
}
#msgerror {
    margin-left:      284px;
    padding:			10px;
    background-color: #F5FFDC;
    border:			1px solid #FF6633;
    color:			#FF6633;
    font-weight:		bold;
    margin-bottom:	10px;
    top:				50%;
}
