/**============================================================================= 
 General
 ============================================================================**/
body {
    font-family:  Georgia, "Lucida Bright", Lucidabright, "Bitstream Vera Serif", serif;
    font-size: 76%;
    color: black;
    background: #565454 url(../img/container_bg.png) repeat top left;
}
a:link{
    color : #ff0000;
    text-decoration: none;
}
a:visited{
    color : #ff0000;
    text-decoration: none;
}
a:focus{
    color : #ff0000;
    text-decoration: underline;
}
a:hover{
    color : #ff0000;
    text-decoration: underline;
}
a:active{
    color : #ff0000;
    text-decoration: underline;
}

/**============================================================================= 
 Layout
=============================================================================**/
#container{
     width: 945px;
     height: 544px;
     margin-top: 100px;
     margin-left: auto;
     margin-right: auto;
     background: transparent;
}
#header{
    width: 945px;
    height: 34px;
    padding: 9px 9px 2px 9px;
    background: transparent url(../img/header_bg.png) no-repeat top left; 
}
#content{
    position:relative;
    top:0;
    left: 0;
    clear: both;
    width: 945px;
    padding: 2px 9px 9px 9px;
    background: transparent url(../img/content_bg.png) no-repeat top left;
    height: 475px;
}
#sidebar{
    float: left;
    margin-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color:#ff0000;
    height: 466px; 
    width: 160px;
}
#context{
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}
 
/**============================================================================= 
 Header
=============================================================================**/
#header h1{
     float: left;
     background: transparent;
     width: 172px;
     color:#fff;
     height: 34px;
     font-weight: normal;
     line-height: 34px;
     text-align: center;    
}
#header h1 a:link, #header h1 a:visited,#header h1 a:hover {
    display: block;
    float:left;
    color:#fff;
    text-decoration: none;
}
a#name{
    font-size: 10px;
    width: 93px;
    margin-right: 1px;
    text-align: center;
    overflow: hidden;
}
a#sculpteur{
    font-size: 10px;
    width: 73px;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}
#menu{
    float: left;
    width: 772px;
}
#menu ul li{     
    float: left;
    width: 250px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active{
    color: #fff;
    background: transparent url(/img/arrow.png) no-repeat 0 5px;
    padding-left: 10px;
    text-decoration: none;
}
#menu ul li.current a:link, #menu ul li.current a:visited, #menu ul li.current a:hover, #menu ul li.current a:active{
    color: #ff0000;
    background: transparent url(/img/arrow_sel.png) no-repeat 0 5px;
}
/**============================================================================= 
 Footer
=============================================================================**/
#footer a:link, #footer a:visited,#footer a:hover {
     padding: 9px 9px;
     color:#fff;
     text-decoration: none;
     line-height: 20px;
}
/**============================================================================= 
 Sidebar
=============================================================================**/
#sidebar p{
    padding: 9px 7px;
    color: #fff;
    text-align: left;
    line-height: 22px;
    font-size:11px;
}
#sidebar p.signature{
    text-align: right   ;
}
/**============================================================================= 
 Sidebar
=============================================================================**/
div.view div.row div.left{
    text-align: center;
    float: left;
    width: 250px;
}
div.view div.row div.right{
    float: left;
    width: 400px;
}
div#nav{
    position: absolute;
    top:475px;
    left:870px;
    width: 93px;
    height:31px;    
}
a#nav_left{
    display: block;
    float: left;
    width: 47px;
    height: 31px;
    background: transparent url(/img/bt_left.png) no-repeat 0 0;
}
a#nav_right{
    display: block;
    float: left;
    width: 46px;
    height: 31px;
    background: transparent url(/img/bt_right.png) no-repeat 0 0;
}
/**============================================================================= 
 Index
=============================================================================**/
.index{
    margin: 10px 0 0 10px;
}
.index ul li{
    line-height: 1.4em; 
}
.pieces ul{
    width: 700px;
    height: 400px;
}
.pieces ul li{
    float: left;
    height: 44px;
    padding: 2px 2px;
    margin: 2px 2px;
    border: 1px solid #565454;
}
.pieces ul li img{
    margin: 2px 2px;        
}
.index ul li a:link{
    text-transform: capitalize;
    text-decoration: none;
}
.index ul li a:visited{
    text-transform: capitalize;
    text-decoration: none;
}
.index ul li a:hover{
    text-transform: capitalize;
    text-decoration: underline;
}
.paging{
    height: 30px;
    margin: 10px 0 0 10px;
}
.disabled{
    display: inline;
}