@charset "UTF-8";
/* CSS Document */

body {background-color:#efe6dc;
font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px;behavior:url("csshover2.htc");}

#entier {
	background-color:#FFFFFF;
	width:870px;
	padding:10px 15px;
	margin:0 auto;
	z-index:50;
 }
 
.copy {font-size:11px; line-height:35px; width:900px; margin:0 auto;}
.copy a, .copy a:link, .copy a:visited {
	color:#003399;
	text-decoration:none;
	font-weight:normal;
}
.copy a:hover, .copy a:active {
	color: #555555;
	text-decoration: none;
}
 
img {border:0;}
 
#accessibilite { display:none;}
 
a.acces, a.acces:link, a.acces:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; font-weight:normal}
a.acces:hover, a.acces:active {
	color: #555555;
	text-decoration: none;
}

/*//////MENU HAUT///////*/
#menu-haut {margin-bottom:10px;}
#right {float:right; margin-top:-17px;}
#right a {margin-left:10px;}

#menu-haut a:link, #menu-haut a:visited  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-transform:uppercase; text-decoration:none;}
#menu-haut a:hover, #menu-haut a:active {text-decoration:underline;}

#menu-haut a img {border:none; margin-right:10px;}

/*/////////////*/

.clear {clear:both; padding-top:5px;}

