body, p, td {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body { margin: 0; }
p {}
td {}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }

br.cb { clear: both; }
.selected {}

#header, #main, #footer, #mainHome { margin-right: auto; margin-left: auto;}
#header { height: 80px; min-width: 780px; max-width: 1000px; }
.home #header { height: 50px; }
#main { width: 760px; }
#mainHome { width: 960px; }
#footer {}

#header #actualite .date { font-size: 27px; line-height: 40px; }


.width { width: 940px; height: 32px; clear: both; margin-right: auto; margin-left: auto; padding-top: 32px; }
.footer_note { width: 760px; clear: both; margin-right: auto; margin-bottom: 12px; margin-left: auto; padding-top: 24px; display: block; }
#footer { color: #bebebe; text-align: center; position: relative; margin-right: auto; margin-left: auto; padding-top: 5px; border-top: 1px solid #bebebe; }
#footer #btcredit { display: none; }
#footer #btby { display: none; }

#main, #main p, #main td {font-size: 12px;}
#main table.list td p { margin-top: 0; margin-bottom: 0.6em; }

#brand  { float: left; margin-top: 5px; margin-left: 4px; }
#actualite  { float: left; margin-top: 5px; }
/*<agl.folder "navigation">*/
	#navigation { float: right; margin-top: 17px; padding: 5px 5px 5px 0; }
	#navigation ul { list-style-type: none; margin: 0; padding: 0; float: left; }
	#navigation li { display: block; float: left ; margin: 0; padding: 2px 1px; }
	#navigation li a { padding: 2px 4px; }
	#navigation li a:link {  }
	#navigation li a:visited { }
	#navigation li a:hover { text-decoration: none; }
	#navigation li a:active { }
/*</agl.folder>*/
/*<agl.folder "artist">*/
	.artistsList ul { float: left; margin: 0; padding: 0; }
	.artistsList li { font-size: 14px; width: 200px; height: 26px; display: block; float: left; margin-right: 2px; padding-top: 1px;}
	#.artistsList li { font-size: 14px; width: 188px; height: 26px; display: block; float: left ; margin-right: 2px; padding-top: 1px; }
	.artistsList a { line-height: 24px; height: 24px; display: block; }
	.artistsList a:active {	background-color: transparent;	}
	#artistnav ul { list-style-type: none; margin: 0 0 0 2px; padding: 0; }
	#artistnav li { display: block; float: left ; margin: 0; padding: 2px 1px; }
	#artistnav li a { padding: 2px 5px; }
	#artistnav li a:link {  }
	#artistnav li a:visited { }
	#artistnav li a:hover { text-decoration: none; }
	#artistnav li a:active { }
/*</agl.folder>*/
.content { padding: 15px 2px; }
.content h2 { font-size: 1.6em; font-weight: normal; }
.content table.list { border-style: none; border-width: 0; }
.content table td { vertical-align: top; padding-bottom: 10px; }


/* COLOR */
/* bg #33002A */
/* link #A30087 */
/* selected FF42DE */
/* hover #fff */
/* activ FF42DE */

