/*  css de tout ce qui est présent dans le corps de page de page accueil.php + rubrique.php   */


/*  ---------------------------------------------------------------------------------------------------  */
/*  accueil.php ou rubrique.php => les blocs à la Une : Evts  */

div.a_la_une {
	overflow : auto ;
	margin : 20px ;
	border-bottom : 1px solid #ccc ;
}
div.a_la_une2 {
	float : left ;
	overflow : auto ;
	width : 45% ;
	margin : 0px 0px 10px 20px ;
	padding-bottom : 8px ;
}
div.a_la_une3 {
	float : right ;
	overflow : auto ;
	width : 45% ;
	margin : 0px 20px 10px 0px ;
}

		div.titre_bloc {
			border : 1px solid #ccc ;
			margin : 0px ;
			padding : 5px 0px 5px 25px ; 
			text-align : left ;
			font-size : 1em ;
			font-weight : bold ;
			background-color : #ececec ;
		}
		
	.space_titre {
		margin-top : 5px ;
	}
		
		p.une_date {
			margin : 0px 5px ;
			padding-left : 20px ;
			padding-right : 10px ;
			text-align : right ;
			font-size : 0.7em ;
			color : #999999 ;
		}		
		p.une_titre {
			margin : 0px ;
			padding-left : 20px ;
			text-align : left ;
			font-size : 1.2em ;
			/*font-weight : bold ;*/
			border : 1px solid #cccccc ;
			background-color : #e7e7e7 ;
		}
		p.une_texte {	
			margin : 0px ;
			padding : 10px 0px 0px 0px ;
			font-size : 0.8em ; 
			text-align : justify ;
		}
				p.une_texte img {
					float:left;
					padding-right:10px;
					padding-bottom:10px;
				}	
		
		.une_info {	
			font-size : 0.8em ; 
			margin : 5px 5px 0px 5px ;
			padding: 5px 0px ;
			list-style: none ;
			text-align : justify ;
			}
				.une_info li {
					display: inline ;
					color: #999999 ;
					}
				li.une_info_titre {
					display: inline ;
					color: #999999 ;
					font-weight : bold ;
					}	

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  A la une des rubriques sur accueil.php  */

div#a_la_une_rubrique {
	clear : both ;
	width : 99% ;
	overflow : auto ;
	margin : 0px ;
	padding : 0px ;
}
		div#a_la_une_rubrique_header {
			clear : both ;
			border : 1px solid #ccc ;
			margin :  20px 20px 0px 20px ;
			padding : 5px 0px 5px 25px ; 
			text-align : left ;
			font-size : 1em ;
			font-weight : bold ;
			background-color : #e7e7e7 ;
		}
		div.rub_listing {
			overflow : auto ;
			margin : 5px 20px 30px 20px ;
			padding : 5px 0px ;
			border : 1px solid #ccc ;
		}
			
				dl.liste_evenement_rub {
					padding : 0px ;
					margin : 0px 0px 0px 30px ;
				}
				dl.liste_evenement_rub dd {
					margin : 0px ;
					text-align : center ;
					font-size : 0.9em ;
					display : inline ;
				}
						label.liste_evenement_rub {
							float : left ;
							clear : both ;
							width : 120px ;
							height : 20px ;
							padding : 5px 0px ;
							text-align : left ;
						} 
					 
				dl.liste_evenement_rub dt {
					float : left ;
					padding : 5px 0px ;
					margin : 0px ;
					text-align : center ;
					font-size : 0.8em ;
					display : inline ;
				}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  Calendrier des Evts */

table#evt_prog {
	margin : 10px auto ;
	width : 90% ;
	font-size : 0.8em ;
	text-align : center ;
}

table#evt_prog td {
	width : 12% ;
	height : 20px ;
}

		td.zone_prog {
			border : #fff 1px solid ;
			width : 30% ;
			padding : 10px 5px ;
			text-align : center ;
		}
		td.sepzone_prog {
			width : 5% ;
		}
		
			.fleche {
				background-color : #cecece ;
				border : 1px solid #ccc ;
				color : #000 ;
			}
						td.fleche a.link_tableau {
							display : block ;
							background-color : #cecece ;
							color : #fff ;
							text-decoration : none ;
						}
						td.fleche a.link_tableau:hover, td.fleche a.link_tableau:focus, td.fleche a.link_tableau:active {
							color : #000 ;
							background-color : #8779ca ;
						}
			
			.base {
				background-color : #fff ;
				border : 1px solid #ccc ;
				color : #000 ;
			}
			.vide {
				background-color : #fff ;
				border : 1px solid #ccc ;
			}
			.jour {
				border : 2px solid #000 ;
			}
			.legende {
				text-align : left ;
			}
			
			span.gris {
				color : #A9BFD9 ;
			}
					a.link_tableau_jour_gris {
						display : block ;
						color : #A9BFD9 ;
						text-decoration : none ;
					}
					a.link_tableau_jour_gris:hover, td.pris a.link_tableau_jour_gris:focus, td.pris a.link_tableau_jour_gris:active {
						color : #000 ;
						background-color : #8779ca ;
					}
			
