/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header
{
	height: 40px;
	background-color: #FFFFFF;
	text-align:left;
	color:#DDD;
	font-size:10px;
}

#header a
{
	color:#DDD;
	font-weight:normal;
}

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

#header h1
{
	text-align:left;
	color:#DDD;
	font-size:10px;
	margin-bottom:0px;
	font-weight:normal;
}

#haut {
/* height: 130px; */
background-color:#FFFFFF;
padding-bottom:5px;
}

#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background-color:#FFFFFF;
}
#centre {
background-color:#FFFFFF;
margin-left: 0px;
margin-right: 150px;
}

#droite {
position: absolute;
right:0;
width: 140px;
}

/* pb quand zone gauche est plus petite que celle a droite */
#pied {
height: 30px;  /* A REVOIR */
background-color: #D9D9D9;
width: 750px;
margin: 0 auto; 
}

.cadre {
width:130px;
padding:5px;
margin: 0 0 5px 0;
background-color:#d9d9d9;
font:  0.8em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
color: #444;
/* font-size: 0.8em; */
}

.cadre img {
border: 2px solid #BBB;
}

div#titre_droite  {
width:140px;
padding:0px;   /* si padding de 10 alors mettre width a 120 */
background: transparent url("./graphics/titre_droit.gif") no-repeat 0 0;
color: #5e6358;
}

#titre_droite h2 {
		padding: 4px 0 0 12px;
		margin: 0 0 5px 0;
		height: 20px;
		color: #FFF;
		font:  0.8em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: bold; 
	}

#titre_droite A {
	COLOR: #fff;
	TEXT-DECORATION: none
}

#titre_droite A:visited {
	COLOR: #fff
}

#titre_droite A:hover {
	TEXT-DECORATION: none
}

.ardoise_haut {
width:600px;
height: 45px;
padding-left :0px;  /* car avec paddinf vertical cree une zone bordure  */
padding-right :0px;
background-color:#FF0000;
background:  url("graphics/haut.jpg") left top no-repeat;
}

.ardoise_milieu {
width:580px;
padding:5px 10px 5px 10px;
background-color:#FFFFFF;
background:  url("graphics/centre.jpg") left bottom repeat;
text-align:center;   /* Avant justify mais mieux avec center pour image centree */
					/* de plus si utilise la balise p le texte est bien positionne à gauche */
					/* permis de ne plus mettre align sur la balise image xhtml strict */
}

.ardoise_milieu img {
border: 5px solid #eee;
}

.ardoise_milieu p {
	PADDING-RIGHT: 20px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px;
	text-align:justify;
}
	
.ardoise_milieu_gauche {
width:560px;
padding:5px 20px 5px 20px;
background-color:#FFFFFF;
background:  url("graphics/centre.jpg") left bottom repeat;
text-align: left;   
}

.ardoise_milieu_droite {
width:540px;
padding:5px 30px 5px 30px;
background-color:#FFFFFF;
background:  url("graphics/centre.jpg") left bottom repeat;
text-align: right;   
}

.ardoise_bas {
width:570px;
height: 55px;
align="right";
padding-right:30px;
background-color:#FFFFFF;
background:  url("graphics/bas.jpg") left bottom no-repeat;

}




.titre_oeuvre {
		color: #666;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: bold; 
		font-style: normal; 
}

.dimension_oeuvre {
		color: #222;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: normal; 
		font-style: normal; 
}

.support_oeuvre {
		color: #222;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: normal; 
		font-style: italic; 
}

.avertissement_bas {
		color: #666;
		font:  0.7em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		text-align:center;
}

.copyright_opale_site {
		color: #AAA;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: bold; 
		font-style: normal; 
		text-align:center;
}

.copyright_opale_site a:hover {
	COLOR: #AAA;
	TEXT-DECORATION: none
}

.texte_centre {
		color: #555;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		text-align:center;
}

.texte_gauche {
		color: #555;
		font:  0.9em Verdana,Tahoma,Arial,Helvetica,FreeSans,sans-serif; 
		font-weight: normal; 
		font-style: normal; 
		text-align:left;
		margin-left:20px;
		margin-right:10px;
}

#chaine_menus  {
	TEXT-DECORATION: none;
	COLOR: #aaa;
	font-weight: bold;
}

#chaine_menus A {
	TEXT-DECORATION: none;
	COLOR: #aaa;
	font-weight: bold;
}

div#chaine_menus {
background-color:#fff;
text-align:left;
COLOR: #ccc;
}

#chaine_menus A:visited {
	TEXT-DECORATION: none;
	font-weight: bold;
}

#chaine_menus A:hover {
	TEXT-DECORATION: none;
	font-weight: bold;
}






.bloc_complet_expo {
padding-top :10px;  
padding-bottom :10px;  
background-color:#FFFFFF;
}

div#bloc_complet_futures_ancien {
padding-top :10px;  
padding-bottom :10px;  

}

.titre_expo_cours {
text-align:left;
font-size: 1.2em;
font-weight:bold;
color:#FFFFFF;
margin: 0;
padding-top: 15px;
padding-left:20px;
position: absolute;
left:0;
width: 400px;
}

.date_expo_cours {
text-align:right;
font-size: 1em;
font-weight:normal;
color:#FFFFFF;
margin: 0;
padding-top: 15px;
padding-right:20px; 
position: absolute;
left:120px;
width: 450px;
}

.titre_bio {
text-align:center;
font-size: 1.2em;
font-weight:bold;
color:#FFFFFF;
margin: 0;
padding-top: 15px;
padding-left:0px;
position: absolute;
left:0;
width: 600px;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

p {
/* 	FONT-SIZE: 10px; MARGIN: 10px 0px 5px; COLOR: #555; LINE-HEIGHT: 16px */
	FONT-SIZE: 0.9em; MARGIN: 10px 0px 5px; COLOR: #555; LINE-HEIGHT: 16px 
}
/* p {margin: 0 0 5px 0;} */

/* utilise pour les images flottantes a l'interieur article */
.left {float:left; margin:10px 20px 10px 10px; border:0px solid #000;}
.right {float:right; margin:10px 20px 10px 10px; border:0px solid #000;}
.au_centre {float:center; margin:10px 20px 10px 10px; border:0px solid #000;}

H1 {
	color: #99A9B6;
}

H2 {
	color: #99A9B6;
	margin-left:10px;
}

H3 {
	color: #99A9B6;
	margin-left:10px;
}

/* ajout juillet 2008 (annes 50) */
.Titre_Expo_Une {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.Date_Expo_Une {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.Nom_Artiste {font-size: 1.3em}

#menu_bas
{
	margin-bottom:5px;
}

#menu_bas a
{
	color:#AAA;
	font-weight:normal;
	font-size: 12px;
}

#menu_bas a:hover
{
	color:#AAA;
	font-size: 12px;
}