html{
margin:0;
padding:0;
background:#fff;
color:#000;
}
body {
margin: 0;
font-family: arial,sans-serif;
font-size:12px;
min-width:850px;
}

#wrap {
width: 850px;
margin: 0 auto;
}

	
/* comportement par defaut */
	
a {
text-decoration: underline;
color: #000;
} 

a:hover {color:red;}

a img {
border: 0;	
}
img {
behavior: url("win_png.htc");
}

h1 {
color:red
}
ul, li {
list-style-type: none;
margin: 0;
padding: 0;	
}

p, h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin: 0;	
}


#lang{float:right;
text-transform:uppercase;}
#lang li{display:inline;}
#lang a{text-decoration:none;
color:red;
}

#heading{
width:650px;
margin:20px 0px 30px 0px;
}
#heading h2{font-size:16px;
margin-top:5px;}

#menu{width:140px;
font-size:13px;
text-transform:uppercase;

}
#menu a{text-decoration:none;}
#menu a:hover{
color:#999;}
#menu li{margin-bottom:0.3em;}

#content {
float:right;
width: 690px;
text-align:justify;
	}
#content h2{
margin-bottom:5px;
font-size:20px;
	}
#content h2 a{
text-decoration:none;
	}
#content h3{
font-size:13px;}

#content h4{
margin-top:4px;}

#content p{
margin:0em 0em 0.8em 0em;}

.margin{
float:right;
width:450px;
margin:20px 0px 10px 0px;
}

.redbloc{
text-transform:uppercase;
border-bottom:1px solid #ccc;
padding:0 0 20px 0;
margin-bottom:30px;
}

#footer {
float:right;
text-align:right;
width:700px;
font-size:9px;
color:#999;
padding:50px 20px 10px 0px;
}

#sommaire h2{
	margin-top:10px;
font-size:30px;}
#sommaire .title{
	margin-top:0;
	font-size:16px;
	border-bottom:1px solid #1DBfff;}
#sommaire h2 span{
color:#999;
position:relative;
top:-12px;
font-size:15px;
}
#sommaire h3{
color:#F351AB;
font-size:16px;
}
#diaporama{
text-align:right;
width:200px;
}
#diaporama img{
border:1px solid #999;
margin:3px;
}
#diaporama p{
letter-spacing:0em;
margin:0px 3px 0px 3px;
color:#000;}

#diaporama span{
font-size:95%;
letter-spacing:0em;
color:#666;
}
.bloc200{width:200px;}

/* AGENDA */
.agenda18{background-color:#d86666;}
.agenda19{background-color:#f3a540;} 
.agenda21{background-color:#93bd4f;} 
.agenda3{background-color:#91a1ba;}
.opening{background-color:#658cd7;} 

.agenda18, .agenda19, .agenda21, .agenda3, .opening{
float:left;
width:230px;
margin:5px 2px 2px 2px;
padding:2px; 10px;
color:#fff;
font-size:12px;
font-family:verdana;
text-align:left;
}
iframe{margin-top:15px;}

/*~~~~~~~~~~~~artists list~~~~~~~~~~~~~~*/
#search a{float:right;
margin-right:540px;
color:#c00;
text-decoration:none;
}
#quicksearch{
margin-bottom:10px;
	}
#all-artists h1{
font-size:16px;
font-weight:normal;
color:#000;
}

#all-artists ul{
width :200px;
padding:3px;
float:left;}

#all-artists li a{
margin-left:8px;
text-decoration:none;
}

.lettrine{
font-size:12px;
font-family:helvetica,verdana;
color:red;
margin-top:10px;
text-transform:uppercase;
}
.country{font-size:9px;color:#999;}
.red{color:red;}
.red a{color:red;
font-size:11px;
text-decoration:none;}

.uppercase{
text-transform:uppercase;}

/*~~~~~~~art program~~~~~~~*/

#artprogram{
text-align:left;
height:1200px;
padding:5px;
}
#artprogram h3{
border-bottom:1px solid #ccc;
color:#999;
margin-top:15px;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin-bottom:10px;
}
#artprogram h4{
font-size:15px;}
#artprogram h5{
font-size:11px;
text-transform:uppercase;
text-align:center;
margin-bottom:10px;
margin-top:20px;
color:red;
}
#artprogram h6{font-weight:normal;
font-size:11px;}

#artprogram ul{
padding:0px 4px 0px 4px;
width:31%;
float:left;}

#artprogram a{
text-decoration:none;}

.artprogram-date{
color:#999;
margin-top:10px;
margin-bottom:4px;
font-size:14px;
padding:2px 10px 0px 0px;
border-top:1px solid #ccc;
text-align:right;
font-family:century gothic,helvetica neue,verdana;
}

