* { margin:0; padding:0; }
body, html {
	margin:0;
	padding:0;
	font-family:verdana, sans-serif;
	font-size:0.9em;
	color:black;
}
body {
	background:url('images/alu02.jpg') #CECECE top left repeat;
}

a, a.on { text-decoration:none; color:#C73B27; }
a:hover, a.on:hover { color:black; }
img, h1, h2, h3, h4, h5, h6 {
	border:none;
	padding:0;
	margin:0;
}
p { margin:0; padding:0; }
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
.spacer { clear:both; line-height:1px; }


#page {
	position:relative;
	
	
}
#contenu {
	position:relative;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	border-top:5px solid #464546;
}
/* #4F223F /*#3F2F39 /*black*/
/************************************le logo*/
a#ghc {
	display:block;
	float:left;
	width:220px;
	height:80px;
	background:url('images/logoghc_00.gif') #464546 bottom center no-repeat;
}
a#ghc:hover {
	
}

/************************************le menu*/
#menu {
	position:relative;
	width:905px;
}
.menu {
	float:left;
}
.menu a {
	text-decoration:none;
	display:block;
	text-align:center;
}
a.accueil {
	border-top:3.8em solid #464546;
	width:4.8em;
}
a.artistes {
	border-top:3.5em solid #464546;
	width:5em;
}
a.actualites {
	border-top:2.3em solid #464546;
	width:6.2em;
}
a.expositions {
	border-top:2.6em solid #464546;
	width:6.8em;
}
a.films {
	border-top:2.3em solid #464546;
	width:5em;
}
a.nosservices {
	border-top:1.7em solid #464546;
	width:7.6em;
}
a.recherche {
	border-top:1.2em solid #464546;
	width:6.8em;
}
a.contact {
	border-top:1.7em solid #464546;
	width:5.2em;
}
a.liens {
	border-top:.4em solid #464546;
	width:3.6em;
}

a.accueil:hover {
	border-top-color:#000;
}
a.artistes:hover, 
a.actualites:hover, 
a.expositions:hover,
a.films:hover, 
a.nosservices:hover, 
a.recherche:hover, 
a.contact:hover, 
a.liens:hover, 
.page_artistes a.artistes, 
.page_actualites a.actualites, 
.page_expositions a.expositions, 
.page_films a.films, 
.page_nosservices a.nosservices, 
.page_recherche a.recherche, 
.page_contact a.contact, 
.page_liens a.liens { border-top-color:#000; }


li#smenu1 {
	display:none;
	position:absolute;
	width:250px;
	height:2.6em;
	float:left;
	text-align:left;
	top:3.5em;
	left:21.8em;
	z-index:500;
}

li.smenu1 {
	font-size:90%;
	margin:0.2em 0;
}
li.smenu1 a {
	color:white;
	padding:0.2em 0.5em;
	background-color:#464546;
}
li.smenu1 a:hover {
	background-color:#000;
}

/* la traduction du menu */
li.menu a em {
	float:left;
	font-size:85%;
	color:#464546;
	margin-left:.8em;
}
h1.titre em {
	font-size:95%;
	font-weight:normal;
}

/****************************la zone texte*/
h1.titre {
	position:relative;
	margin-top:0;
	padding-left:10px;
	margin-bottom:-15px;
	width:285px;
	font-size:0.9em;
	color:white;
	z-index:1;
	background:#464546;
}
h1.titre span, .rubrique-artiste span {
	text-transform:uppercase;
}

.titre a { color:white; }
h1.titregalerie {
	font-size:0.9em;
}

#texte {
	float:left;
	width:285px;
	height:400px;
	padding:0 10px;
	margin-bottom:10px;
	border-top:16px solid #464546;
	overflow:auto;
}
#texte_image {
	float:left;
	width:420px;
	padding:0 10px;
	margin-bottom:10px;
}

.page_sommaire #texte img, .page_sommaire #texte .doc_descriptif {
	float:right;
	text-align:right;
}
.page_sommaire #image .texte .spip_documents img {		/* l'image d'accueil coll�e � la bordure */
	margin-top:-20px;
}
.page_sommaire #image, .page_sommaire #image .texte {
	width:420px;
}
.page_sommaire #texte h5 {
	float:none;
}

.page_sommaire p.doc_descriptif a {
}


#texte .texte .spip_documents img {				/* l'image des biographies coll�e � la bordure */
	margin-top:-16px;
}
.texte, .chapo {
	font-size:0.95em;
	margin-top:.5em;
}
.chapo {
	font-weight:bold;
}


#texte h5, #bloc_images h5 {				/* traduction */
	font-size:.9em;
	float:right;
	background:#BFBFBF;
	padding:0 .2em;
	margin-left:60px;
	font-weight:normal;
	text-align:right;
}
.page_sommaire #texte h5, #bloc_images h5 {				/* traduction */
	font-size:.9em;
	float:right;
	clear:both;
	background:#BFBFBF;
	padding:0 .2em;
	margin-left:60px;
	font-weight:normal;
	text-align:right;
}

ul#listeartiste { font-size:0.9em; }
ul#listeartiste li {  }
ul#listeartiste a:hover, a.on {
	border-right:5px solid #000;
}

.traduction {
	font-size:.9em;
	text-align:right;
}
/*****************************bloc_images*/
#bloc_images {
	float:left;
	position:relative;
}
#bloc_images .texte p.message { width:480px; }

#vignettes {
	float:left;
	width:145px;
	height:400px;
	border-top:10px solid #464546;
	overflow:auto;
	text-align:right;
}

