*{color: #cccccc;}
img {border : none;}
a {text-decoration : none;}
a:hover {text-decoration : none;}

body{ background-color: #000000; margin : 0px auto; padding: 0px;}
#site {margin: 0px auto; width:955px; height: 600px;}

#header {background: url('../images/header_site_photographe.png') top right no-repeat;height: 50px;}
.BorderBottom {border-bottom: 1px solid #ff0000;}
.BorderTop {border-top: 1px solid #ff0000;}
/* MENU GENERAL*/
#MenuSite { float: right;}
a#link_photo { background: url('../images/menu_01.png') top center no-repeat; display: block; width: 72px; height: 36px;}
a:hover#link_photo { background: url('../images/menu_hover_01.png') top center no-repeat; display: block; width: 72px; height: 36px;}
a#link_graphisme { background: url('../images/menu_03.png') top center no-repeat; display: block; width: 118px; height: 36px;}
a:hover#link_graphisme { background: url('../images/menu_hover_03.png') top center no-repeat; display: block; width: 118px; height: 36px;}
a#link_webdesign { background: url('../images/menu_05.png') top center no-repeat; display: block; width: 126px; height: 36px;}
a:hover#link_webdesign{ background: url('../images/menu_hover_05.png') top center no-repeat; display: block; width: 126px; height: 36px;}
#link_puce{ background: url('../images/menu_02.png') top center no-repeat; width: 16px; height: 36px;}

/* CORPS DE LA PAGE */
#container_page {height: 500px; background: url("../images/fond_corps_webdesign.jpg") no-repeat top center #000000;}
.MenuImage {list-style-type:none;padding-left: 0px;}
.MenuImage a {display: block; width: 190px;}
.MenuImage a:hover {color:#ff0000;}

/* MENU */
#menu {width: 195px; height: 300px;padding-top: 10px;}
#menu a {width: 185px;height: 25px;display: block;font-variant:small-caps;font-weight: bold;}
#menu a:hover {background: url(../images/bg_menu_a_hover.png) top right no-repeat;margin-left:5px;color:#ff0000;}

/* CONTAINER TEXTE */
#text_container {height: 300px; width: 760px;overflow:hidden;}
#text_container h1 {font-variant:small-caps;font-weight: bold;font-size:24px;margin-bottom:2px;}
#text_container fieldset {border:none; border-top:1px solid #ff0000;}
#text_container legend {font-variant:small-caps;font-weight: bold;font-size:16px;}
#text_container a {text-decoration: underline;}
#text_container a:hover {color:#ff0000;}

/* SCROLLBAR */
div#scrollbar {float: right;	display:block; }

div#wn	{ 
    position:relative;
    width:730px; height:300px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:10px; height:300px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:276px;
  background: #2b2b2b;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background: url("../images/bt_scroll.jpg") repeat-y top right #ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {    -moz-user-select: none;    -khtml-user-select: none;}
div#scrollbar img {    display:block;     } 

/* MENU IMAGE */
.MenuImage{padding: 0px; margin:0px;}

/* PIED DE PAGE */
#footer {height: 50px;}
#footer a{ color: #cccccc; font-weight: bold;}
#footer a:hover{ color: #ff0000; font-weight: bold;}