/*----------------Body----------------*/
body {
	margin:0;
	padding:0;
	border:0;
	background-color:black;
    overflow:hidden;
    font-family:Arial;
}

#info_div {
    position:absolute;
    top:0;
    left:0;
    color:white;
}

#log_debug {
    margin:0;
    margin-top:30px;
}

#log_debug p {
    margin:0;
}


/*----------------Header----------------*/

#header {
    position:absolute;
    top:0px;
    width:100%;
    background:black;
    height:103px;
}

#header_background {
    margin-left:auto;
    margin-right:auto;
    height:98px;
    width:1029px;
    background:url('header_background.png') 2px 0px no-repeat;
    border-left:solid 1px #444444;
    border-right:solid 1px #444444;
    border-bottom:solid 1px #444444;
}

#header_background a {
    text-decoration:none;
}

#header_border {
    margin-top:2px;
    margin-left:auto;
    margin-right:auto;
    height:2px;
    width:1029px;
    background-color:black;
    border-left:solid 1px #444444;
    border-right:solid 1px #444444;
    border-top:solid 1px #444444;
}

#title {
    position:absolute;
    margin:0;
    margin-top:45px;
    margin-left:233px;
    color:#888888;
    font-size:22px;
}

span.violet {
    color:#9962c1;
}

#download {
    position:absolute;
    margin-top:30px;
    margin-left:880px;
    height:40px;
    background:url('download.png') 0px 0px no-repeat;
    padding-left:48px;
    padding-top:11px;
    color:#888888;
}

#download:hover {
    background:url('download_hover.png') 0px 0px no-repeat;
    color:#9962c1;
}

#download:active {
    background:url('download_down.png') 0px 0px no-repeat;
    color:#7540a7;
}

#download p {
    margin:0;
    font-size:17px;
    font-family:Arial;
}


/*----------------Foot----------------*/

#foot {
    position:absolute;
    width:100%;
    bottom:0;
    background-color:black;
    height:	50px;
    color:white;
}

#foot_border {
    margin-left:auto;
    margin-right:auto;
    height:2px;
    width:1029px;
    background-color:black;
    border-left:solid 1px #444444;
    border-right:solid 1px #444444;
    border-bottom:solid 1px #444444;
}

#foot p {
    width:100%	;
    text-align:center;
    color:#888888;
    font-size:12px;
}


/*----------------Contenu----------------*/

#container {
    margin-top:100px;
    width:1025px;
    border:solid 1px #444444;
    padding:2px;
    background-color:black;
    margin-left:auto;
    margin-right:auto;
}

#content {
    position:absolute;
    width:1010px;
}

#contentbackground {
    position:absolute;
    width:1010px;
    background-color:#5f5f5f;
}

p.numero {
    margin:0;
    margin-left:5px;
    margin-bottom:-68px;
    font-size:60px;
    font-weight:bold;
    color:#888888;
}

#content div.photos { 
    border-top:solid 1px #929292;
    border-left:solid 1px #929292;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333; 
    margin-top:1px;
    float:left;
    background-color:#808080;
    cursor:pointer;
}

#content div.photos:hover {
    background-color:#919191;
}

#content div.photos img.photo{
}

#content div.spacer {
    clear:both;
    width:10px;
}

#content p.alert{
    margin-left:20px;
    color:#e00;
}

/*---------Scrollbar-------*/

#scroll_content {
    position:absolute;
    width:13px;
    margin-left:1012px;
    background:url("scroll_content.jpg") 0px 0px;
    height:150px;
}

#scrollbar {
    width:13px;
    height:30px;
    background-color:red;
    background:url('scrollbar_middle.jpg') 0px 0px;
}

#scrollbar_top {
    position:absolute;
    top:0px;
    width:13px;
    height:2px;
    background:url('scrollbar_top.jpg') 0px 0px;
}

#scrollbar_bottom {
    position:absolute;
    bottom:-5px;
    width:13px;
    height:7px;
    background:url('scrollbar_bottom.jpg') 0px 0px;
}



/*---------Slideshow-------*/

#slideshow {
    display:none;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:black;
}

#chargement {
    width:48px;
    height:48px;
    margin-left:auto;
    margin-right:auto;
    background:url('chargement.gif') 0px 0px no-repeat;
}

#numero_photo{
        position:absolute;
        bottom:0;
        right:0;
        font-size:12px;
        color:#888888;
}

#numero_photo p{
        margin:10px;
}

#photos {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    
}

#photos img.slideshow_photo {
    margin-left:auto;
    margin-right:auto;
    max-height:100%;
    max-width:100%;
    display:none;
}

/*---------Navigation-------*/

#navigation {
    position:absolute;
    bottom:0px;
    height:63px;
    width:478px;
    background:url('nav_background.png') 0px 0px no-repeat; 
    
}


#first {
    float:left;
    width:46px;
    height:63px;
    margin-left:36px;
    background:url('nav_first.png') 0px 0px no-repeat; 
}


#first:hover {
    background:url('nav_first_hover.png') 0px 0px no-repeat;    
}

#first:active {
    background:url('nav_first_down.png') 0px 0px no-repeat;    
}

#previous {
    float:left;
    width:46px;
    height:63px;
    margin-left:18px;
    background:url('nav_previous.png') 0px 0px no-repeat;
}


#previous:hover {
    background:url('nav_previous_hover.png') 0px 0px no-repeat;    
}

#previous:active {
    background:url('nav_previous_down.png') 0px 0px no-repeat;    
}

#play {
    float:left;
    width:46px;
    height:63px;
    margin-left:18px;
    background:url('nav_play.png') 0px 0px no-repeat;
}


#play:hover {
    background:url('nav_play_hover.png') 0px 0px no-repeat;    
}

#play:active {
    background:url('nav_play_down.png') 0px 0px no-repeat;    
}

#pause {
    display:none;
    float:left;
    width:46px;
    height:63px;
    margin-left:18px;
    background:url('nav_pause.png') 0px 0px no-repeat;
}


#pause:hover {
    background:url('nav_pause_hover.png') 0px 0px no-repeat;    
}

#pause:active {
    background:url('nav_pause_down.png') 0px 0px no-repeat;    
}


#next {
    float:left;
    width:46px;
    height:63px;
    margin-left:18px;
    background:url('nav_next.png') 0px 0px no-repeat;
}


#next:hover {
    background:url('nav_next_hover.png') 0px 0px no-repeat;    
}

#next:active {
    background:url('nav_next_down.png') 0px 0px no-repeat;    
}


#last {
    float:left;
    width:46px;
    height:63px;
    margin-left:18px;
    background:url('nav_last.png') 0px 0px no-repeat;
}


#last:hover {
    background:url('nav_last_hover.png') 0px 0px no-repeat;    
}

#last:active {
    background:url('nav_last_down.png') 0px 0px no-repeat;    
}


#close {
    float:left;
    width:46px;
    height:63px;
    margin-left:58px;
    background:url('nav_close.png') 0px 0px no-repeat;
}


#close:hover {
    background:url('nav_close_hover.png') 0px 0px no-repeat;    
}

#close:active {
    background:url('nav_close_down.png') 0px 0px no-repeat;    
}