/*A l'affiche*/

#affiche { 
	
	position : relative;
	height : 315px;
	width : 342px;
	overflow : hidden;
	background : #C92444;
	left :-1px;
	float : left;
}

#affiche LI { 

	margin : 46px 11px 11px 0;
	position : relative;
	left : 11px;
	height : 256px;
	float : left;
}

	#afficheIMG { float : left; }

	H3.big_titre {
		font-weight : bold;
		font-size : 30px;
		
	}
	
	
	#affiche H3 { 
		position : absolute;
		top : 8px;
		float : right;
		right : 0;
		padding : 0 11px 0 0;
		color : #fff;
		
	}
	
	#affiche DIV { 
		width : 321px;
		position : absolute;
		background : url(../img/fond_trans_affiche.png) left top repeat;
		bottom : 0;
		left : 0;
	}
	
			#affiche DIV  P{ padding : 0 10px; margin : 0; }
			
			#affiche DIV H2{ padding : 8px 10px; margin : 0; line-height:15px}
			
			#affiche A { color : #fff; }

	
		#affiche H2 A SPAN  { 
			
			font-size :14px;
			position : absolute;
			top : -18px;
			font-weight : normal;
			color : #fff;
		}
		
			#affiche H2 A  { 
				font-weight : bold;
				text-transform : uppercase;
				font-size :19px;
				color : #C92444;
		}
		
/**/
.liste_actualite  { 
	width : 294px;
	float : left;
	position : relative;
	left : 10px;
	font-size : 1.2em;
	/*height : 256px;*/
	
}

#legende_photo_expo.liste_actualite  { 
	
	height : inherit;
}


.interieur .liste_actualite  { width : 514px;left : 13px;}

.liste_actualite  H3.big_titre{ position : relative; top : 7px;}

