html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
a:link{
	text-decoration: none;
	color: #986565;
}
a:visited{ 
	color: #986565;
}
a:hover{ 
	color: #333333;
}
a:active{
	color : #333333;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{
	clear: both;
}

body {
	line-height: 1;
	font-family: Verdana,'Arial', sans-serif;
	color: #333;
	font-size: 12px;
	min-width: 1250px;
}

h2{
	text-align: center;
	font-size: 25px;
	color: #986565;
}

h3{
	font-weight: normal;
	padding-left: 10px;
	line-height: 30px;
	font-size: 19px;
}
h3 a, h3 a:visited{
	text-decoration: none;
	color: #fff;
}
h3 a:hover{
	text-decoration: underline;
}

a, a:visited{
	text-decoration: none;
	color: #986565;
}

a:hover{
	text-decoration: underline;
}

/******************************************/
/****************** MAIN ******************/
/******************************************/

#main{
	position: relative;
	width:1250px;
	min-width: 1250px;
	left: 50%;
	margin-left: -625px;
	margin-top: 3px;
	text-align: left;
}

/******************************************/
/****************** HEADER ****************/
/******************************************/

#header{
	position:relative;
	height: 45px;
	width: 1250px;
}

#header_gauche{
	position: relative;
	float: left;
	background: #333;
	width:800px;
	height: 45px;
}

#header_droite{
	position: relative;
	float: left;
	background: #986565;
	width:450px;
	height: 45px;
}

#header h1{
	color: #FFF;
	font-size: 29px;
	height: 45px;
	font-weight: normal;
}

#header h1.titre{
	padding-top: 6px;
	margin-left: -137px;
}

#header h1.rubrique{
	float: left;
	padding-top: 6px;
	padding-left: 15px;
}

/******************************************/
/****************** CENTRE ****************/
/******************************************/

#centre{
	position: relative;
	width: 1250px;
	height: 540px;
}


/******************************************/
/******************* MENU *****************/
/******************************************/

#menu{
	height: 80px;
	width: 1250px;
	border-top: 2px solid #986565;
	text-align: center;
}

#menu li{
	display: inline;
	height: 80px;
	margin-right: 90px;
}

#menu li.last{
	margin-right: 0;
}

#menu li a.active{
	position: relative;
	top: -27px;
}

#menu li a{
	position: relative;
	top: 2px;
	text-decoration: none;
	color: #986565;
	font-size: 22px;
	font-weight: lighter;
}

/******************************************/
/***************** ARTISTES ***************/
/******************************************/

#artistes{
	height: 400px;
	padding-top: 80px;
}

#artistes span.artiste{
	display: inline-block;
	float: left;
	width: 250px;
	margin: 10px 20px;
}

#artistes span.artiste a, #artistes span.artiste a:visited{
	text-decoration: none;
	color: #333;
	font-size: 18px;
}

#artistes span.artiste a:hover{
	color: #986565;
}

/******************************************/
/**************** EXPOSITIONS *************/
/******************************************/

#expositions{
	height: 400px;
}

#expositions span.artiste{
	display: inline-block;
	float: left;
	width: 250px;
	margin: 10px 20px;
}

#expositions span.artiste a, #expositions span.artiste a:visited{
	text-decoration: none;
	color: #333;
	font-size: 19px;
}

#expositions span.artiste a:hover{
	color: #986565;
}

#expositions img{
	//margin-bottom: 10px;
}

/******************************************/
/****************** GAUCHE ****************/
/******************************************/

#gauche{
	color: #FFF;
	position:relative;
	width:160pt;
	margin-top: 50px;
	float:left;
}

#gauche h3{
	background: #986565;
	padding-bottom: 2px;
	margin-bottom: 1px;
	text-align: left;
	
}


#gauche h3 a, #gauche h3 a:visited{
	text-decoration: none;
	color: #fff;
}
#gauche h3 a:hover{
	text-decoration: underline;
	color: #fff;
}

#gauche span.serie {
	text-align: left;
	width: 193px;
	display: block;
	margin: 0 0 1px 0;
    padding: 4px 10px 6px 10px; 
    color: #fff; 
    background: #333333; 
}

#gauche span.serie a, #gauche span.serie a:visited{
	text-decoration: none;
	color: #fff;
}

#gauche span.serie a:hover{
	text-decoration: underline;
}

/******************************************/
/****************** DROITE ****************/
/******************************************/

#droite{
	position:relative;
	display: none;
	width:950px;
	height: 350px;
	float:right;
	padding: 0 10px;
}

#droite p{
	font-size: 13px;
	text-align: justify;
	line-height: 16px;
}