/*  pour les cases avec 1 evt programmé  */
			table#evt_prog td.pris1 {
				background-color : #bed2e4 ;				
			}			
					td.pris1 a.link_tableau_jour {
						display : block ;
						background-color : #bed2e4 ;
						color : #fff ;
						text-decoration : none ;
					}
					td.pris1 a.link_tableau_jour:hover, td.pris1 a.link_tableau_jour:focus, td.pris1 a.link_tableau_jour:active {
						color : #000 ;
						background-color : #8779ca ;
					}
			
/*  pour les cases avec 2 evts ou + programmés  */	
			table#evt_prog td.pris2 {
				background-color : #326598 ;				
			}			
					td.pris2 a.link_tableau_jour {
						display : block ;
						background-color : #326598 ;
						color : #fff ;
						text-decoration : none ;
					}
					td.pris2 a.link_tableau_jour:hover, td.pris2 a.link_tableau_jour:focus, td.pris2 a.link_tableau_jour:active {
						color : #000 ;
						background-color : #8779ca ;
					}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  Pub pour les autres portails de BB  */					

	.portail {	
			font-size : 0.8em ; 
			margin : 5px 5px 0px 5px ;
			padding: 5px 0px ;
			list-style: none ;
			text-align : justify ;
			color:#666;
			}
			
					.portail li.corps {
						padding : 0px  10px 15px  10px ;
						}
								a.portail {
									float : left ;
									padding : 0px 10px 10px 0px ;
									text-decoration : none ;
								}
								a.portail:hover, a.portail:focus, a.portail:active {
									text-decoration : none ;
								}
										img.portail {
											border : 1px solid #fff ;
											margin-bottom : 15px ;
										}
								
					.portail li.titre{
						text-decoration : underline ;
					}


/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*  Bloc "pratique et utile"  */					

	ul.info_bloc {
		clear : both ;
		margin : 0px 10px 0px 30px ;
		padding : 5px 0px 5px 25px ;
		color:#666;
		text-align : left ;
		font-size : 0.8em ;
		line-height : 20px ;
		list-style-image : none ;
	}					
	
/* ------------------------------------------------------------------------------------------------------------------------------------------ */	
div#blocportail {
	padding : 0 2% ;
}
		div#blocportail h1 {
			font-size : 1em ;
			padding : 0px ;
			margin : 0px 0px 5px 0px ;
		}
	div.pubportail_g {
		clear : both ;
		display: block;
		float : left ;
		width : 30% ;
		height : 75px ;
		text-align : left ;
		padding : 15px 10px 0px 90px ;
		margin-bottom : 15px ;
		background-color : #fff ;
		border : 1px solid #fff ;
	}
		div.pubportail_eadm a {
				clear : both ;
				display: block;
				float : left ;
				width : 30% ;
				height : 120px ;	
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
			background : #fff url('/interface/images/alaune/eadm_blanc_small.png') no-repeat left ;
		}
			div.pubportail_eadm a:hover, div.pubportail_eadm a:focus, div.pubportail_eadm a:active {
				border : 1px solid #ccc ;
			}
				
				
		div.pubportail_geo a {
				clear : both ;
				display: block;
				float : left ;
				width : 30% ;
				height : 120px ;	
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
			background : #fff url('/interface/images/alaune/geo_blanc_small.png') no-repeat left ;
		}
			div.pubportail_geo a:hover, div.pubportail_geo a:focus, div.pubportail_geo a:active {
				border : 1px solid #ccc ;
			}					
				
			div.pubportail_envirt a {				
				clear : both ;
				display: block;
				float : left ;
				width : 30% ;
				height : 75px ;	
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
				background : #fff url('/interface/images/alaune/environnement_blanc_small.png') no-repeat left ;							
			}
				div.pubportail_envirt a:hover, div.pubportail_envirt a:focus, div.pubportail_envirt a:active {
					border : 1px solid #ccc ;
				}			
			
			div.pubportail_travaux a {				
				clear : both ;
				display: block;
				float : left ;
				width : 30% ;
				height : 75px ;
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
				background : #fff url('/interface/images/alaune/travaux_blanc_small.png') no-repeat left ;							
			}
				div.pubportail_travaux a:hover, div.pubportail_travaux a:focus, div.pubportail_travaux a:active {
					border : 1px solid #ccc ;
				}
			
				
	div.pubportail_d {
		float : right ;
		display: block;
		width : 30% ;
		height : 75px ;
		text-align : left ;
		padding : 15px 10px 0px 90px ;
		margin-bottom : 15px ;
		background-color :  #fff ;
		border : 1px solid #fff ;
	}	
			
			div.pubportail_bat a {				
				float : right ;
				display: block;
				width : 30% ;
				height : 120px ;
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
				background : #fff url('/interface/images/alaune/batiment_blanc_small.png') no-repeat left ;							
			}
				div.pubportail_bat a:hover, div.pubportail_bat a:focus, div.pubportail_bat a:active {
					border : 1px solid #ccc ;
				}	
		div.pubportail_news a {
				float : right ;
				display: block;
				width : 30% ;
				height : 120px ;
				color : #000 ;
				text-align : left ;
				font-size : 0.8em ;
				text-decoration : none ;
				padding : 15px 10px 0px 90px ;
				margin-bottom : 15px ;
				border : 1px solid #fff ;
			background : #fff url('/interface/images/alaune/news_blanc_small.png') no-repeat left ;
		}	
			div.pubportail_news a:hover, div.pubportail_news a:focus, div.pubportail_news a:active {
				border : 1px solid #ccc ;
			}