.liste_actualite UL   { position : relative; left : 5px; top : 18px;}
				
				 SPAN.actu_n EM { width : 260px; display : block; float : left; font-style : normal; padding:0 10px 6px 0;}

				 SPAN.actu_n EM.rub { width : 140px; padding:0 10px 6px 0; }
				
				.liste_actualite LI A:hover SPAN.actu_n { color : #C92444;}
				
		.liste_actualite H4{ 
			float : right;
			font-size : 11px;
			background: #F1D100;
			position : relative;
			left : -8px;
			padding : 4px 15px;
			margin : 22px 0 0 0;
		}

	.liste_actualite UL   { position : relative; left : 5px; top : 18px;}
	
	.interieur .liste_actualite UL   { position : relative; left : 5px; top : 0px;}
		
		.liste_actualite LI   {
			padding : 10px 0 0 0;
			float : left;
			font-weight : bold;
			width:300px;
		}
		
		.interieur .liste_actualite LI   {width : 99%; }
		
		
			.liste_actualite LI A, .liste_actualite LI P {color : #000;}
			
				.liste_actualite LI A SPAN, .liste_actualite LI P SPAN {
					display : block;
					margin : 0 5px 0 0;
					font-size : 60%;
					font-size : 12px;
					float : left;
					width : 204px;
				}
				
				.liste_actualite LI A SPAN.jour_actu, .liste_actualite LI P SPAN.jour_actu {
					width : 20px;
					text-align : center;
					float : left;
					background: #F1D100;
					padding : 1px;
					font-weight : bold;
				}
				
				.liste_actualite li a span.jour_actu#primo EM{position: relative; top: -3px; display: block;}
				.liste_actualite li a span.jour_actu#primo EM:first-letter{position: relative; top: -18px}
				
				.liste_actualite LI A SPAN.mois_actu, .liste_actualite LI P SPAN.mois_actu{
					width : 35px;
					color : #C92444;
					text-transform : uppercase;
				}
				
				.liste_actualite LI A SPAN.au{
					width : 10px;
					color : #000;
					margin-right:13px;
				}

				.liste_actualite LI P SPAN.annee_atcu {
					width : 95px;
					color : #C92444;
					text-transform : uppercase;
				}

				.annee_atcu_art {
					width : 95px;
					color : #666;
					text-transform : uppercase;
					font-weight: normal; 
				}
				
								
				.interieur .liste_actualite LI A SPAN.mois_actu {color : #000; font-weight : bold;}

				.interieur .liste_actualite LI SPAN.mois_actu {color : #000; font-weight : bold;}
				
				
				.interieur .liste_actualite LI A SPAN.actu_n, .interieur .liste_actualite LI P SPAN.actu_n  { 
					padding-bottom : 4px;
					width:354px;
					border-bottom : #DDDCD6 solid 1px;
					font-size:12px;
				}

               .interieur .liste_actualite LI SPAN.actu_n, .interieur .liste_actualite LI P SPAN.actu_n_art  { 
					padding-bottom : 4px;
					width:120px;
					border-bottom : #DDDCD6 solid 1px;
				}

				.interieur .liste_actualite LI SPAN.actu_n_art em { 
					padding-bottom : 4px;
					width:120px;
					font-style: normal; 
				}

				
				.interieur .liste_actualite LI:last-child A SPAN.actu_n, .interieur .liste_actualite LI:last-child P SPAN.actu_n  { border-bottom : #DDDCD6 solid 0px;}
				
				
				.interieur .liste_actualite li a span, .interieur .liste_actualite li P span {font-size : 66%;}
				
				.interieur .liste_actualite li a span.actu_n {width : 420px; }
				
				.interieur .liste_actualite li a span.actu_n_bas {width : 400px; border-bottom : #DDDCD6 solid 1px;padding:0px 0px 4px 0;}
				
				.interieur #legende_photo_expo.liste_actualite  {margin : 4px 0 22px 0;}
				
				.interieur #legende_photo_expo.liste_actualite UL {left : -15px;}
				
				.liste_actualite LI P SPAN.annee_atcu { font-weight : normal; color : #666;}
				
				.interieur #legende_photo_expo.liste_actualite  li {width : 484px;}

				
				.interieur #legende_photo_expo.liste_actualite LI P SPAN.mois_actu { 
					color : #000;
				}


				.interieur #legende_photo_expo.liste_actualite LI P SPAN.actu_n { 
					position : relative; 
					float : right; 
					width : 335px; 
					left : 7px;
					font : 12px italic bold 14px Helvetica, Arial, Sans-serif;
					border-bottom:0 solid #DDDCD6;
					text-align  : right;
					font-weight : normal;
					
				}
				.small{ 
					font-weight : normal;
					font-style : italic;
					margin : 0;
					padding : 0;
					font-size : 90%;
				}

				.interieur #legende_photo_expo.liste_actualite LI P SPAN.mot_expo { 
					position : absolute; 
					/*top : 30px;*/
					margin:0px 0 50px 15px;
					left : 0;
					font-size:12px;
				}
				
				P.tarif { 
					/*position : absolute; 
					top : 50px;
					left : 0;*/
					font-weight:bold;
					width:500px;
					font-size:12px;
				}

				.interieur #legende_photo_expo.liste_actualite LI P SPAN.descriptif_visites_virt { 
					position : absolute; 
					top : -10px;
					left : 0;
					width:460px;
				}
				
				P.sous_titre_expo {
					font : normal normal 68% Helvetica, Arial, Sans-serif;
					line-height : 125%;
					font-weight : bold;
					margin-bottom:5px;
				}
				
				
/* Téléchargement  */				

#telechargement {
	width : 104px;
	height : 304px;
	float :left;
	text-align : center;
	position : relative;
	top : 13px;
	left : 26px;
	font-size : 10px;
	background:#F6F6F5;
}

	#telechargement H3{
		background:#000;
		text-align : center;
		padding : 0 2px 0 2px;
		margin : 0 0 10px 0;
		height : 32px;
		line-height : 32px;
		font-size : 11px;
		color : #E0BD2D;
	}
	
	#telechargement IMG{ margin : 5px 0 0  0;}
	
/**/

#encart_rubriques {
	float : left;
	width : 100%;
	margin : 40px 0 0 0;
}
	
	#encart_rubriques DIV {
		width : 242px;
		position : relative;
		float : left;
	}
	
	#encart_rubriques DIV.rub_line2 {left : 20px;}
	
	#encart_rubriques DIV.rub_line3 {left : 40px;}
	
		#encart_rubriques  DIV H3 {
			font-size : 20px;
			font-weight : bold;
			background : url(../img/trait_dotted.png) right center no-repeat;
			background : url(../img/trait_dotted.png) right 24px no-repeat;
		}
			
			#encart_rubriques  DIV H3 SPAN{ background : #fff; }
		
		
	
		#encart_rubriques DIV IMG {margin : 8px 0; border : #AC001C solid 4px;}
		
		#encart_rubriques DIV H3 IMG {margin : 8px 0; border : #AC001C solid 0px;}
		
		#encart_rubriques DIV H2 {
			margin : 0 0 4px 0;
			font-size : 11px;
			font-weight : Geneva, Arial, Sans-serif;
			font-weight : bold;
		}
		