.evenement {width:270px;  float:left;}
.central {width:300px; margin:0 15px; float:left;}
.central1 {background-color:#ff0099; width:300px; vertical-align:top;}
.evenement1 {width:270px;  background-color:#efe6dc; vertical-align:top;}

.evenement1 p, .central1 p {padding:5px 15px;}
.central1 p {color:#FFF;}

.surtitre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase;}
.titre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase;}
.titre-central1, .titre-central1 a:link, .titre-central1 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF;}
.titre-central1 a:hover, .titre-central1 a:active {color:#000;}
.sstitre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold;}
.info {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.plus {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.moins {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

.titre2 {font-size:18px; font-weight:normal; text-transform:uppercase;}
.texte {font-family:Georgia, "Times New Roman", Times, serif; line-height:17px;;}

.coulmusee, .coulmusee a:link, .coulmusee a:visited {color:#660066; text-decoration:none;}
.coulcolec, .coulcolec a:link, .coulcolec a:visited {color:#993399; text-decoration:none;}
.coulexpo, .coulexpo a:link, .coulexpo a:visited {color:#ff0099; text-decoration:none;}
.coulvisite, .coulvisite a:link, .coulvisite a:visited {color:#999933; text-decoration:none;}
.coulaudit, .coulaudit a:link, .coulaudit a:visited {color:#ff9900; text-decoration:none;}
.coulemploi, .coulemploi a:link, .coulemploi a:visited {color:#ff6600; text-decoration:none;}
.coulpro, .coulpro a:link, .coulpro a:visited {color:#ff0033; text-decoration:none;}
.couloffre, .couloffre a:link, .couloffre a:visited {color:#0066CC; text-decoration:none;}
.coulblanc, .coulblanc a:link, .coulblanc a:visited {color:#fff; text-decoration:none;}

.coulmusee a:hover, .coulmusee a:active, .coulcolec a:hover, .coulcolec a:active, .coulexpo a:hover, .coulexpo a:active, .coulvisite a:hover, .coulvisite a:active, .coulaudit a:hover, .coulaudit a:active, .coulemploi a:hover, .coulemploi a:active, .coulpro a:hover, .coulpro a:active {color:#000;}


/*//////MENU PRINCIPAL///////*/
.menu {
width:870px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; text-transform:uppercase; 
z-index:99; position:relative; }

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {line-height:31px; height:31px; float:left; text-align:center; z-index:97;}

#menu1 {background-color:#660066; width:105px;}
#menu2 {background-color:#993399; width:110px;}
#menu3 {background-color:#ff0099; width:110px;}
#menu4 {background-color:#999933; width:170px;}
#menu5 {background-color:#FF9900; width:125px;}
#menu6 {background-color:#FF6600; width:125px;}
#menu7 {background-color:#FF0033; width:125px;}

#menu1 table {display:none; background-color:#660066; width:105px; position:absolute; left:0;}	/*width:145px; */
#menu1:hover table {display:block; z-index:98;}
/* #menu1:hover table {display:block; z-index:98; behavior : expression(addHover(this));} */

#menu2 table {display:none; background-color:#993399; width:110px; position:absolute; left:105;	/*width:150px; */
}
#menu2:hover table {display:block; z-index:98;}

#menu3 table {display:none; background-color:#ff0099; width:110px;  position:absolute; left:205;}	/*width:155px; */
#menu3:hover table {display:block; z-index:98;}

#menu4 table {display:none; background-color:#999933; width:170px;  position:absolute; left:315;}	/*width:180px; */
#menu4:hover table {display:block; z-index:98;}

#menu5 table {display:none; background-color:#ff9900; width:125px;  position:absolute; left:495;}	/*width:170px; */
#menu5:hover table {display:block; z-index:98;}

#menu6 table {display:none; background-color:#ff6600; width:125px;  position:absolute; left:610;}	/*width:175px; */
#menu6:hover table {display:block; z-index:98;}

#menu7 table {display:none;background-color:#ff0033;width:125px;position:absolute;right: left:735;}
#menu7:hover table {display:block; z-index:98;}

.ssmenu {line-height:normal;}
*html #menu1 table, #menu2 table, #menu3 table, #menu4 table, #menu5 table, #menu6 table, #menu7 table {margin-top:20px;}

.ss1, .ss2, .ss3, .ss4, .ss5, .ss6, .ss7 {vertical-align:top; text-transform:none; padding:5px; text-align:left;}
.ss1 {width:95px;}
.ss2, .ss3 {width:100px;}
.ss4 {width:160px;}
.ss5, .ss6, .ss7 {width:115px;}

#menu1 a:link, #menu1 a:visited {color:#996699; font-size:11px; text-decoration:none; font-weight:normal;}
#menu1 a:hover, #menu1 a:active {color:#000;}

#menu2 a:link, #menu2 a:visited {color:#cc66cc; font-size:11px; text-decoration:none; font-weight:normal;}
#menu2 a:hover, #menu2 a:active {color:#000;}

#menu3 a:link, #menu3 a:visited {color:#ff99cc; font-size:11px; text-decoration:none; font-weight:normal;}
#menu3 a:hover, #menu3 a:active {color:#000;}

#menu4 a:link, #menu4 a:visited {color:#cccc99; font-size:11px; text-decoration:none; font-weight:normal;}
#menu4 a:hover, #menu4 a:active {color:#000;}

#menu5 a:link, #menu5 a:visited {color:#ffcc66; font-size:11px; text-decoration:none; font-weight:normal;}
#menu5 a:hover, #menu5 a:active {color:#000;}

#menu6 a:link, #menu6 a:visited {color:#ff9966; font-size:11px; text-decoration:none; font-weight:normal;}
#menu6 a:hover, #menu6 a:active {color:#000;}

#menu7 a:link, #menu7 a:visited {color:#ff9999; font-size:11px; text-decoration:none; font-weight:normal;}
#menu7 a:hover, #menu7 a:active {color:#000;}

#menu1 a.actif:link, #menu1 a.actif:visited, #menu2 a.actif:link, #menu2 a.actif:visited, #menu3 a.actif:link, #menu3 a.actif:visited, #menu4 a.actif:link, #menu4 a.actif:visited, #menu5 a.actif:link, #menu5 a.actif:visited, #menu6 a.actif:link, #menu6 a.actif:visited, #menu7 a.actif:link, #menu7 a.actif:visited {color:#FFF; font-weight:bold;}
#menu1 a.actif:hover, #menu1 a.actif:active, #menu2 a.actif:hover, #menu2 a.actif:active, #menu3 a.actif:hover, #menu3 a.actif:active, #menu4 a.actif:hover, #menu4 a.actif:active, #menu5 a.actif:hover, #menu5 a.actif:active, #menu6 a.actif:hover, #menu6 a.actif:active, #menu7 a.actif:hover, #menu7 a.actif:active {color:#000;}

/*//////// MENU GAUCHE///////*/
#colonne-gauche {
float:left;
height:100%;
width:220px;
padding-right:20px;}

#colonne-gauche ul {margin:15px 0 20px 28px; padding:0; }
#colonne-gauche ul li {list-style-type:none; width:220px; margin-bottom:20px; }
#colonne-gauche ul li:hover {list-style-image:url(../img/fleche.gif);}
#colonne-gauche ul li a:hover {list-style-type:none; font-weight:bold; color:#000;}
#colonne-gauche ul li.actif {color:#000; list-style-image:url(../img/fleche.gif);}
#colonne-gauche ul li a.actif {color:#000; font-weight:bold;}

#colonne-gauche ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

#colonne-gauche ul li ul {margin-left:20px;}
#colonne-gauche ul li ul li {list-style-type:none; margin-bottom:0;}
#colonne-gauche ul li ul li:hover {list-style-type:none; list-style-image:url(../img/fleche2.gif); font-weight:normal;}
#colonne-gauche ul li ul li a:hover {font-weight:normal;}
#colonne-gauche ul li ul li.actif {color:#000; list-style-image:url(../img/fleche2.gif);}
#colonne-gauche ul li ul li a.actif {color:#000; font-weight:normal;}

#colonne-gauche ul li ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}

ul.menu2 li {list-style-type:none; list-style-image:none;}


/*//////MENU BAS///////*/
#kwicks_container {
	height: 20px;
	width:870px;
}
#kwicks {
	position: relative;
	margin-left:0;
	padding-left:0;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width:20px;
	height: 20px;
	line-height:20px;
	white-space:nowrap;
	}
	
#kwicks .open {width:160px;}
#kwicks .cache {width:200px;float:left;display:block;height: 20px;}
	
#kwicks a {margin-left:20px;}
#kwicks a:link, #kwicks a:visited {color:#FFF; text-transform:uppercase; 	font-weight:bold; font-size:10px; text-decoration:none;}
#kwicks a:hover, #kwicks a:active {color:#000; text-decoration:none;}
 
.kwick_musee {background-color:#660066; }
.kwick_collec {background-color:#993399; }
.kwick_expo {background-color:#ff0099; }
.kwick_visites {background-color:#999933; }
.kwick_audit {background-color:#ff9900; }
.kwick_emploi {background-color:#ff6600; }
.kwick_pro {background-color:#ff0033; }


/*//////// CONTENU PAGEs ////////*/

#contenu {
	float:left;
	width:560px;
	margin-left:20px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre-page {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;}
.titre-page span {color:#000; margin-left:20px;}
.titre-oeuvre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.texte-oeuvre {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px;}

.img {width:255px; float:left;}
.img p {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:235px;}

.texte img {margin-right:20px; float:left;}
.texte a {font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} 

.dates {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold;}
.type {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none;}
a.titre-expo:link, a.titre-expo:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration:none;}
a.titre-expo:hover, a.titre-expo:active {color:#000;}

/*/// Planches ///*/

.planche {
width:123px;
margin-right:60px;
float:left;
margin-bottom:40px;
}

.planche div.img {
width:123px;
height:123px;
background-color:#efe6dc;
text-align:center;
margin-bottom:10px;
}

.planche div.img table {margin:0; vertical-align:middle; height:123px;}

.planche p {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color:#000;
widows:123px;
}

.planche p a:hover {color:#000; text-decoration:none;}