html {
	font-size: 100%;
}

body {
	font-size: .8em;
	margin: 0px;
	font-family : Arial;
}
body.fdGris {
	background : #000 url(images/fd-raye-noir.gif) repeat top left;
}
body.accueil {
	background : #000 url(images/fd-raye-noir.gif) repeat top left;
}
h1{
	color:#F57328;
	margin : 0;
	padding : 20px 0px 0px 0px;
	font-size: 20px;
	font-family : Arial, Verdana;
}
h2{
	color:#F57328;
	margin : 0 0 5px 0;
	font-size: 16px;
	border-bottom:solid 3px #F57328;
	font-family : Arial, Verdana;
	padding:0;
}
h3{
	margin : 0;
	font-size: 14px;
	font-family : Arial, Verdana;
	font-weight:bold;
	color:#F57328;
	background:url(images/fleche.gif) no-repeat top left;
	padding-left: 30px;
	padding-bottom:3px;
}
p{
	color:#000;
	font-family : Arial;
	font-size : 100%;
	font-weight:normal;
	margin : 0px 0px 15px 0px;
}
a, a:link, a:visited{
	color:#F57328;
	text-decoration : underline;
}
a:hover, a:focus, a:active{
	color:#F57328;
	text-decoration : none;
}
#container {
	border : solid 1px #000;
	width : 740px;
	margin : auto;
	padding : 0;
	background-color : #FFF;
}
div.bandeau {
	margin : 0;
	padding : 0;
	background:#000 url(images/bandeau-new.gif) no-repeat top left;
	height : 189px;
	padding-right:20px;
	text-align:right;
}

div.bandeau  p.expo{
	color:#FFF;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 150%;
	font-weight:normal;
	letter-spacing : 2px;
	text-transform:uppercase;
	padding-top : 20px;
	margin:0px;
}
div.bandeau p.date{
	color:#000;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 100%;
	font-weight:normal;
	margin:0px 0px 7px 0px;
}
p.fdBlanc {
display:inline;
background-color:#FFFFFF;
padding : 2px;
}
ul.menu {
	border-top : solid 1px #000;
	padding : 0px 30px 0px 30px;
	margin : 0px 0px 30px 0px;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 100%;
	font-weight : bold;
	list-style: none ;
}

ul.menu li{
	float: left ;	
	padding : 0px 5px 0px 0px;
	margin : 0px;
}
ul.menu li.presentation {
	width: 126px;
}
ul.menu li.biographie {
	width: 80px;
}
ul.menu li.matisse {
	width: 80px;
}
ul.menu li.picasso {
	width: 80px;
}
ul.menu li.miro {
	width: 80px;
}
ul.menu li.brauner {
	width: 80px;
}
ul.menu li.gravures {
	width: 90px;
}
ul.menu li.artistes {
	width: 130px;
}

ul.menu li.piecesexposees {
	width: 85px;
}
ul.menu li.infospratique {
	width: 90px;	
}
ul.menu li.vue {
	width: 100px;	
}
ul.menu li.estampes {
	width: 110px;	
}

ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
	display: block ;
	padding : 18px 5px 5px 10px;
	color : #000;
	background : #FFF url(images/sep-menu.gif) no-repeat bottom left;
	text-decoration: none;
}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a:active{
	color : #F57328;
}
div.contenu {
	clear: left;
	padding : 0px 30px 0px 30px;
	margin : 0px 0px 0px 0px;
}

/*** TITRE DE PAGE */
h1.titrePage{
	color:#000;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 170%;
	font-weight:normal;
	padding : 0px;
	margin : 0px 0px 10px 0px;
}
h1.rouge {
	color:#CC0033;
	padding-left : 50px;
	background : url(images/puce-titre-rouge.gif) no-repeat 0px 19px;
}
span.rougepale {
	color:#F2A9B7;
}
h1.bleu {
	color:#0066CC;
	padding-left : 50px;
	background : url(images/puce-titre-bleu.gif) no-repeat 0px 19px;
}
span.bleupale {
	color:#6699CC;
}
h1.violet {
	color:#996699;
	padding-left : 50px;
	background : url(images/puce-titre-violet.gif) no-repeat 0px 19px;
}
span.violetpale {
	color:#CC99CC;
}
h1.jaune {
	color:#F5C400;
	padding-left : 50px;
	background : url(images/puce-titre-jaune.gif) no-repeat 0px 19px;
}
span.jaunepale {
	color:#FFCC66;
}
h1.orange {
	color:#CC3300;
	padding-left : 50px;
	background : url(images/puce-titre-orange.gif) no-repeat 0px 19px;
}
span.orangepale {
	color:#FF6633;
}
h1.gris {
	color:#828A91;
	padding-left : 50px;
	background : url(images/puce-titre-gris.gif) no-repeat 0px 19px;
}
span.grispale {
	color:#A9B3BC;
}
/**** BAS DE PAGE   ****/
div.logos {
clear:both;
	padding : 20px 0px 20px 20px;
}
div.logos img{
	border:0;
}
div.logos a, div.logos a:link, div.logos a:visited{
	padding : 20px 10px 20px 10px;
}
div.logos a:hover, div.logos a:focus, div.logos a:active{
}
img.logoBMLyon {
padding-left : 23px;
}

