html { height: 101%; }

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #CCCCCC;}

a {
outline : none;
text-decoration: none;
color: #FFFFFF;}

a:hover {
text-decoration: underline;
color: #0000FF;}

#wrap {
background: #94867C;
color: #000000;
border:  none;
margin: 0 auto;
width: 790px;}

#header {
clear: both;
margin: 0 0em 0px 0em;
padding: 0;
height: 75px;
background: #333333;}

#header a:hover {color: #b6952a;}

#header h3 {
font-size: 1.4em;
color: #FFFFFF;
width: 350px;
margin: 30px 0px 0px 15px;
float: left;}

#header p {
float: right;
text-align: right;
color: #a0a0a0;
margin: 30px 20px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 5px 0;
padding: 0;
font-size: 0.9em;}

ul#menu {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1em;}	

ul#menu li {margin-bottom: 1px;}

ul#menu li a {
font-weight: bold;
height: 15px;
text-decoration: none;
color: #fffff1;
display: block;
padding: 2px 0 0 10px;
background: #800040;}

ul#menu li a:hover,
#accueil #ruaccueil a,
#panoramique #rupano a,
#trompe #rutrompe a,
#meubles #rumeuble a,
#patines #rupatine a,
#derniers #rudernier a,
#artiste #ruartiste a,
#references #rurefer a,
#articles #ruarticle a,
#contact #rucontact a
{background-color: #4b881d; color: #FFFFFF;}

ul#menu2 {	
list-style: none;
width: 150px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.9em;}	

ul#menu2 li a {
height: 13px;
text-decoration: none;
color: #fffff1;
display: block;
padding: 2px 0 0 10px;
background: #333333;}

ul#menu2 li a:hover,
#announce2 #menu2on a
{background-color: #CC6600; color: #FFFFFF;}

/* ---ANNOUNCE---*/
#announce {
	margin: 10px 0;
	padding: 10px;
	width: 130px;
	color: #a8a8a8;
	background-color: #000000;
	line-height: 1.3em;
}

#announce h3 {
color: #FFFFFF;}

#announce a {color: #b6952a;}

#announce a:hover {color: #FFFFFF;}

/* --- MENU2 AVEC LISTE ---*/
#announce2 {
clear: left;
float: left;
width: 150px;
margin: 0 0 5px 0;
padding: 5px 0 5px 0;
font-size: 0.9em;
background: #333333;}

#extras {
float: right;
width: 150px;
margin: 0 0 10px 0;
padding: 30px 10px 0 0;
font-size: 0.9em;
line-height: 1.5em;}

#extras p {margin: 0 0 1.5em 0;}

#content {
margin: 0em 175px 20px 170px;
padding: 30px 10px 0 10px;
line-height: 1.6em;
text-align: left;}

#content h2 {
font-size: 1.5em;
margin: 0 0 20px 0;
color: #800040;}

#content img {
padding: 0px;
display:inline;}

#content2 {
margin: 0 20px 20px 170px;
padding: 30px 10px 0 10px;
line-height: 1.6em;
text-align: left;}

#content2 h2 {
font-size: 1.5em;
margin: 0 0 20px 0;
color: #800040;}

#content2 img {
padding: 0px;
display:inline;}

.vignette {
text-align: center;
padding: 2px 0 10px 0;}

.vignette a:hover {
color: #0000FF;}

h3 {
font-size: 13px;
color: #800040;
margin: 0 0 10px 0;}

#footer {
clear: both;
margin: 0 auto;
padding: 8px 0em 8px 0em;
width: 790px;
text-align: center;
color: #808080;
font-size: 0.9em;
background: #333333;
border: none;}

#footer a {
color: #808080;
text-decoration: none;}

#footer a:hover {
text-decoration: underline;}

.left {
	margin: 0px 20px 0px 5px;
	float: left;
}

.right {
margin: 0px 7px 0px 5px;
float: right;}

.textright {text-align: right;}

.center {text-align: center;}

.small {font-size: 0.8em;}

.bold {font-weight: bold;}

.hide {display: none;}

#navbar {
margin: 0 10px 0 0;
height: 25px;}

/* --- content2 picture---*/
#picture {text-align: center;}

#picdetail {margin: 20px 40px 40px 60px;}

#pictitle {
font-weight: bold;
float: left;
color: #800040;}

#picnav ul li {
list-style-type: none;
float: right;}

#picnav ul li a {
padding: 0 5px 1px 5px;
display: block;
background: #333333;
font-size: 11px;
font-weight: bold;}

#picnavon {
color: #FFFFFF;
padding: 0 5px 1px 5px;
display: block;
background: #CC6600;
font-size: 11px;
font-weight: bold;}

#pictexte {clear: right;}

#picnav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background: #CC6600;}