/* Elements */
input, textarea, select, option, optgroup{
    border:1px solid #555555;
    background-color:#555555;
    color:#999999;
}
input:hover, textarea:hover{
    background-color:#333333;
}
input:focus, textarea:focus{
    background-color:#553333;
}
body{
    margin:0 auto;
    width:1024px;
    color:#ffffff;
    background-color:#000000;
    font-family: Georgia,'Times New Roman',times,serif;
    font-size:16px;
    /*overflow:hidden;*/
}
a{
    text-decoration:none;
    font-weight : bold;
    color:#ffffff;
}
a:hover{
    color:#565553;
}
/* Classes */
.FormTable{
    background-color:#bbbbbb;
}
.FormTable th{
    vertical-align:top;
    text-align:right;
    background-color:#000000;
    padding-left:10px;
    padding-right:5px;
}
.FormTable input{
    width:300px;
}
.FormTable textarea{
    width:300px;
}
.ErrorText{
    color:red;
}
.Center{
    left:400px;
    position:absolute;
    text-align:center;
    top: 200px;
}
.Click{
    cursor:pointer;
}
.Underline{
    text-decoration:underline;
}
.DisplayNone{
    display:none;
}
.MainFrame{
    width:1024px;
    height:819px;
    background: #000000 url(../img/fond.jpg) no-repeat;
    background-position: left top;
    /*border:1px solid #ffffff;*/
}
.Menu{
    /*border:1px solid #ffffff;*/
    position:absolute;
    margin-left:600px;
}
.MainContent{
    position:absolute;
    margin-top:173px;
    background-color:transparent;
}
.MainGroupe{
    position:absolute;
    margin-top:143px;
    background-color:transparent;
}
.Text{
    text-align:justify;
}
.Table div{
    position:absolute;
    background-color:transparent;
}
.Table img{
	filter:alpha(opacity=90);
	opacity:0.9;
}
.Table div.Calque{
	z-index:510;
}
.BlockGeneric{
    width:400px;
    margin-top:80px;
    margin-left:260px;
    text-align:justify;
}
.PagerContent, .VideoPagerContent{
    margin-left:290px;
    width:410px;
    height:600px;
    overflow:auto;
    padding-right:10px;
}
.VideoPagerContent{
    margin-left:260px;
    width:440px;
}
.AlbumPagerContent{
    margin-left:270px;
    width:440px;
}
.Inline{
    display:inline-block;
}
.BlockAlbum{
    margin-left:230px;
}
.News, .Album, .Video, .Concert,.Chronique{
    padding-top:10px;
    padding-bottom:10px;
}
.News img{
    margin-left:10px;
    margin-right:10px;
}
.BlockVideo{
    margin-left:240px;
    width:600px;
}
.BlockForm{
    margin-top:80px;
    margin-left:160px;
    text-align:justify;
}
.Title{
    font-variant:small-caps;
    font-weight:bold;
    padding-left:5px;
    padding-right:2px;
    background-color:#343456;
    background:url('../img/fond_title.png') no-repeat;
    height:36px;
    padding-top:8px;
}
/* Menu */
tags a{
    text-decoration:none;
    font-weight:bold;
}
tags a:hover{
    color:#444444;
}
tags a:after{
    content:' | ';
}
/* Pagination */
.Selected{
    color:#bc9999;
    font-weight:bold;
    font-size:16pt;
}
.PagerBar{
    margin-left:290px;
    width:400px;
    text-align : right;
    font-size:12pt;
    border:0px;
    padding:1px;
}
.PagerBar a{
    color:#a9a9a9;
    text-decoration:none;
}
.PagerBar div{
    display: inline;
    padding:2px;
    width:15px;
    border:0;
    cursor:pointer;
}
.PagerBar a:visited{
    color:#a9a9a9;
}
.PagerBar a:hover{
    color:#ffffff;
}
.UnSelected{
    color:#aaaaaa;
}
/* MyForm */
.MyFieldError{
    font-size:8pt;
    font-style: italic;
    color:maroon;
}
/* Scrollable */
#scrollMain{
    /*overflow:hidden;*/
    width:100%;
}
#scrollContent{
    height:500px;
    width:95%;
    /*border: 1px solid #ffffff;*/
    overflow:hidden;
    display:inline-block;
}
#scrollBarArea {
    display:inline-block;
    background: #ccc;
    height: 500px;
    width: 15px;
}

#scrollBarCursor {
    height: 15px;
    width: 15px;
    background: #565645;
}
/* Biographie*/
#bioContent{
    left:370px;
    top:80px;
}
#bioImage{
    top:20px;
}
/* Concert */
#concert{
/*    border:1px solid #ffffff;*/
}
.SlimboxLink image{
    border:1px #441100 solid;
}
.MoveFlechePrev{
    width:30px;
    height:105px;
    border:1px solid #441100;
    cursor:pointer;
    background:url(../img/fleche_grande_gauche.jpg);
}
.MoveFlecheNext{
    width:30px;
    height:105px;
    border:1px solid #441100;
    cursor:pointer;
    background:url(../img/fleche_grande_droite.jpg);
}
.MoveContent{
    border:1px solid #000000;
    width:300px;
    overflow:hidden;
    height:105px;
    z-index:1000
}
/* these selector names are based on what you provide to the class */

/* example 1 */
#box			{ border:1px solid #ccc; width:200px; height:20px; }
#perc			{ background:#ccc; height:20px; }

/* example 2 */
#box2			{ background:url(progress-bar-back.gif) right center no-repeat; width:200px; height:20px; float:left; }
#perc2			{ background:url(progress-bar.gif) right center no-repeat; height:20px; }
#text			{ font-family:tahoma, arial, sans-serif; font-size:11px; color:#000; float:left; padding:3px 0 0 10px; }

.Italic a {
    font-style: italic;
    font-size: 0.8em;
}
#bioText{
	width:400px;
	filter:alpha(opacity=95);
	opacity:0.9;
}