body{
	background-color:#ddd;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:12px;
	color:#777;
}
a img{ 
	border:none;
}
#site{
	position:relative;
	background-color:#fff;
	width:800px;
	margin:-12px auto;
	padding-bottom:50px;
	text-align:left;
}
#tete{
	font-size:10px;	
	margin:0px 30px 5px 30px;
	padding:30px 30px 2px 0px;
	color:#000;
	border-bottom:#bbb 2px dotted;
}
.menu{
	float:left;
	color:#000;
	margin-top:0;
	margin-left:30px;
	padding:5px 0px 0 0px;
	//border-top:#000 1px solid;
}
.menu li{
	margin-bottom:6px;
	list-style:none;
}
.menu select{
	margin-top:0px;
}
.menu li a{
	color:#777;
}
#tete span{
	font-size:50px;
}
#content, #tete span.annee{
	clear:left;
	padding-right:30px;
	padding-top:100px;
	font-size:13px;
}
#tete span.annee, #titre, .ssTitre{
	margin:0 0 -40px; 0;
	padding:0 0 0 30px;
	font-size:60px;
	line-height:0.8em;
	text-align:left;
	font-weight:bold;
	color:#ddd;
}
#tete span.annee{
	color:#000;
	font-size:40px;
	font-weight:normal;
	padding:0;
}
#tete span.annee a:link, #tete span.annee a:visited, #tete span.annee a:hover, #tete span.annee a:active{
	font-size:30px;
	color:#aaa;
	text-decoration:none;
}
#tete span.annee a:hover{
	color:#c00;
}
#titre{
	margin:5px 0 -100px 0;
	color:#bbb;
}
.ssTitre{
	color:#555;
	padding:60px 0 0px 30px;
	font-size:20px;line-height:0.8em;
	margin:30px 0 0 0;
}
.ssTitre span{
	font-size:12px;
}
.contenu{
	padding-left:30px;
}
.contenu span{
	color:#000;
}
#content a:link, #content a:visited, #content a:hover, #content a:active{
	color:#09f;
}
#content a:hover{
	color:#000;
}
#content #openCarte{
	color:#09f;
	text-decoration:underline;
	font-size:1em;
}
#content #openCarte:hover{
	cursor:pointer;
}
p, td{
	text-align:justify;
	font-size:11px;
	line-height:1.5em;
}
#chapo, #audio{
	padding-left:30px;
}
#affiche img{
	padding:0 15px 20px 0;
}
.residence, .sortieAudio, .evenement, .expo{
	padding-left:30px;
	border-left-color:#09f;
	border-left-style:solid;
	border-left-width:2px;
	clear:both;
}
.evenement{
	border-left-color:#f60;
}
.evenement ul, .expo ul{
	padding:0;
	margin:0 0 15px 0;
	/*border:#f90 1px solid;*/
}
.evenement li, .expo li{
	margin:0;
	padding:2px 0 3px 5px;
}

.evenement ul ul, .expo ul ul{
	padding:0;
	margin-left:15px;
}
.evenement ul ul li, .expo ul ul li{
	padding:0;
}
.evenement ul li span.grasNoir, .evenement ul ul li span.grasNoir, .expo ul li span.grasNoir, .expo ul ul li span.grasNoir{
	color:#000;
	font-weight:bold;
}