/* Page interieur */



	#border_gauche {
		width : 39px;
		height :442px;
		max-height : 442px;
		position :absolute;
		background: #F1D100;
		top : 0; 
		left : 0;
	}
	
	#border_droite {
		width : 11px;
		height : 100%;
		position :absolute;
		background : url(../img/fond_droite.png) left 2px repeat-y #F1D100;
		top : 46px; 
		right : 0;
	}


	#contenant_interieur {padding : 70px 22px 0 59px; position : relative; z-index : 2; font-size: 1.2em; }
	
	#contenant_interieur IMG.spip_logos {margin : 0 8px 5px 0; position : relative; left : -20px;}

	#contenant_interieur object {margin : 0 8px 5px 0; position : relative; left : -20px;}
	
	#contenant_interieur .mbGalerie IMG.spip_logos {position : relative; left : 0px;}
	
	#col_centre p.fil_ariane{ 
		color:#000000; 
		font:10px Verdana, Times, Helvetica, sans-serif;
		position:absolute;
		z-index : 3;
		top:13px;
		left:38px;
		}

	#col_centre p.fil_ariane a{ 
		text-decoration:none;
	}
	#col_centre p.fil_ariane a:hover{ 
		text-decoration:underline;
	}
		
		a span.accueil{ text-decoration:underline}
		
		span.separ_ariane{text-decoration:none; padding:0 5px 0 5px;}
	
	#contenant_interieur .titre_rub{
			font-size: 15px;
			font-weight: bold;
			display: block;
			margin:8px 0 8px 0;
   }
   

	
	
	#autres_articles {
		padding : 10px 0 0 42px;
		
		font : normal normal 11px Helvatice, Arial;
		z-index : 3;
		position : relative;
		float : left;
		font-size: 1.2em;
	}
	
	#autres_articles .liste_actualite {height:inherit;}
	
	#autres_articles .trait_pointilles {
		background : url(../img/autres_article1.png) left top repeat-x #F1D100;
		padding-top : 6px;
		position : relative;
		left : 8px;
		width : 480px;
		float : left;
	}
	
		#autres_articles .trait_pointilles H3.big_titre {
		background : #FFF;
		float :left;
		top : 0;
		padding-right : 30px;
	}
	
	H3.h3_dotted {
	
		margin : 0 20px 0 20px;
		border-bottom : #ccc dotted 2px;
		
	}
	
		H3.h3_dotted SPAN{
	
			background : #fff;
			padding : 2px 12px 2px 2px;
			font-size : 20px;
			position : relative;
			top :10px;
		}
	
	#autres_articles .ma_colonne{
      float:left;
      width:152px;
      background-color: white;
      /*margin-bottom:5px;*/
      margin-top:0px;
      margin-left:1%;
	  margin-right:9px;
	  left : 20px;
	  position : relative;
	  top : 15px;
      padding:0%;
	  font-size:11px;
	  
    }
	
	#autres_articles .ma_colonne ul p{float : left;}
	
	
	#autres_articles ul A span.titre{
		font-weight:bold;
		background : url(../img/bouton_visite.png) center top no-repeat;
		 padding-top : 30px;
		margin-top: -30px;
		padding-bottom : 5px;
		text-transform : uppercase;
		display:block;
		float : left;
		width : 100%;
	
	}
	
	#autres_articles P A {display : block; clear : both;width : 100%;}
	
	#autres_articles ul p a#descriptif{
		
		display:block;
	
	}
	
	/*Expos visites virtuel bas de page */
	
	.ma_colonne_art p.article{
	  height:100px;
    }
	
	
	.ma_colonne_art span.titre_art{
		font-weight:bold;
		display:block;
		padding-left:0px;
		width:300px; 
	
	}
	
	p a#descriptif_art{
		
		display:block;
		margin-left:20px; 
	
	}
	
	.ma_colonne_art img{
	     float:left;
		 margin-bottom:8px;
    }
	
	
	 
		#autres_articles IMG {
			float : left;
			margin : 0 0 5px; 0;
		}
		
		#autres_articles H2 {font : normal bold 11px Helvatice, Arial;}
		
			#autres_articles A {color : #000;}
			
			#autres_articles H3 A { font-size : 15px; color : #F1D100;}
			
			#autres_articles H2 A { text-decoration : underline; }
			
			
			#contenant_interieur div.texte{
			    line-height: 150%;
				margin-top: 0pt;
				margin-right: 0pt;
				margin-bottom: 18px;
				margin-left: 0pt;
				text-align: justify;
				font-size: 70%;
				}
		
		
	/*Corps Recherche*/
	
	.numero_recherche 
	{
		position: relative;
		bottom: -20px;
		font-size: 20px;
		font-weight: bold;
	}
	
    .article_recherche
	{
		font-size: 14px;
		font-weight: bold;
		position: relative;
		top: -2px;
		left: 0px;
		bottom: 100px;
		color: #333333;
		text-decoration: underline;
	}

	.rubrique_trouve
	{
		font-size: 12px;
		position: relative;
		top: 0px;
		left: 25px;
		bottom: 100px;
		color: #666666;
		margin-right:20px;
	}


	/*#contenant_interieur .recherche  a.resultat_recherche span.texte_trouve
	{
		margin-top: 0pt;
		margin-right: 0pt;
		margin-bottom: 18px;
		margin-left: 0pt;
		position: relative;
		left: 25px;
		text-align: justify;
		font-size: 70%;
		text-decoration: none;

	}
*/

    #contenant_interieur p.recherche
	{
		position: relative;
		margin-bottom: -10px;
		width:450px;
	}

	#contenant_interieur a.resultat_recherche
	{
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 18px;
		margin-left: 0px;
		position: relative;
		left: 25px;
		text-align: justify;
		font-size: 70%;
	}

	#contenant_interieur a.resultat_recherche:hover 
	{
		text-decoration: none;
		color:#000000;
	}

	/*#contenant_interieur .resultat_recherche span.texte_trouve a:hover
	{
		position: relative;
		top: 0px;
		left: 25px;
		text-decoration: none;
		color: #333333;
	}*/
	
	.percent
	{
		position: relative;
		top: 0px;
		left: 10px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666666;
	}

	h3 span img{ border:none;}
	

