@charset "UTF-8";
html{
	font-size:100%;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	margin:0;
	background: url(../graphisme/fond.gif) repeat-x top;
}

hr{
	display:none;
	clear: both;
}

img{
	border:solid 0px;
}

ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

/* ########################## */
/* ######## HEADER ########## */
/* ########################## */

#header #titre{
	background:url(../graphisme/titre.gif) left no-repeat;
	height:42px;
}


#header #adresse {
	background:url(../graphisme/adresse.gif) left no-repeat;
	height:42px;
}

#header #mail img{
	border:0x;
}

#menu {
	position:absolute;
	top:110px;
	margin-left:10px;
	width:600px;
}

#menu ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}
#menu ul li{
	display: inline;
	margin-right:5px;
}


/* ######################## */
/* ######## LINK ########## */
/* ######################## */

a:link {
	color: #3399cc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3399cc;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #3399cc;
}




/* #################### */
/* ###### LAYOUT ###### */
/* #################### */
#content{
	position:absolute;
	top:144px;
	left:30px;
	width:820px;
}


/* >> TEXTES */
#texte{
	position:absolute;
	z-index:20;
}
#texte.exhibition, #texte.contact{
	left:410px;
}
#texte.expo, #texte.artists{
	width:190px;
}
/*#texte.contact{
	left:380px;
	background-color:#66FF00;
}*/
#texte.private form#loginform{
	margin-top:30px;
	margin-left:90px;
}


/* >> IMAGES */
#image{
	position:absolute;
	width:400px;
	text-align:left;
	z-index:10;
}
#image.exhibition{
}
#image.artists{
	left:200px;
}
#image.expo{
	left:200px;
}
#image.contact{
	text-align:center;
}







/* ############################# */
/* ###### STYLES DE TEXTE ###### */
/* ############################# */
#texte h2{
	margin:0 0 1em;
	font-size: 1em;
	font-weight: bold;
}

#artists_list li{
	margin:0px;
	padding:0px;
	margin-bottom:0.8em;
}

.legendText{
	font-size: 0.8em;
	margin: 0.5em 0em 0em;
}

.alignBottom{
	display:table-cell;
	vertical-align:bottom;
}

#legende{
	width:700px;
}

#legendBloc{
	width:820px;
	position:relative;
}

#legendimage{
	text-align:left;
	width:400px;
}

#infoartist{
	width:420px;
	display:table-cell;
	vertical-align:bottom;
}	
.pdflink, .artistname{
	margin:0px;	
}

.titre{
	margin-left:400px;
	vertical-align:bottom;
}


#texte ul li h3, #texte h3{
	margin:0px;
	padding:0px;
	font-size:1em;
	font-weight:normal;
	color:#3399cc;
}

#texte ul li{
	margin:0;
	margin-bottom:0.8em;
}

.normal{
	color:#000000;
}

.artists ul li a{
	color:#000000;
}
.artists ul li a:hover{
	color:#3399cc;
}


label {
	width:100px;
	display:block;
	float:left;
	margin-top:5px;
	color:#3399cc;
	font-weight:bold;
}

.french{
	font-style:italic;
}

.private_bloc{
	width:700px;
	clear:both;
}
.private_bloc img{
	float:left;
	width:400px;
	margin-right:10px;
	margin-bottom:10px;
}
.private_texte p{
}

.orange{
	color:#3399cc;
}

li p{
	margin:0;
}
p.date{
	margin-top:0px;
	margin-bottom:0.8em;
}
p.pdf{
	margin:0px;
	font-size: 0.9em;
}