#image {
	float:left;
	text-align:left;
}
h6.doc_titre, h5.doc_titre {
	text-align:left;
	line-height:0.8em;
}

h6.doc_titre {
	clear:both;
	font-size:.8em;
	font-weight:normal;
	margin-top:-3px;
	border-top:6px solid #464546;
	width:80px;
	text-align:right;
	display:inline;
	z-index:1;
}
#vignettes a {
	display:block;
	margin-bottom:2px;
	margin-top:10px;
}
#vignettes ul {
	width:120px;
	margin-left:5px;
	margin-top:-10px;
	overflow:hidden;
}

#image h6.doc_titre {			/* oeuvres hasard */
	width:300px;
}
.doc_descriptif {
	position:relative;
	width:300px;
	float:none;
	margin-top:0;
	text-align:left;
	font-size:80%;
	border-top:10px solid #464546;
}

#texte .doc_descriptif {
	width:240px;
	border:none;
}
.doc_descriptif strong.spip {
	font-size:120%;
}
/********************************* actualit�s */
.page_actualites #image, .page_expositions #image { width:400px; }
.page_actualites #image p.doc_descriptif { margin-top:-3px; }

/******************************** expos */
.date { margin-bottom:.6em; }
.pupop {
	display:none;
	position:absolute;
	left:305px;
	margin-top:-2.2em;
}
.page_expositions .pupop {
	margin-top:-3.1em;
}

/**********************************************
page uniques et multiples
**********************************************/
.page_multiples #image #texte_image, .page_uniques #image #texte_image {
	border:none;
	width:480px;
}

/******************************** films */
.date { margin-bottom:.6em; }
.pupop {
	display:none;
	position:absolute;
	left:305px;
	margin-top:-2.2em;
}
.page_films .pupop {
	margin-top:-3.1em;
}

/**********************************************
page contact, liens, mentions, plan, recherche
**********************************************/

/*************formulaire recherche*/

label {
	text-align:right;
	cursor:pointer;
	line-height:1.6em;
}
input, textarea {
	font-size:1.2em;
	font-family:trebuchet MS, sans-serif;
	font-weight:bold;
	padding:1px 4px;
}
input#envoi { cursor:pointer; }
#image input, #image textarea {
	border:1px inset #eee;
	background:white;
	opacity: 0.55;			/* transparence W3C */
	filter : alpha(opacity=55);	/* transparence IE */
}
#image textarea {
	width:250px;
	display:inline;
}
input#textecode {
	width:50px;
}
.page_contact #image form img, .page_article #image form img {
	border:1px inset #eee;
	opacity: 0.55;			/* transparence W3C */
	filter : alpha(opacity=55);	/* transparence IE */
}
.page_contact #image .iframe { margin-top:-6px; margin-bottom:24px; }

label#contenu {
	vertical-align:top;
}
#image p, #nom {
	
}
form p em { font-size:80%; color:gray; }

h2.menu-titre {
	font-size:.98em;
}
form div {
	width:390px;
	
}
input#submitrecherche {
	margin-left:140px;
	margin-top:16px;
	color:white;
	background:black;
	border:outset;
	cursor:pointer;
}
#image .ps {
	margin:0;
	margin-top:-6px;
}

/************************************les videos */

.page_video #contenu {
	border-top:15px solid #464546;
}

/************************************le pied*/
#pied {
	position:relative;
	float:right;
	margin-top:15px;
	font-size:0.85em;
}
li.pied {
	float:left;
	text-align:center;
}
li.pied a {
	text-decoration:none;
	display:block;
}
li.pied a.mentions {
	width:15em;
	border-top:4px solid #464546;
	
}
li.pied a.plan {
	width:7em;
	border-top:8px solid #464546;
}
li.pied a.administration {
	width:9.4em;
	border-top:12px solid #464546;
}
li.pied a.rss {
	width:3.6em;
	border-top:20px solid #464546;
}
li.pied a.propulsion {
	width:6em;
	border-top:35px solid #464546;
}
li.pied a.web {
	width:6em;
	border-top:34px solid #464546;
}

li.pied a.mentions:hover {
	
}
li.pied a.plan:hover, 
li.pied a.administration:hover, 
li.pied a.rss:hover, 
li.pied a.propulsion:hover, 
li.pied a.web:hover {
	border-top-color:#000;
}


/**************************************SPIP*/
p.spip {
	margin-bottom:10px;
}
.ps {
	margin-top:1em;
	font-size:80%;
	border-top:1px solid #AFAFAF;
}

.spip-admin-boutons {
	
}

/*********************************** imprimer, envoyer, marquer */
#print {
	display:block;
	width:30px;
	height:23px;
	margin-left:890px;
	margin-top:-60px;
	background:url('images/print.png') bottom left no-repeat;
}
#post {
	display:block;
	width:30px;
	height:23px;
	margin-left:920px;
	margin-top:-60px;
	background:url('images/post.png') bottom left no-repeat;
}
#mark {
	display:block;
	width:30px;
	height:23px;
	margin-left:950px;
	margin-top:-60px;
	background:url('images/mark.png') bottom left no-repeat;
}

/***************************************** newsletter */

#diffusion {
	clear:both;
	padding-top:60px;
	font-size:.82em;
}
#diffusion select { font-size:1.1em; }
#diffusion option { padding-right:.5em; }
#diffusion input { font-size:.9em; }
.page_sommaire #texte { height:auto; }



/************************************** adaptation des crayons */