html,body,ul{
	margin:0;
	padding:0;
	height:101%;
}


body{
	width: 90% !important;
	width:1000px;
	max-width: 1000px;
	min-width: 820px;
	margin: auto;
	padding: 20px 5px;
	font:normal 13px/15px helvetica, sans serif !important;
	/*outline:1px solid #000;*/
	
	
}

/*Pour forcer la police des WYSIWYG*/
#principal div,#principal p,#principal span{
font-family:helvetica, sans serif !important;
}


#media , #media *{
max-width:100%;
/*max-height:380px;*/

}

#media-accueil , #media-accueil *{
max-width:100%;
}

#entete h1{
	font-size:32px;
	margin:0;
	padding:20px 0 30px 0;
}

#entete h1 span{
	border-right:solid #000 3pt;
}


h1 a:hover{
	font-weight:bold;	
}

#fildarianne li{
	display:inline;
}

#fildarianne li a{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

#fildarianne li a:hover{
	text-decoration:underline;
	
}

#navigation{
	width:190px;
	float:left;
	/*outline:1px solid #000;*/
	text-align:right;
}





#principal{
	margin:0 200px 0 200px;
	/*outline:1px solid #000;*/
	padding:10px;
}

#principal > :first-child {
	margin-top: 10px;
}


div#entete{
	background:url(/images/entete.png) no-repeat top right;
}


	
#liens-precedent-suivant a{
	color:#000;
}


.miniatures li{
	display:inline;
}

#miniatures li img{
	/*height:40px;*/
	width:36px;
	
}

.miniatures ul a:hover{
	background:#000;
}





#media{
	width:580px;
	/*height:380px;*/
	text-align:left;
	font-family:georgia, serif;
}



h4{
	font-weight:normal;
	
}

#titre-nom-artiste{
	display:none;	
}







#secondaire{
	width:180px;
	float:right;
	/*outline:1px solid #000;*/
}

#secondaire {
	margin-top: 5px;
}
	

#secondaire ul ul{
margin:0px 0 12px 20px;
}

/*#secondaire p{
	font-family:georgia;
}*/

#secondaire ul{
	margin-top: 20px;
}

#secondaire ul li ul li{
	text-transform:none;
}

#secondaire ul li{
	text-transform:uppercase;
}


#secondaire a{
	font-weight:normal;
	text-decoration:none;
	color:#000;
}

#secondaire a:hover{
	color:silver;
}

#secondaire ul ul li a:hover{
	color:silver;
}

#secondaire ul#secondaire-liste-travaux{
	height:105px;
	overflow-x:hidden;
	overflow-y:auto;
}


#titre-index-artistes{
	display:none;	
	
}

#titre-index-rubriques{
	display:none;
	text-transform:uppercase;
}



#artistes{
	margin-top:25px;
	padding-top:15px;
	border-top:solid #000 10pt;
}

#artistes a{
	color:#000;	
	/*font-weight:bold;*/
	text-decoration:none !important;
	letter-spacing:-0.5px;
	word-spacing:5px;
	/*line-height: 150%;*/
}

#artistes a:hover{
	color:#f60;
	/*background:#000;*/
	font-weight:normal;
	text-decoration:none;
	/*letter-spacing:-0.5px;
	word-spacing:5px*/
}

#artistes li{
	padding:1px;
}





h1 a{
	color:#000;
	text-decoration:none;
}

h1 a:hover{
	color:#f60;
	background:#000;
}

#menu-index{
	margin-top:15px;
	padding-top:15px;
	border-top:solid #000 5pt;
	border-bottom:solid #000 5pt;
	padding-bottom:15px;
	text-transform:uppercase;
}

#menu-index a{
	/*font-weight:bold;*/
	color:#000;
	text-decoration:none;
}

#menu-index a:hover{
	color:#000;
	background:#f60;
	text-decoration:underline;
	font-weight:normal;
}

#titre-newsletter{
	border-top:solid #000 5pt;
	padding-top:15px;
	font-weight:bold
		
}


ul{
	list-style:none;
}
ul ul{
	margin:0;
	list-style:inside square;
	display:list-item !important;
}


img{
	border:none;
}

#presentation img{
	max-width:100%;
	max-height:auto !important;
	height:auto !important;
}

div#presentation {
	font-family:georgia, serif !important;
}




#liste-cvs li , .news{
margin:0;
padding:10px;
}

#liste-cvs div{
	width:340px;
	border-right:solid #ccc 3pt;
}

.docs-cv{
	float:right;
	width:360px;
	margin-top:-90px;
	margin-left:350px;
	list-style:none;
	position:absolute  ;
	height:120px;

}

ul.docs-cv{
line-height:5px;

}


#liste-cvs a{
	color:#000;

}

#liste-cvs a:hover{
	text-decoration:none;
}