.space18, .space19, .space21{
font-size:10px;
padding:3px 6px 3px 6px;
margin:right:5px;
background-position:1px 1px;
}
.space18{
color:#FF3333;}
.space19{
color:#3399FF;}
.space21{
color:#6600CC;}


.right{text-align:right;
font-size:10px;}
.right a{color:red;}

/*~~~~~~~~~~~for the program page, 2007, 2008, etc.~~~~~~~~~~~~~~~~~*/
#program h3{
margin-top:10px;
font-weight:normal;
color:red;}
#program p{
margin:0px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.margintop{
margin-top:30px;}

.alignright{
text-align:right;}

.topline{
padding-top:3px;
border-top:1px solid #999;
}
.italic{
	font-style:italic;
	color:grey;}
.filler{width:200px;}

.smaller{font-size:12px;
font-weight:normal;}

.grey{color:grey;}

.blocart{float:left;
margin-bottom:15px;
border-bottom:1px dashed #999;
}
.marginbottom{margin-bottom:10px;}
.tiny{font-size:11px;}

/* N E W S L E T T E R */
#newsletter-sommaire{
clear:both;
margin-top:10px;
padding-top:20px;
}
#newsletter-sommaire h2{
padding-top:18px;
border-top:1px solid #ccc;
}
#newsletter-sommaire ul{
width:260px;
padding:0 10px 0 0;
float:left;
}
#newsletter-sommaire h4{
font-weight:bolder;
margin-top:15px;
}
#newsletter-sommaire h4 a{
text-decoration:none;
}
#newsletter-sommaire li p{
color:#777;
}
#newsletter-sommaire li p.date {
color:#1dbfff;
}
#newsletter-sommaire .artist{
color:#c00;}


#newsletter-definitions{
}
#newsletter-definitions span{
text-transform:uppercase;
margin-right:20px;
font-weight:bold;
color:red;
}
#newsletter-definitions li{
margin-bottom:4px;
}

#newsletter{
}
#newsletter div{
margin-left:40px;
}
#newsletter h2{
color:#000;
margin:5px 0px 5px 0px;
border-bottom:1px solid #ccc;
}
#newsletter h2 a{
color:#000;
font-size:16px;
}

#newsletter h3{
margin:10px 0px 3px 0px;
color:#000;
font-size:14px;
font-weight:normal;
}

#newsletter p{
font-size:11px;
margin:0px;
margin-top:2px;
}

.date{color:#1dbfff;
}
#newsletter a{color:#999;
text-decoration:none;
font-size:12px;}
#newsletter a:hover{
text-decoration:underline;
}
#newsletter span{
text-transform:uppercase;
font-size:11px;
}
/* E D I T I O N S */
#editions div{
float:left;
height:220px;
padding:4px;
}
#editions p{font-size:11px;
width:150px;}
#editions img{border:1px solid #ccc;
}
#editions h4{
width:150px;
font-size:14px;
}
#editions span{
color:#999;
}

#pagination{
font-size:14px;
border-top:1px dotted;
text-align:right;
width:630px;}
#pagination a {color:#CC0000;
text-decoration:none;
font-weight:bold;
}


.bottomline{border-bottom:1px solid #999;
padding-bottom:20px;}
.centered{text-align:center;}

.yellow{
color:#FFEB00;}
.yellow a{color:#ffeb00;}
#arrows{
color:#ccc;
width:200px;
text-align:center;
margin-top:30px;
}

#arrows a{color:#999;
margin:20px;
text-decoration:none;
}
#inc-editions{margin-bottom:20px;}
#inc-editions h3 {
margin:3px 0px 0px 20px;
}
#inc-editions h3 a{
text-decoration:none;
}
#inc-editions span{font-size:90%;color:grey;font-weight:normal;}

/* FRIENDS */

#friends-formulas{
border:1px solid red;
padding:20px;
}
#friends-formulas a{color:red;
}

.friends{width:680px;
margin-top:10px;
}
.friends div{
float:right;
width:400px;
}
.friends div p{margin-top:0;
}
#partners h3{
text-transform:uppercase;
border-bottom: 1px dotted red;
margin: 8px 0px;}
#partners li{margin-top:3px;
list-style:circle;}
#partners li a{text-decoration:none;}
#partners li a:hover{color:#999;}

/* forms */
label{
color:grey;
display:block;
margin:2px 0;
}
input{margin-top:3px;}
textarea{
padding:2px;
height:150px;
width:200px;}
#myspamfriend{
display:none;}
/*guestbook*/
#guestbook{
font-size:13px;
border-top:1px solid red;
margin-top:10px;
}
#guestbook h3, #guestbook h4{
margin-bottom:15px;
margin:0;
padding:0;
font-size:16px;
}
#guestbook h3 strong{
color:#999;}
#guestbook div{
padding:8px 20px;
}
#guestbook p{
margin:4px 0px 8px 0px;
}
#guestbook .grey, #guestbook .website{
color:#3399FF;
font-size:12px;
font-weight:normal;}
blockquote{
margin-left:10px;
font-family:serif;
}
.error{
border:1px solid red;
width:350px;
padding:15px;
background:#ffeeee;}
.ok{
border:1px solid green;
width:350px;
padding:15px;
background:#eeffee;}
.formulaire_spip fieldset{
border:0;}