body {
	background-image:url(../photos/bg.jpg);
}
#loadimg {
	display:none;
}
#main {
     position: absolute;
     width: 900px;        
     margin-left: -450px; 
     left: 50%;          
     height: 496px;       
     margin-top: -250px;  
     top: 50%;          
     border: 1px solid #333;
     background-color: #FFFFFF;
}
#header {
	height:70px;
	width:100%;
	margin-left:30px;
}
#menu {
	background-color:#C0067D;
	width:380px;
	height:55px;
}
#logo {
	float:right;
	margin-right:30px;
	margin-top:-35px;
	background-image:url(../photos/logo.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:50px;
}
#menu img {
	cursor:pointer;
}
#visuel {
	margin-left:30px;
	padding-top:10px;
	background-repeat:no-repeat;
	background-position:left;
	height:416px;
	background-color:#FFFFFF;
}
#texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
 	filter:alpha(opacity=60);
	-khtml-opacity:0.60;
    opacity : 0.60; 
	height:406px;
	width:238px;
	padding:10px;
	margin-left:380px;
	margin-top:-10px;
}
#galerie {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	height:406px;
	width:238px;
	padding:10px;
	margin-left:380px;
	margin-top:-10px;
}
#galerie h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}	
#galerie h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	letter-spacing:1px;
	border-bottom:1px solid #000000;
}
#texte h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}	
#texte h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	letter-spacing:1px;
	border-bottom:1px solid #000000;
}
.submit {
	background-color:#C0067D;
	color:#FFFFFF;
	border:0;
	font-size:11px;
	font-weight:bold;
}
input, textarea {
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d01b89;
}

input:focus, textarea:focus {
	border:1px solid #C0067D;
}
a.current:link,a.current:visited {
	font-weight:bold;
	color:#d01b89;
}
#visuel-photos{
    opacity:1; 
	z-index:100;
}
#visuel-photos img {
	margin:8px;
	opacity:none;
	border:2px solid #C0067D;
}
#valeriebegue h3 {
	margin:0;
	padding:0;
}
#footer, #valeriebegue {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	clear:both;
	margin-top:5px;
	margin-left:5px;
}
#footer a:link, #footer a:visited, #valeriebegue a:link, #valeriebegue a:visited {
	color:#999999;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}
#footer a:hover, #valeriebegue a:hover {
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}

/* scroll*/
#texte_bio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
 	filter:alpha(opacity=60);
    -moz-opacity : 0.60;
	-khtml-opacity:0.60;
    opacity : 0.60; 
	height:406px;
	width:238px;
	padding:10px;
	margin-left:380px;
	margin-top:-10px;
}
#texte_bio h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}	

/* sroll 2 */
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:238px; 
	height:406px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:400px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:376px;
  background-color:#C0067D;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#FFFFFF;
  }  
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;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }