/*////////////////////////////
//page expo-passees
///////////////////////////*/

#expo-passees-timebar{
	margin: 214px auto;
	height:22px;
	width:100%;
	background: url(../images/pages/expo_passees/barre_bg.jpg) top right repeat-x;
	position:absolute;
}

.expo-passees-col{
	display:block;
	position:absolute;
	width:330px;
	height:217px;
	text-align:left;
}

.expo-passees-box{
	display:block;
	position:absolute;
	float:left;
	width:120px;
	height:110px;
	background:url(../images/bg.gif) repeat;
}
.expo-passees-box img{
	margin:20px;
}

.expo-passees-name-expo{
	display:block;
	width:208px;
	height:80px;
	margin: 20px 0px 30px 124px;
}

.expo-passees-name-expo-date{
	font-size:9px;
	font-weight : bold ;
	color:#000;
}
.expo-passees-name-expo-titre{
	font-size:12px;
	font-weight : bold ;
	color:#FF7800;
}
.expo-passees-name-expo-com{
	font-size:10px;
	font-weight : bold ;
	color:#505050;
}
#expo-passees-col1{ margin: 0px 0px 0px 20px }
#expo-passees-col2{ margin: 235px 0px 0px 170px }
#expo-passees-col3{ margin: 0px 0px 0px 400px }
#expo-passees-col4{ margin: 235px 0px 0px 550px }

.expo-passees-timebar-date{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	background:url(../images/pages/expo_passees/date_box.jpg) no-repeat;
	display:block;
	position:absolute;
	width:55px;
	height:22px;
	padding: 3px 4px 2px 15px;
	
}

#expo-passees-timebar-date1{margin: 0px 0px 0px 40px}
#expo-passees-timebar-date2{margin: 0px 0px 0px 190px}
#expo-passees-timebar-date3{margin: 0px 0px 0px 430px}
#expo-passees-timebar-date4{margin: 0px 0px 0px 570px}

.expo-passees-navigation #left a{
	display:block;
	position:absolute;
	text-indent:-9000px;
	width:27px;
	height:22px;
	background:url(../images/pages/expo_passees/pointe_gauche.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	background-position:0px -22px;
}

.expo-passees-navigation #right a{
	display:block;
	position:absolute;
	text-indent:-9000px;
	width:27px;
	height:22px;
	background:url(../images/pages/expo_passees/pointe_droite.jpg) no-repeat;
	margin: -0px 0px 0px 873px;
	background-position:0px -22px;	
}
.expo-passees-navigation #left a.active{background-position:0px -0px}
.expo-passees-navigation #right a.active{background-position:0px -0px}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                         			     expo en cours
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////   expo en bref ////////////////*/

#expo-enbref-box h4{
	font-size:large;
	font-weight:bold;
}

#expo-enbref-lien a{
	position:absolute;
	margin: -10px 20px; 
     width: 158px; /* on définit la taille du bouton de menu */ 
     height: 22px; 
     float: right; 
     display: block; 
     text-align: center; 
     border: 0px; 
     text-decoration: none; 
     color: #000; 
     background:url(../images/gotoensavoirplus.jpg) no-repeat;
	 bottom:20px;
}

#expo-enbref-box {
	width:220px;
	height:440px;
	overflow:hidden;
	background-color:#fff;
	color:#505050;
	padding:5px;
	float:left;
}
#expo-enbref-text{
	display:block;
	width:210px;
	text-align:justify;
	font-size:10px;
	margin: 15px 0px 0px 0px;
	line-height:12px;
}
#expo-enbref-date{
	font-size:small;
}

/*//////////////////////////////////////////////////////////////////   expo en savoir plus ////////////////*/

#expo-savoirplus-titre{
	color:#505050;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	padding-left:2px;
}
#expo-savoirplus-sous_titre{
	color:#505050;
	font-size:15px;
	text-align:left;
	font-weight:bold ;
	font-style: italic ;
	padding-left:2px;
}
#expo-savoirplus-date{
	display:block;
	width:100%;
	height:20px;
	color:#fff;
	font-size:12px;
	text-align:left;
	font-weight:bold ;
	background-color:#505050;
	padding-left:7px;
	padding-top:2px;
}

#expo-savoirplus-boxtitre{
	display:block;
	width:220px;
	height:60px;
	float:left;
	margin: 15px 10px 30px 48px;
}