/*** presentation ***/
table.vueExpo {
	float : left;
}
table.vueExpo img{
	padding-bottom : 7px;
	}
/*** voleurdimages ***/
img.animPhotos {
	float : left;
	padding-right : 10px;
}
p.signature {
	text-align : right;
}
/*** infospratique ***/
img.afficheExpo {
	float : right;
	padding-left : 30px;
}
h3.titreGris {
	color : #828A91;
	margin : 0;
	padding : 0;
	font-size : 120%;
	font-family : Arial;
	font-weight : bold;
}
span.orange {
	color:#D64800;
}

/*** biographie ***/
img.alignDroite {
	float : right;
	padding-left : 30px;
}
img.alignGauche {
	float : left;
	padding-right : 30px;
	padding-bottom:30px;
}
div.colonneGauche {
	float : left;
	width : 325px;
}
div.colonneDroite {
	float : right;
	width : 325px;
}

a.lienCatalogue {
	background : url(images/lien-b.jpg) no-repeat 0px 5px;
	padding-left : 8px;
	}
/**** page accueil ***/
div.containerAccueil {
	width : 858px;
	height : 550px;
	margin : auto;
}
div.containerAccueil img.visuelAccueil {
	float : left;
}
div.texteExpo {
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	height : 260px;
	width : 387px;
	float : right;
	padding : 153px 0px 0px 0px;
}

div.texteExpo h1 {
	color : #FFF;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin:0;
	padding:0;
}
div.texteExpo a ,div.texteExpo a:link,div.texteExpo a:visited{
	text-decoration : none;
	color : #666666;
}
div.texteExpo a:hover h1,div.texteExpo a:focus h1,div.texteExpo a:active h1{
	color : #333;
}
div.texteExpo h2 {
	color : #FFF;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	padding-top : 7px;
}
div.texteExpo a:hover h2,div.texteExpo a:focus h2,div.texteExpo a:active h2{
	color : #333;
}
div.texteExpo h3 {
	color : #FFF;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	padding-top : 7px;
	letter-spacing:1px;
}
div.texteExpo a:hover h3,div.texteExpo a:focus h3,div.texteExpo a:active h3{
	color : #333;
}
span.txt18 {
	font-size : 18px;
}
div.logosAccueil {
	text-align : right;
	padding-top:85px;
}
div.logosAccueil img{
	border:0;
}
div.logosAccueil a, div.logosAccueil a:link, div.logosAccueil a:visited{
	padding : 0px 0px 20px 0px;
}
a.fleche img{
	margin-top : 45px;
}
body.afficheImage {
background-color:#FFFFFF;
padding : 30px;
}
ul.ancre li{
	list-style : none;
	background : url(images/puce-li.gif) no-repeat 0px 3px;
	padding-left : 20px;
}
ul.ancre a, ul.ancre a:link, ul.ancre a:visited{
font-weight:bold;
font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
text-decoration:none;
color:#C5091D;
}
ul.ancre a:hover,ul.ancre  a:focus,ul.ancre  a:active{
text-decoration:underline;
}
p.hautPage {
	text-align : right;
	background : url(images/puce-haut-page.gif) no-repeat top right;
	padding-right : 17px;
	padding-top :5px;
	padding-bottom :0px;
}
div.bandeau h3.titre {
font-weight : bold;
letter-spacing : 0.4px;
}
span.legende {
font-size: 0.8em;
font-style: italic;
color : #666;
}
div.bandeBasPage {
background-color:#333;
clear:both;
height:22px;
padding-top:3px;
text-align:center;

}
div.galerie {
overflow: auto;
width:670px;
height: 450px;
}
p.artistes {
color:#ff6600;
font-weight:bold;
padding-left:60px;
padding-top:30px;
}
p.infosAccueil{
color:#FFF;
font-weight:bold;
padding-left:60px;
}
div.texteExpo a.lienEntree{
color:#F57328;
font-weight:bold;
font-size:18px;
background:url(images/fleche-entree.gif) no-repeat top right;
padding-right:15px;
padding-left : 130px;
}