body { background-color: #6F6F6F; }
a:link { color: #FFFFFF;}
a:visited { color: #FFFFFF;}
a:hover { color: #bebebe;}
li a:active { color: #fff; background-color: #FF0000;}

a.selected:link { color: #FF0000;}
a.selected:visited { color: #FF0000;}
a.selected:hover { color: #fff;}
li a.selected:active { color: #ff0000; }

/* ********** reseaux sociaux ******** */
#reseauxsociaux{
float : left;
clear:both;
position:relative;
margin-top : 40px;
margin-left: 550px;
background: none; /* correction d'un bug IE */
z-index: 999;
}

#reseauxsociaux a{
margin-top:10px;
}

/*  *********  ajout de a.info pour infobulle de la chambre ******** */
#infobulle-index {
background : none;
float : left;
margin-left : 110px;
margin-top : -110px;
clear:both;
}
#infobulle-index h3 { font-size: 12px; font-weight: normal; margin-top: 1.6em; margin-bottom: 0; padding: 0; }
#infobulle-index a {
position: relative;
text-decoration: none;
}
#infobulle-index a span {
display: none;
}
#infobulle-index a:hover {
background: none; /* correction d'un bug IE */
z-index: 1000;
}
#infobulle-index a:hover span {
display: inline;
position: absolute;
top: -38em;
left: -1em;
/*background: orange;*/
text-align: center;
border: #000080 0px solid;
color: #6F6F6F;
/*padding: 2px;*/
}
/* ************************************************* */
/* ******************************** infobulle contact */
a.infobulle-contact{
position:relative;
background : none;
margin-left : 0px;
margin-top : 5px;
margin-bottom : 5px;
clear:both;
}
a.infobulle-contact span{
display: none;
}
a.infobulle-contact:hover{
background:none;
z-index:500;
}
a.infobulle-contact span h1{
color:#000000;
font-size:12px;
margin-top:0;
}
a.infobulle-contact:hover span{
   display: block; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: -10px;
   left: 170px;
   width:30em;
   height:4em;
   background: #DFDFDF;
   color: #6E6E6E;
   padding: 0px;
   border: 1px solid white;
   font-size:10px;
   margin-top:0;
}
/* ********************************************** */

#navigation li, #artistnav li { border-left: 1px solid #bebebe; }
#listeoeuvresdispo .n1 {
	clear: left;
}
/* FF42DE */


/* END COLOR */

#navigation .n1 { clear: left; }
#navigation .n2 { position: relative; left: 78px; clear: left; margin-top: 4px; }

#navigation #navAccueil  { width: 16px; margin: 0; padding: 0; border-left-style: none; border-left-width: 0; }
#navigation #navAccueil a { margin: 0; padding: 0; }

#absolutePress { position: absolute; top: 50px; border: solid 1px #eadf0e; }

/*

#navigation #navEspaces { width: 58px; }
#navigation #navArtistes { width: 53px; }
#navigation #navExpositions { width: 75px; }
#navigation #navPublications { width: 78px; }
#navigation #navContact { width: 52px; }
#navigation #navPresse { width: 48px; }
#navigation #navLang { width: 48px; }

*/

#navigation .hidde { visibility: hidden}


.spc {clear: both}

.content h2 { color: #FF0000;}
.home .content h3 { font-size: 12px; font-weight: normal; margin-top: 1.6em; margin-bottom: 0; padding: 0; }
.home .content p { margin-top: 0.6em; margin-bottom: 0.6em; }
.hidden { 
	color: #999999;
}

.printOnly { 
	color: #999999;
}
/*<agl.folder "artist">*/
	.artiste .content h2 {  margin-top: 1.6em; }
	.artiste .content h1 { visibility: hidden; display: none; }
	.artiste .content .up { visibility: hidden; display: none; }
	.artiste .content p.date { color: #bebebe; clear: both; margin-top: 0; margin-bottom: 0; width: 75px; float: left; }
	.artiste .content p.intro { margin-left: 0px; }
	.artiste .content p.event { color: #feffff; margin-top: 0.3em; margin-bottom: 0.6em; margin-left: 78px; }
	.artiste .content .item { width: 172px; height: 300px; float: left; margin-right: 10px; padding: 0; }
	.artiste .content .item .img { border-width: 0; }
	.artiste .content .item .error { background-color: #eadf0e; width: 162px; height: 184px; }
	.artiste .content .item .leg { font-size: 10px; width: 160px; height: 100px; display: block; color: #ffffff; }
	.artiste .content .item .title { color: #ffffff;  }
	.artiste .content .item .date { font-style: italic; }
	.artiste .content .item .technique { }
	.artiste .content .item .size {  }
/*</agl.folder>*/
.hidden, .pintOnly { visibility: hidden; display: none; }

.actualite { width: 700px; height: 110px; margin-bottom: 10px; padding: 10px; border: dotted 1px #FF0000; }

#mainHome .content { padding: 0px 2px; }
#mainHome .content h3 { margin-top: 0;}

/* class */

.colone_centre { float: right; padding-left: 25px; border-left: 1px solid #bebebe; }
.colone { width: 160px; float: left; padding-top: 4px; }
.colone a  { font-size: 14px; background-image: url(../i/common/flch.gif); background-repeat: no-repeat; background-position: -4px -3px; padding-left: 15px; }
.colone a:hover  { color: #bebebe; background-position: -4px -103px; }
.colone a .lieu   { color: #ffffff; font-size: 11px; padding-left: 15px; }
.colone p { font-size: 11px; padding-left: 15px; }

.colone .selected a   { color: #FF0000; }
.colone .selected a .lieu   { color: #FF0000; }

/* id */
#colone4 { width: 225px; margin-top: 0; }
#colone5 { width: 500px; }
#mainSwf { margin-bottom: 25px; }
/*<agl.folder "espace">*/
/* mimg =  main image */
.espace .mimg { clear: both; }
.espace #colone1 {
	margin-left: 0px;
}

.espace #colone4 ul,{ margin: 0; padding: 0; list-style-type: none; }
.espace #colone4 ul, .espace #colone4 li { padding-left:0px;}
.espace #colone4 li{ margin-bottom: 8px; display: block;  }
.espace #colone4 li:hover {  }
.espace #colone4 ul.sub {padding:0; margin:10px 10px 0 38px; }
.espace #colone4 ul.sub li {padding:0; margin:8px;}
.espace #colone4 ul.sub li a { color:#A30087; font-size: 12px;  padding-left: 15px; margin:0; background-position : -4px -5px; display:block}
.espace #colone4 ul.sub li a:hover, .espace #colone4 ul.sub li a:active { background-position : -4px -105px; color: #ff64e3; text-decoration:none}
.espace #colone4 ul.sub li.selected  a { color:#ff64e3;}

/*</agl.folder>*/

/*<agl.folder "expositions">*/
	.expositions #colone4 ul { margin: 0; padding: 0; }
	.expositions #colone4 li { margin-bottom: 8px; display: block; }
	.expositions #colone4 li:hover {  }
	.expositions #colone4 ul.sub {padding:0; margin:0; }
	.expositions #colone4 ul.sub li {padding:0; margin:8px;}
.expositions #colone4 ul.sub li a { color:#ffffff; font-size: 12px;  padding-left: 15px; margin:0; background-position : -4px -5px; display:block}
.expositions #colone4 ul.sub li a:hover, .espace #colone4 ul.sub li a:active { background-position : -4px -105px; color: #bebebe; text-decoration:none}
.expositions #colone4 ul.sub li.selected  a { color:#FF0000;}

.expositions .item { width: 166px; height: 184px; float: left; padding: 0; }
.expositions .item .img { border-width: 0; }
/*</agl.folder>*/
/*<agl.folder "exposition">*/
	

	.exposition { width: 500px; height: 333px; margin-bottom:10px; padding: 0; clear:both   }
	.exposition .expsep {clear:both; height:1px; line-height:1px}
	.exposition .expimg img {border:0}
	.exposition .expimg { background-color: #eee; position: absolute; width: 500px; height: 333px; z-index: 0; }
	.exposition .exptxtbg_20 { background-color: #ff0000; position: absolute; width:320px; height: 333px; opacity:.0; filter: alpha(opacity=0); -moz-opacity: 0.0; z-index: 900; margin-left: 180px; }
	.exposition .exptxtbg_40 { background-color: #000; position: absolute; width:320px; height: 200px; opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.40; z-index: 900; margin-left: 180px; }
	
	.exposition .exptxt { position: absolute; width:280px; z-index: 1000; margin-left: 180px; padding: 10px; }
	.exposition .exptxt a { color: #ff0000;}
	.exposition .exptxt p { color: #000000;}
	.exposition h3 a {color:#fff}
	.exposition h3 a:hover {text-decoration:underline}
/*</agl.folder>*/