/*******************/
/* Menu            */
/*******************/

#menu {
	float: left;
	margin: 10px 2px;
	background: #000;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:12em;
float: left;
}

#menu a, #menu h2 {
font-size: 100%;
font-weight: bold;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb; 
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #000;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #000;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*<!--[if IE]><style type="text/css" media="screen">*/
 #menu ul li {float: left; width: 100%;}
/*<![endif]-->*/

/*<!--[if lt IE 7]>*/

body {
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold  italic 10pt comic sans ms, arial, sans-serif;
}
/*<![endif]-->*/

img {
border: none;
} 


/*******************/
/*Body and Wrapper */
/*******************/

body {
	color: white;
	font: normal 8pt/13pt comic sans ms, arial,sans-serif;
	padding: 0;
	margin: 0;
	background: #6e6e6e url(back_gris.png) top center repeat-x;
}

a:link {text-decoration: none; color:#fff;}
a:visited {text-decoration: none; color:#fff;}
a:active {text-decoration: none}
a:hover {text-decoration: none; color:#B10A00;}

h1 {
	font: bold 16pt comic sans ms, arial, sans-serif;
	}

#wrapper {
	
	text-align: center;
	padding: 0;
	width: 800px;
	height: 100%;
	margin: 0 auto;
}

/*******************/
/* Top Piece       */
/*******************/

#top {
background: url(bgtop_gris.png) top center no-repeat; 
width: 800px;
height: 30px;
}

/*******************/
/* Content another wrapper that holds all the content */
/*******************/


#content {
background: url(bgmiddle_gris.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
border-width: 0px;
border-style: solid;
border-color: #ccc; 
}


/*******************/
/* All the content */
/*******************/

#header {
background: url(header_gris.jpg) top center no-repeat; 
width: 746px;
height: 117px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
color: white;
font-size: 12px;
text-align: right;
}

#stuff 
{  font: italic 14pt comic sans ms, arial, sans-serif;
	text-align: left;
	height: 100%;
	width: 75%;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #72FF7B; 
	}

#galerie
{  font: italic 14pt comic sans ms, arial, sans-serif;
	
	text-align: right;
	float: right;
	height: 100%;
	width: 20%;
	margin: 0px 0px 0px 30px;
	border-width: 0px;
	border-style: solid;
	border-color: #ccc; 
	}

   	.table
    	{
    	background: none;

    	}
    	.table ul
    	{
    	float:left;
    	margin:0;
    	padding:0;
    	border:0px solid #C9C9C9;
    	}
    	.table ul li
    	{
    	list-style:none;
    	float:left;
	border:0px solid #C9C9C9;
    	padding:30px 10px 30px 10px;
    	}

#accueil {
	font: italic 14pt comic sans ms, arial, sans-serif;
	height: 100%;
	padding-top: 15px;
	margin: 0px 20px 0px 20px;
	text-align: center;
}
	
#contact {
	font: italic 12pt comic sans ms, arial, sans-serif;
	height: 100%;
	padding-top: 15px;
	margin: 0px 20px 0px 20px;
	text-align: left;
}

#artiste {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-top: 15px;
	height: 100%;
	font: bold  italic 10pt comic sans ms, arial, sans-serif;
}

/*******************/
/* Bottom          */
/*******************/

#bottom {
	text-align: center;
	height: 50px;
	width: 800px;
	background: url(bgbottom_gris.png) bottom center no-repeat;
}