.evenement a{
	text-decoration:none;
}
.evenement p a{
	text-decoration:underline;
}
.evenement .w500{
	width:500px;
}
.sortieAudio{
	border-left-color:#390;
}
.sortieAudio h3{
	color:#390;
	border-bottom:#390 solid 1px;
}
.evenement h3, .evenement h4, .residence h4{
	color:#f60;
	border-bottom:#f60 solid 1px;
	margin-bottom:10px;
}
.evenement h4, .residence h4{
	width:50%;
	font-weight:normal;
	font-size:12px;
}
.residence h4{
	color:#0bf;
	border-color:#0bf;
}
.expo{
	border-left-color:#c36;
}
.expo h3{
	color:#c36;
	border-bottom:#c36 solid 1px;
	margin-bottom:10px;
}
#audio ul, .sortieAudio ul{
	padding:3px;
	margin:5px 0 10px 0;
	border:2px dotted #33f;
}
.flash{
	float:left;
	padding:0;
	margin:5px 0 0 0;
}
.flash li{
	list-style:none;
}
.sortieAudio ul{
	border:1px solid #390;
}
.sortieAudio ul.flash{
	float:right;
	margin:20px 100px 0 0;
}
.sortieAudio ul.flash, .sortieAudio ul.flash li{
	border:none;
}
.sortieAudio h2{
	color:#8b0;
}
#content > .sortieAudio a:hover{
	color:#000;
}
#audio ul{
	border:1px solid #444;
}	
#audio li, .sortieAudio li{
	color:#666;
	font-size:1em;
	display:inline;
	border-right:1px solid #33F;
	padding:0 3px 0 3px;
}
.sortieAudio li{
	border-right:1px solid #8b0;
}
.centre{
	text-align:center;
}
.residence h2{
	border-top:#09f dotted 1px;
	padding-top:5px;
	margin-top:10px;
}
.residence h3{
	color:#09F;
	border-bottom:#09f solid 1px;
}
.residence > .vierge{
	border:none;
}
#plus0{
	padding-bottom:5px;
}
#affiche div, #affiche p{
	margin-top:00px;
	padding:0 0 0 0;
}
li.gris dl{
	font-size:11px;
}
li.gris dt{
	margin-top:8px;
}
li.gris dd{
	margin:2px 10px;
}
/*/////////////////////////////*/
/*/////////////////////////////*/
/*////////-- vrac --///////////*/
a:link, a:visited, a:hover, a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #c00;
}
a:hover{
	color:#000;
}
.grasNoir{
	color:#000;
	font-weight:bold;
}
.bleu{
	border-top:#09f solid 1px;
	padding-top:3px;
}
.bleuKlein{
	color:#33F;
}
.noirPetit{
	color:#000;
	font-size:11px;
}
.gris7{
	color:#777;
}
.para{
	line-height:1.5em;
	padding-bottom:10px;
}
.sep{
	color:#000;
}
.heure{
	color:#f90;
}
.hVert{
	color:#9c3;
}
.hRose, .expo span.heure{
	color:#f69;
}
.c8{
	font-size:10px;
	line-height:10px;
}
.padLeft{
	padding-left:30px;
}
.sizeTen{
	font-size:10px;
}
.margeTop{
	margin-top:10px;
}
.orang{
	background-color:#f60;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.floatCentre{
	margin:auto;
}
.degage{
	clear:both;
}
.margeBas5px{
	margin-bottom:5px;
}
/*/////////////////////////////*/
/*/////////////////////////////*/
/*/////-- img jQuery --////////*/
.controlPanel{
	margin:0;
	padding:0;
	height:90px;
	width:735px;
}
.controlPanel .control{
	width:25%;
	float:left;
}
#imgbox{
	clear:both;
}
.showImg, .showImg2{
	margin-right:1px;
	width:24px;
	height:36px;
}
.showImg2{
	width:36px;
	height:24px;
}
.showImg3, .showImg4{
	margin-right:4px;
}
.showImg:hover, .showImg2:hover, .showImg3:hover, .showImg4:hover{
	cursor:pointer;
}
/*/////////////////////////////*/
/*/////////////////////////////*/
/*////-- player audio --///////*/
#player{
	list-style:none;
	margin:0;
	padding-left:30px;
}
#player li{
	color:#390;
	padding-right:10px;
}
#player li span{
	color:#777;
}
#playList{
	margin:5px 0 0 30px;
	border:1px solid #555;
	padding:3px;
}
#playList li{
	font-size:1em;
	display:inline;
	border-right:1px solid #555;
	padding:0 5px 0 5px;
}
/* classe pour masquer les object imbriqués dans IE */
/* masquer le deuxième object pour toutes les versions de IE */
* html object.hiddenObjectForIE { display: none; }

/* afficher le deuxième object uniquement pour IE Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/

/*/////////////////////////////*/
/*/////////////////////////////*/
/*////-- groupe d'images --////*/
#kwicks_container { 
	height: 300px;
	margin-bottom:10px;
}
#kwicks {
	position: relative;
	margin:5px 0 5px 0;
	padding:0;
}
#kwicks .kwick {
	float: left;
	display: block;
	width: 30px;
	height: 100px;
}
/*////--h1 exposition--////*/
h1, h3, h4, h5{
	color:#c36;
	font-size:14px;
	padding:0px;
	margin:0;
}
/*////--ss-titre et date--/////*/
h2{
	color:#000;
	font-size:12px;
	margin:0;
}
h2 span{
	color:#777;
	font-weight:normal;
}
/*////--festival ou RDV--/////*/
h4{
	color:#f60;
	border-bottom:#f60 solid 1px;
	margin-bottom:10px;
}
/*////--residence--/////*/
h5{
	color:#09f;
	border-bottom:#09f solid 1px;
	margin-bottom:10px;
}
/*/////////////////*/
/*/////////////////*/
/*//// SLIMBOX ////*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*/////////////////////////////*/
/*/////////////////////////////*/
/*////--- mootools-tips ---////*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(img/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 150px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}