#droite h3{
	margin-bottom: 20px; 
	text-align: center;
}

#droite table{
	margin-bottom: 30px;
	text-align: left;
}

#droite tr{
	height: 17px;
}

#visuel, #visuel p{
	text-align: center;
}

#scroll{
	overflow: hidden;
}

/******************************************/
/****************** IMAGES ****************/
/******************************************/

span.miniature{
	position: relative;
	border: 1px solid #333;
	display: block;
	float: left;
	margin-bottom: 8px;
	margin-right: 5px;
	padding: 4px 0 4px 4px;
}


/******************************************/
/******************* ACTU *****************/
/******************************************/

#actu{
	float: left;
	margin-top: 80px;
	width: 600px;
	height: 370px;
	text-align: center;
}

#actu h2.titre_expo{
	position: relative;
	width: 100%;
	color: #333;
	text-align: center;
	font-size: 21px;
	font-weight: normal;
}

#actu img{
	margin: 10px 0;
}

#actu p{
	width: 600px;
	padding: 3px;
	font-size: 17px;
	text-align: center;
}

#contact{
	position: relative;
	float: right;
	margin-top: 50px;
	width: 600px;
	height: 370px;
	text-align: left;
}

#contact img{
	margin-left: 10px;
	margin-top: 80px;
}

#contact a, #contact a:visited{
	color: #FFF;
}

#contact h3{
	width: 440px;
	background: #333;
	margin-left: 10px;
	margin-top: 20px;
	text-align: center;
}

.navigation { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    color: #fff; 
    width: 160pt; 
    font: 1.2em "Trebuchet MS", sans-serif; 
}
 .navigation a, .navigation span { 
    display: block; 
    padding: 4px 10px; 
    color: #fff; 
    text-decoration: none; 
    background: #333333; 
} 
 .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
    background-image: url(menu-item-deroule.png); 
    _color: #FFF; /* IE6 */
    _height: 24px; /* IE6 */
    _padding-bottom: 2px; /* IE6 */
    }
 .navigation .open a, .navigation .open span {
    background-image: url(menu-item-enroule.png); 
} 
 .navigation a:hover, .navigation a:focus, .navigation a:active { 
    text-decoration: underline; 
} 
 ul.navigation .subMenu { 
    font-size: .8em;
    background: #FFF; 
    font-size: .9em; 
    margin: 0; 
    padding: 0; 
} 
ul.navigation{
	border-bottom: 1px solid #FFF;
	_height: 22px; /* IE6 */
}
ul.subMenu{display: none;}
ul.subMenu.show{display: none;}
ul.subMenu.montre{display:block}
.cache{display:none}

 .navigation ul.subMenu a { 
 	color:#333333;
    background: none; 
    padding: 3px 20px; 
    outline: none;
 }
 
#titre{
	padding-top: 40px;
	height:40px;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
	padding-left: 270px;
}

#titre p{
	color: #986565;
	font-size: 15px;
}

/* ==================== */
/* !      Contact       */
/* ==================== */

#contact_contener{
	position: relative;
	float:right;
	width: 470px;
	height: 300px;
	margin-right: 110px;
	margin-top: 50px;
}

#contact_contener p{
	color: #FFF;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 20px 0;
}

#contact_gauche{
	position: relative;
	background: #333;
	float: left;
	width:130px;
	height: 245px;
	padding-top: 35px;
}

#contact_gauche p{
	padding-left: 20px;
}

#contact_droite{
	position: relative;
	background: #996666;
	float: left;
	width:320px;
	height: 245px;
	padding-top: 35px;
}

#contact_droite p{
	padding-left: 5px;
}

#credits_gauche{
	position: relative;
	background: #333;
	float: left;
	width:130px;
	height: 105px;
	margin-top: 12px;
}

#credits_gauche p{
	margin-top: 10px;
	font-size: 11px;
	padding-left: 20px;
}

#credits_droite{
	position: relative;
	background: #996666;
	float: left;
	width:320px;
	height: 105px;
	margin-top: 12px;
}

#credits_droite p{
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
	margin-left: 5px;
}

#plan{
	position: relative;
	float: left;
	margin-top:70px;
	margin-left:70px;
}

/* ==================== */
/* !      Galerie       */
/* ==================== */

#texte_galerie{
	position:relative;
	float: left;
	font-size: 13px;
	line-height: 15px;
	text-align: justify;
	width: 600px;
	margin-top: 75px;
	margin-left:20px;
}

#image_galerie{
	position: relative;
	float: right;
	margin-top: 40px;
	margin-right: 10px;
}

<!--[if IE 7]>
body{background: black}
<![endif]-->