div#cv_expos_personnelles p span {
	font-family:georgia, serif !important;
}
div#cv_expos_personnelles p {
	font-family:georgia, serif !important;
}
div#cv_expos_collectives span {
	font-family:georgia, serif !important;
}
div#cv_expos_collectives{
	font-family:georgia, serif !important;
}
div#cv_expos_collectives p {
	font-family:georgia, serif !important;
}
div#cv_residences p span {
	font-family:georgia, serif !important;
}
div#cv_residences p{
	font-family:georgia, serif !important;
}
div#cv_publications p span {
	font-family:georgia, serif !important;
}
div#cv_publications p {
	font-family:georgia, serif !important;
}

#lien-apropos a{
	color:#000;	
}

#lien-apropos a:hover{
	text-decoration:none;	
}

.active{
	color:#f60 !important;
	/*background:#000 !important;*/
	font-weight:normal !important;
	text-decoration:none !important;
}
.active2{
	color:silver !important;
	font-weight:bold !important;
}
.active3{
	color:# 000 !important;
	text-decoration:underline;
}

.active4{
color:#ff3 !important;
background:#000 !important;
}

.active5{
	color:#000 !important;
	background:#f60 !important;
	text-decoration:underline !important;
}

.active-apropos{
	text-decoration:none;

}

div#pied a{
	color:silver;
	font-weight:normal;	
}

div#pied a:hover{
	color:#000;
	background:white;	
}

div#pied ul li{
	color:silver;
	display:inline;
}

#pied {
	margin: 0;
	padding: 15px 200px 10px 200px;
	font-size: .85em;
}	

#pied{
	clear:both;
}

#pied ul li{
	display:inline;
}






.index-travaux-1 , .index-travaux-2{
	margin:0;
	padding:15px;
}

.index-travaux-1 , .index-cvs-1 , .index-news-1 , .agenda-1{
	background:#eee;
}

.index-travaux-2 , .index-cvs-2 , .index-news-2 , .agenda-2{
	background:#ddd;
}

#index-travaux img{
	float:left;
	margin:0 20px 5px 0;
}

.agenda-1 , .agenda-2{
	margin:0;
	padding:0 0 15px 0;
	font-family:georgia, serif !important;
}
.agenda-1 p , .agenda-2 p{
	margin:15px;
	font-family:georgia, serif !important;
}

.agenda-1 h3 , .agenda-2 h3{
padding:3px 5px;
}

.agenda-accueil-auteur a:hover{
	color:#000 !important;	
	text-decoration:underline !important;
}

#principal h3 .type-evenement{
font:inherit !important;
border-right:2px solid #000;
padding:0 5px 0 0 ;
}






#index-travaux li{
	min-height:220px;
	overflow:visible;
}

#index-travaux h3 , #index-travaux h4{
	margin:0 0 10px 0;
}

#index-travaux h3{
	font-size:14px;
}


#index-travaux p{
	min-height:150px;
	overflow:visible;
}






.italic{
	font-style:italic;	
}

.date-city{
	margin-top:-5px;	
}



#titre-derniers-evenements{
	background:silver;
	color:white;
	text-align:center;	
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}


#wall-galery img{
	width:100px;
}

input:focus{
		outline:5px inset invert;
}

#principal #galery-name{
	font-weight:bold !important;
	font-size:16px;
}

#titre-descriptif-galerie{
	display:none;
	background:#000;
	color:white;
	text-align:center;	
	font-weight:bold;
	text-decoration:none;
}

#descriptif-galerie{
	border-top:solid #ccc 10pt;
	font-family:georgia;
}

#nom-artiste-survol{
	font-weight:bold;
	font-size:22px;
	text-transform:uppercase;
	line-height:125%;
}

.agenda-accueil{
	background:#ccc;
	padding:15px;
}
.agenda-accueil-titre{
font-weight:bold;
text-transform:uppercase;
}
.agenda-accueil-date{
	font-family:georgia, serif !important;
}
.agenda-accueil-lieu{
	font-family:georgia, serif !important;
}
.agenda-accueil-ville{
	font-family:georgia, serif !important;
}
#legende-media{
	height:35px;
	font-size:11px;	
	text-align:left;
	margin-top:10px;
}

#legende-media p{
	float:left;
	margin-bottom:50px;
}



blockquote{
	font-family:georgia, serif;
	text-align:justify;
}


.last{
	font-style:italic;	
}







#objet , textarea{
width:100% !important;
width:98%;
}













a{
color:#000;
}

a:hover{
text-decoration:none;
}



#miniatures img{
	border-bottom:4px solid white;
	padding-bottom:2px;
}

#miniatures img.activemini{
	border-bottom:4px solid #000;
}












#calendrier td , #calendrier th{
text-align:right;
vertical-align:top;
padding:5px;
height:90px;
width:100px;
}

#calendrier th{
height:22px;
}
#calendrier ul{
text-align:left;
list-style:square;
padding:8px 0 0 15px;
}

#calendrier .jour{
font-weight:bold;
font-size:15px;
}





#infobulle
{
	position:absolute;
	background:white;
	width:300px;
	height:150px;
	border:1px solid black;
	padding:10px;
	opacity:0.9;
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	filter:alpha(opacity=90); 
}


#infobulle h3{
	padding:3px;
	margin:0 0 10px 0;
}