#expo-savoirplus-photos{
	display:block;
	width:270px;
	height:350px;
	float:left;
	background:url(../images/bg.gif) repeat;
}
#expo-savoirplus-photos img{
	display:block;
	background-color:#fff;
	padding:5px;
	margin: 20px 0px 0px 45px;
}

#expo-savoirplus-texte{
	display:block;
	width:300px;
	height:350px;
	float:right;
	text-align:justify;
	margin: 100px 17px 0px 0px;
}




#expo2-menu-droite{
	display:block;
	width:225px;
	text-align:left;
	color:#ff7800;
	font-size:11px;
	text-align:left;
	font-weight:bold ;
	margin: 15px 0px 0px 45px;
}
#expo2-menu-droite li a{
	display:block;
	width:100%;
	height:20px;
	margin: 0px 2px;
	padding-left:5px;
	
}
#expo2-menu-droite li a:hover{background-color:#fff;}
a.expo2-menu-droite-active{color:#505050}
a.expo2-menu-droite-inactive{}


#expo2-savoirplus-commissaire{
	text-align:left;
	margin-bottom:10px;
}

/*//////////////////////////////////////////////////////////////////   expo 3 : artiste ////////////////*/
#expos3-bordure_droite{
	display:block;
	width:15px;
	height:175px;
	background-color:#505050;
	float:right;	
}
#expos3-bordure_gauche{
	display:block;
	width:15px;
	height:175px;
	background-color:#505050;
	float:left;
}
#expos3-artiste_nom{
	display:block;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#505050;
	margin: 0px 0px 0px 30px;
}
#expos3-about_artiste{
	display:block;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#505050;
	margin: 0px 0px 0px 30px;
}
#expos3-artiste_presentation{
	display:block;
	width:440px;
	height:96px;
	font-size:10px;
	text-align:left;
	color:#505050;
	margin: 0px 0px 0px 30px;
}
#menu_expo_artiste{
	display:block;
	width:500px;
	height:38px;
	background:url(../images/pages/artiste_bg.jpg) repeat-x;
	background-position: 0px 0px;
}
#menu_expo_artiste.cat1 {
	background-position: 0px -38px;
}
#expos3-titre-personnelles{
	display:block;
	width:160px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin-left:51px;
	padding: 15px 0px 0px 15px;
	float:left;
}
#expos3-titre-collectives{
	display:block;
	width:160px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin-left:4px;
	padding: 15px 0px 0px 15px;
	float:left;
}
#expos3-expos_personnelles{
	margin: 20px auto;
	height:22px;
	width:100%;
	background: url(../images/pages/expo_passees/barre_bg.jpg) top right repeat-x;
	position:absolute;
}
#expos3-expos_personnelles li {
	display:block;
	width:150px;
	height:250px;
	float:left;
	margin: 0px 0px 0px 10px;
}
.expos3-expos_personnelles-annee{
	margin: 0px 47px 1px 47px;
	width:48px;
	height:22px;
	background: url(../images/pages/expo_passees/date_box.jpg) top right repeat-x;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding: 3px 8px 0px 0px;
}
.expos3-text{
	display:block;
	width:140px;
	font-size:10px;
	background:url(../images/bg.gif) repeat;
	padding: 5px;
	margin: -4px 0px 0px 0px;
	text-align: left;
}
#expos3-nav-prec a{
	display:block;
	position:absolute;
	width:27px;
	height:22px;
	background:url(../images/pages/expo_passees/pointe_gauche.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	background-position:0px 0px;
}
#expos3-nav-suiv a{
	display:block;
	position:absolute;
	width:27px;
	height:22px;
	background:url(../images/pages/expo_passees/pointe_droite.jpg) no-repeat;
	margin: 0px 0px 0px 473px;
	background-position:0px 0px;
}
#expos3-nav-prec a.expos3-nav-active{background-position:0px -22px;}
#expos3-nav-suiv a.expos3-nav-active{background-position:0px -22px;}

#expos3-bordure_droite-seul{
	display:block;
	width:60px;
	height:100%;
	background:url(../images/bg.gif) repeat;
	float:right;
	margin: -10px 0px 0px 20px;
}
#expos3-bordure_gauche-seul{
	display:block;
	width:60px;
	height:100%;
	background:url(../images/bg.gif) repeat;
	float:left;
	margin: -10px 20px 0px 0px;
}