.slideScroll{
	position : relative; 
	width : 300px; 
	/*height : 265px; */
	height : 236px;
	overflow : hidden; 
	border : 0px solid #000; 
	top : 15px;
}

.slideline {
		background : url(../img/slideline.png) no-repeat 10px 25px ;
		position : absolute;
		width:22px; 
		/*height:248px; */
		height:209px; 
		position:absolute; 
		right:0; 
		border-left:0px solid #000;
	}

/*paginnation*/

.pagination {text-align : center; clear : both; position:relative; top:15px; }

.pagination span {background:#C92444;border :#C92444 solid 1px; color : #ffffff;padding : 1px 7px 2px 7px;}

.pagination a { border :#C92444 solid 1px; color : #000000;padding : 1px 7px 2px 7px;}

.pagination #pagination a.lien_pagination{ border :none;}

#contenant_interieur .pagination a:hover {color : #C92444;text-decoration:none;}

#pagination {width:400px; height:10px; margin-left:61px;}


DIV.bloc_plan LI{ font-size : 71%; width : 242px; float :  left; }

DIV.bloc_plan LI  A{color : #666666;width : 232px; padding: 4px 5px; float :  left; }

DIV.bloc_plan LI  A:hover{ background : #ECECEC; text-decoration : none;}

DIV.bloc_plan H3.spip {border-bottom:0px solid #D6D6D6; }

DIV.bloc_plan H3, DIV.bloc_plan H4{ padding-top: 15px; clear : both; }

DIV.bloc_plan H4{padding: 0px 15px 5px 0px; }


DIV.bloc_plan UL{padding-bottom:  20px; float : left;}

DIV.bloc_plan LI.separateur{width : 484px;  padding: 0; height : 1px;float :  none; clear : both; background:#D6D6D6; }