#expo3-droite-container{
	display:block;
	width:200px;
	height:450px;
	text-align:left;
}
#expo-3-droite-titre{
	display:block;
	width:180px;
	height:40px;
	margin: 5px 0px 5px 10px;
}
a.expo-3-droite-lesartistes{
	display:block;
	width:180px;
	height:15px;
	background:url(../images/pages/expo/expo3-droite-artiste.jpg) no-repeat;
	color:#fff;
	font-size:10px;
	margin: 5px 0px 0px 10px;
	padding-left:10px;
}
a.expo-3-droite-lesartistes:hover{
	background-position: 0px -15px;
}

#expo3-droite-colonnedroite{
	margin-left:200px;
	margin-top:-440px;
}
/*//////////////////////////////////////////////////////////////////   expo 4 : vues d'expos ////////////////*/

#expos4-droite-box{
	width:220px;
	height:460px;
	overflow:hidden;
	background-color:#fff;
	color:#505050;
	
}

#expos4-listimages{
	margin-top:15px;
	padding-right:15px;
}

#expos4-desc{
	position:absolute;
	bottom:15px;
	display:block;
	background:url(../images/bg.gif) repeat;
	padding: 10px;
	width:190px;
	height:60px;	
}

#expos4-desc-artiste{font-style: italic ;}
#expos4-desc-oeuvre{font-weight:bold;}
#expos4-desc-annee{font-weight:bold;font-size:10px;}


/*//////////////////////////////////////////////////////////////////   expo 5 : vues d'expos ////////////////*/
#expos5-bordure_droite{
	display:block;
	width:20px;
	height:370px;
	float:right;
	background-color:#505050;
	margin-top:-10px;
	
}
#expos5-bordure_gauche{
	display:block;
	width:20px;
	height:370px;
	float:left;
	background-color:#505050;
	margin-top:-10px;
}
#expos5-suiv a{
	display:block;
	width:23px;
	height:450px;
	float:right;
	background:url(../images/pages/expo/suiv.jpg) no-repeat;
}
#expos5-prec a{
	display:block;
	width:22px;
	height:450px;
	float:left;
	background:url(../images/pages/expo/prec.jpg) no-repeat;
}

#expos5-list{
	display:block;
	width:690px;
	height:430px;
	margin-left:23px;
}

.expos5-list-container{
	display:block;
	width:210px;
	height:110px;
	margin: 30px 0px 0px 15px;
	text-align:left;
	float:left;
}
.expos5-list-nom{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#262626;
	margin-bottom:-4px;
}
.expos5-list-details-box{
	display:block;
	width:210px;
	height:100px;
	background:url(../images/bg.gif) repeat;
	text-align:left;
}
.expos5-list-artiste{padding-left:10px;padding-top:5px;font-style:italic;}
.expos5-list-annee{padding-left:10px;font-weight:bold;font-size:10px}
.expos5-list-materiaux{padding-left:10px;}
.expos5-list-copyright{padding-left:10px;font-size:12px;}

/*//////////////////////////////////////////////////////////////////   expo A VENIR   ////////////////*/


#expo_venir-box {
	display:block;
	width:220px;
	height:70px;
	text-align:left;
	margin: 100px 0px 0px 15px;
}
#expo_venir-titre {
	color:#505050;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	padding-left:2px;
}
#expo_venir-sous_titre {
	color:#505050;
	font-size:15px;
	text-align:left;
	font-weight:bold ;
	font-style: italic ;
	padding-left:2px;
}
#expo_venir-date {
	display:block;
	width:100%;
	height:20px;
	color:#fff;
	font-size:12px;
	text-align:left;
	font-weight:bold ;
	background-color:#505050;
	padding-left:2px;
}
#expo_venir-visuelcom img {
	height: 120px;
	width: 120px;
	top: 0 px;
	right:10px;
	position:absolute;
	margin: -150px 20px 0px 0px;
}
#expo_venir-bordertxt {
	display:block;
	width:100px;
	height:300px;
	background:url(../images/bg.gif) repeat;
	float:left;
	margin-left:15px;
}

#expo_venir-texte{
	margin: 0px 20px 20px 130px;
	display:block;
	text-align:justify;
}

#expo_venir-ete {
	display:block;
	width:317px;
	height:30px;
	background:url(../images/bg.gif) repeat;
	position:absolute;
	top:10px;
	margin-top:410px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin: 290px 20px 0px 220px;
}

#expo_venir-fleche{
	display:block;
	height:23px;
	width:75px;
	background:url(../images/pages/expo/fleche.gif) no-repeat;
	float:right;
	margin: -20px 0px 0px 0px;
	background-position: -25px 0px;
}