/*
-- 3 gandes vues pour le calendrier : 
	Vue détail
	div#cal-vue-detail{}
	
	Vue recherche, formulaire
	div#cal-vue-recherche{}
	
	Vue recherche, resultats
	div#cal-vue-resultats{}
*/

/*	DEBUT règles génériques pout tous les vues calendrier centrales	*/
form {font-size:1em;}

div#cal-vue-detail,
div#cal-vue-recherche,
div#cal-vue-resultats{
	font-family: Arial,Helvetica,sans-serif;
	color: #333333;
	/* font-size:1em; */
	margin: 10px 15px 10px 15px;
}

	div#cal-vue-detail h1, div#cal-vue-recherche h1, div#cal-vue-resultats h1,
	div#cal-vue-detail h2, div#cal-vue-recherche h2, div#cal-vue-resultats h2,
	div#cal-vue-detail h3, div#cal-vue-recherche h3, div#cal-vue-resultats h3,
	div#cal-vue-detail h4, div#cal-vue-recherche h4, div#cal-vue-resultats h4{
		color:#333;
		font-family: Arial,Helvetica,sans-serif;
		}
	
	div#cal-vue-detail h1, div#cal-vue-recherche h1, div#cal-vue-resultats h1{
		font-size:2em;
	}
	div#cal-vue-detail h2, div#cal-vue-recherche h2, div#cal-vue-resultats h2{
		background:none transparent;
	}
	
	div#cal-vue-detail h3, div#cal-vue-recherche h3, div#cal-vue-resultats h3{
		clear: both;
		color: #333333;
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 0;
		padding: 0.8em 0 0.5em;
	}
	
	div#cal-vue-detail h4, div#cal-vue-recherche h4, div#cal-vue-resultats h4{
		clear: both;
		 color: #404040;
		 font-size: 1.17em;
		 margin: 1em 0 0.5em;
	}
	

	div#cal-vue-detail h1.premier, div#cal-vue-recherche h1.premier, div#cal-vue-resultats h1.premier,
	div#cal-vue-detail h2.premier, div#cal-vue-recherche h2.premier, div#cal-vue-resultats h2.premier,
	div#cal-vue-detail h3.premier, div#cal-vue-recherche h3.premier, div#cal-vue-resultats h3.premier,
	div#cal-vue-detail h4.premier, div#cal-vue-recherche h4.premier, div#cal-vue-resultats h4.premier{
		 margin-top: 0;
		 padding-top:0;
	}

	
	div#cal-vue-detail ul, div#cal-vue-recherche ul, div#cal-vue-resultats ul{
		list-style: none outside none;
	}
	
		div#cal-vue-detail ul li, div#cal-vue-recherche ul li, div#cal-vue-resultats ul li{
			background:none;
			padding:0;
			margin:4px 0 7px 8px;
			line-height:1.3em;
		}
	
		div#cal-vue-detail  ul.listePdf li{
			font-size:0.9em;
		}
		
		div#cal-vue-detail ul.listePdf li a {
			 background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/pdf_icon_li.gif") no-repeat scroll 0 0.2em transparent;
			 color: #000000;
			 display: block;
			 left: -15px;
			 padding: 0 0 3px 15px;
			 position: relative;
			 font-size:1.083em;
			 font-weight:normal;
			 text-decoration:underline;
		}
		
	div#cal-vue-detail a.externe {
		 background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/ic_lien_externe.gif") no-repeat scroll right center transparent;
		 padding: 0 21px 0 0;
	}
	
	div#cal-vue-detail a.courriel_np{
		background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/ic_joindre.gif") no-repeat scroll 100% 48% transparent;
		padding: 0 22px 0 0;
		text-decoration: underline;
		font-weight:normal;
	}
	
		div#cal-vue-detail div.corps p.commentaire,
		div#cal-vue-resultats div.bloc-resultats p.commentaire
		{
			font-size:0.91em;
			line-height:1.4em;
		}

/*	FIN règles génériques pout toutes les vues calendrier centrales	*/
/*	DEBUT plage événements commune -quoi-qui-où- vue détail	*/
	
	div.entete{border:none;padding:0;margin:0;}
		div.entete h1{
			line-height:22px;
		}
		
			div.entete h1 span.sous-titre{
				font-size:0.67em;
				font-weight:normal;
				display:block;
			}
			div.entete h1 span.descr-calendrier{
				font-size:0.917em;
				font-weight:normal;
				display:block;
				}
		
			div.entete div.dates{
				color:#3e6788;
				margin: 0 0 15px 0;
			}
				
				div.entete div.dates p{
					padding:0; 
					margin:0; 
					line-height:1.35em;
					font-size:1,167em;
				}
				
				div#cal-vue-detail div.dates p.jours, 
				div#cal-vue-detail div.dates h2.jours{
					color:#3e6788;
					padding:0; 
					margin:0; 
					line-height:1.35em;
					font-size:1.17em;
					font-weight:bold;
				}
			
			div#cal-vue-detail div.entete div.dates p.heures{
				font-size:13px;
				color:#3e6788;
			}
			div#cal-vue-detail div.dates p.modification{
				color:#666666; 
				font-size:0.917em;
			}
	
		div.entete div.categories{margin: 0 0 15px 0;}
			div.entete div.categories p{
					padding:0; 
					margin:0; 
					line-height:1.4em;
					/*
					font-size:11px;
					*/
					font-size:0.917em;
				}

			div.entete div.categories p.statut{
				font-weight:bold;
				color:#ff0000;
				}
				
			div.bloc-infos{margin:0 0 20px 0;}
			
				div.bloc-infos p.adresse,
				div.bloc-infos p.plus-infos,
				div.bloc-infos p.commentaire{
					margin:0; 
					padding:0;
				}
			
			
				div.bloc-infos p.adresse{
					font-size:1.167em;
					margin:0 0 18px 0;
				}
				div.bloc-infos p.plus-infos{
					font-size:13px; 
					font-weight:bold;
				}
				
				div.bloc-infos p span.info{
					font-size:0.917em;
					color:#666;
					margin-bottom:0.3em;
					line-height:1em;
				}

/*	FIN plage événements commune -quoi-qui-où- vue détail	*/
/* DEBUT plage corps de la page - vue détail	*/
	div.corps p{font-size:1em;}
	
	div.bloc-image-gch{
		float:left;
		font-size:0.917em;
		text-align:center;
		width:171px;
		line-height:1.3em;
		margin:4px 7px 5px 0;
	}
		div.bloc-image-gch div.metas{
			width:150px; 
			margin:5px auto; 
		}
		
		div.bloc-image-gch span{
			display:block;
		}
		
		div.bloc-image-gch a{
			background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien.gif") no-repeat scroll right 60% transparent;
			color: #3e6788;
			display: inline-block;
			padding: 0 13px 0 0;
			text-decoration:none;
		}
	
	/* Affecté à bloc-image-gch seulement quand les métadonnées ou la version grande de l'image sont disponibles */
	div.bordure{border-bottom:1px solid #000;}
		div.corps div.bloc-ressources,
		div.corps div.bloc-horaires{
			background-color:#f6f8f9;
			border:1px solid #eef2f4;
			padding:10px 15px 0 15px;
			margin:15px 0 25px 0;
		}
		
		div.corps div.bloc-horaires{color:#000;}
		
		div.bloc-ressources div.libelle,
		div.bloc-ressources div.donnees{float:left;}
	
		
		div.bloc-ressources div.section,
		div.bloc-horaires div.section{
			margin:0 0 10px 0;
			width:100%;
		}
		div.bloc-ressources div.libelle{
			width:26%;
			font-weight:bold; 
			font-size:1.167em;
			color:#666666;
		}
	div.bloc-ressources div.donnees{width:71%}
	div.bloc-ressources p.comment{margin:0 0 20px 0;}
	
	div#cal-vue-detail div.bloc-ressources ul,
	div#cal-vue-detail div.bloc-horaires ul{margin:0;padding:0;}
	
	div#cal-vue-detail div.bloc-ressources ul li,
	div#cal-vue-detail div.bloc-horaires ul li{margin:0 0 5px 0;}
	
	div#cal-vue-detail div.donnees ul li span.description,
	div#cal-vue-detail div.donnees ul li span.description{display:block; font-size:0.917em; clear:both;}
	
	div.bloc-horaires div{ 
		float:left; 
		width:49%;
		}
	div.bloc-horaires div.clear{
		float:none;
		width:auto;
	}
	
	div#trajets{
		background:transparent;
		border:none;
	}
/* FIN plage corps de la page - vue détail	*/
/* DEBUT page de recherche	*/

	/*	Tableau craché par  le portle de recherche DSI en mode résultats de recherche */
	table.formTable{width:100%}
	div.bloc-recherche{
		margin:0 0 25px 0;
		background-color:#eef2f4;
		padding:15px 15px 15px 15px;
		/* position:relative; -- IE ; fonctionnel pour tout sauf ie */
	}

	/*	État de visibilité des blocs de recherche au repos	 - dupliqué en js */
	div#rech-avancee,
	div#feedback-rech{display:none;}
	
		div.bloc-recherche form{
			font-size:0.917em;
		}
	
		div.gch-recherche,
		div.drt-recherche{float:left;}
		div.gch-recherche{width:330px;}
		div.drt-recherche{width:152px;}
	
		div.groupe-selects-txt,
		div.groupe-radio{margin:0 0 8px 0;}
			
		div.titre-groupe-recherche{
	
			font-size:16px;
			font-weight:bold;
			margin:10px 0 10px 0;
		}
	
			div.groupe-selects-txt label{display:none;}
			div.groupe-selects-txt select,
			div.groupe-selects-txt input.text{
				width:305px;
				margin:0 0  6px 0;
				font-size:11px;
			}
	
			div.groupe-selects-txt input.text{width:300px;}
			div.gch-recherche input{color:#666;}
	

			div.groupe-radio input{float:left;}
			div.groupe-radio label{
				display:inline-block;
				clear:none;
				font-size:11px;
				margin:0 0 0 4px;
			}
	
			div.groupe-selecteurs-date label{
				float:left; 
				display:inline-block;
			}
			div.groupe-selecteurs-date input{
				width:80px;
				float:right;
				font-size:11px;
				background-color:#fff;
			}
			div.groupe-selecteurs-date a,
			div.groupe-selecteurs-date img{
				display:block; 
				float:right; 
				width:16px; 
				height:16px; 
				margin:0 0 0 6px;
			}
			div.groupe-selecteurs-date div.field{margin:0 0 10px 0;}
	
		div.field{clear:both;}
		div.soumission{
			width:100%; 
			clear:both; 
			margin:0;
		}
			div.soumission input{float:right;}
	

	div#recherche-simple,
	div#recherche-avancee{
		background-color:#eef2f4;
		width:505px; 
		margin:0;
		padding:0;
	}
	
	/* Interface de rétroaction : confirmation de la recherche effectuée */
	div.retroaction-recherche{}
		div#cal-vue-recherche div.retroaction-recherche h4{ 
			font-size:1.083em;
			color:#000;
		}
		div.retroaction-recherche span.critere{color:#666666;}
		div.retroaction-recherche p{
			/* difficulté à afficher du 11px relatif en production et sur 1n69, suivre cette valeur dans tous les environnements */
			font-size:0.917em;
			line-height:1.35em;
			margin:0 0 0 0;
			color:#000;
		}
		div.retroaction-recherche a.suivre_lien{
			font-weight:bold; 
			display:block; 
			float:right; 
			text-decoration:underline; 
			font-size:1.067em;
			background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_arrond.gif") no-repeat scroll right 0.5em transparent;
			color: #0075B0;
		}
	
	/* Section résultats de recherche */
		div.bloc-resultats h2{
			font-size:1.33em;
			margin:0; 
			padding:0;
		}
		div.bloc-resultats div.meta-resultats{color:#666666;}
			div.bloc-resultats div.meta-resultats span{
				display:block; 
				float:left;
			}
		div.bloc-resultats div.mini-pagination{
			width:100px; 
			float:left; 
			margin : 0 10px;
		}
		div.bloc-resultats div.mini-pagination a{
			display:block; 
			float:left; 
			width:16px; 
			height:16px; 
			overflow:hidden; 
			text-indent:100px; 
			margin:0 1px;
		}
		div.bloc-resultats div.mini-pagination a:hover,
		div.bloc-resultats div.mini-pagination a:active{border-bottom:1px solid #666666;}
		div.bloc-resultats div.mini-pagination a.p-precedente{background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_retour_arrond.gif") no-repeat scroll 5px 5px transparent;}
		div.bloc-resultats div.mini-pagination a.p-suivante{background:url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_arrond.gif") 7px 5px no-repeat scroll transparent;}
	
	div.liste-resultats div.resultat{
		padding:10px 25px; 
		font-size:1em;
	}
	
	div.liste-resultats div.couleur{background:#f6f8f9;}
	
	div.liste-resultats p.date-resultat{
		font-size:0.917em;
		font-weight:bold;
		
	}
	
	div.liste-resultats p.statut-reporte,
	div.liste-resultats p.statut-annule,
	div.liste-resultats p.statut-complet{
		color:#F00; 
		text-decoration:none; 
		font-size: 1em; 
	}
	
	div.liste-resultats p.statut-reporte span,
	div.liste-resultats p.statut-annule span,
	div.liste-resultats p.statut-complet span{
		color#333;
		text-decoration:line-through;
	}
	
		
		div.liste-resultats p.corps-resultat a{font-weight:bold;}
		div.liste-resultats p.corps-resultat a:hover,
		div.liste-resultats p.corps-resultat a:active{
			color:#333333;
			text-decoration:none;
			cursor:pointer;
		}

	
/* FIN page de recherche	*/
/* DEBUT plage pied de page - vue détail et recherche	*/
	div.pied{margin:40px 0 0 0;}
		div.pied  a{
			display:block;
			background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_retour_arrond.gif") no-repeat scroll left 0.7em transparent;
			color: #3e6788;
			font-size:1em;
			line-height:22px;
			font-weight: bold;
			padding: 0 0 0 11px;
			text-decoration: underline;
		}
	
		div.pied div.pagination {
			border-top:#d1d1d1 1px solid;
			padding:6px 10px;
		}
			div.pied div.pagination a {
				display:block;
				background:none;
				padding:0;
				text-decoration:none;
			}
		div.pied div.controles-pagination {
			float:left;
			width:65%;
		}
			div.pied div.pagination a.p-precedente {
				float:left;
				background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_retour_arrond.gif") no-repeat scroll left 0.7em transparent;
				padding: 0 0 0 11px
			}
			div.pied div.pagination a.p-suivante {
				float:left;
				background: url("http://ville.montreal.qc.ca/pls/portal/docs/page/lib_arr_fr/media/images/ui_frm/ic_fleche_lien_arrond.gif") no-repeat scroll right 0.7em transparent;
				padding: 0 14px 0 0;
			}
			div.pied div.pagination a.p-precedente:hover,  div.pied div.pagination a.p-precedente:active,  div.pied div.pagination a.p-suivante:hover,  div.pied div.pagination a.p-suivante:active {text-decoration:underline;}
		
		div#pages {
			float:left;
			margin:0 6px;
		}
			div#pages a {
				display:inline-block;
				margin:0 1px;
				color: #3e6788;
				width:23px;
				height:23px;
				text-align:center;
				padding:0 0 0 1px
				font-size:12px;
			}
			div#pages a.selected,
			div#pages a.selected:hover,
			div#pages a.selected:active{
				color:#fff;
				background-color:#bbcbd4
			}
			div#pages a:hover,  
			div#pages a:active {background-color:#eaeff2;}
		
		div.pagination div.meta-resultats {
			float:right;
			width:35%;
			text-align:right;
			font-size:1em;
		}
	
/* FIN plage pied de page - vue détail et recherche	*/
	/*	DEBUT plage onglets- vue détail	*/
		div#cal-vue-detail div.selection{margin:0 0 20px 0;}
		div#cal-vue-recherche div.selection{}
			div#cal-vue-detail div.onglets{border-bottom:#cbd6d9 3px solid;}
			div#cal-vue-recherche div.onglets{border-bottom:#cbd6d9 4px solid;}
				
				div#cal-vue-detail div.onglets ul,
				div#cal-vue-recherche div.onglets ul{
					margin:0 0 0 0; 
					padding:0;
					height:23px;
				}
					div#cal-vue-detail div.onglets ul li,
					div#cal-vue-recherche div.onglets ul li{
						margin:0 3px 0 0; 
						padding:0; 
						height:23px; 
						display:block;
						float:left;
						background:none transparent;
						width:90px;
						max-width:120px;
						text-align:center;
					}
					
					div#cal-vue-recherche div.onglets ul li{
						float:right;
						width:180px;
						max-width:210px;
						margin:0 0 0 3px; 
					}
					
						div#cal-vue-detail div.onglets ul li a,
						div#cal-vue-detail div.onglets ul li a:link,
						div#cal-vue-detail div.onglets ul li a:active,
						div#cal-vue-detail div.onglets ul li a:hover,
						div#cal-vue-detail div.onglets ul li a:visited,
						
						div#cal-vue-recherche div.onglets ul li a,
						div#cal-vue-recherche div.onglets ul li a:link,
						div#cal-vue-recherche div.onglets ul li a:active,
						div#cal-vue-recherche div.onglets ul li a:hover,
						div#cal-vue-recherche div.onglets ul li a:visited
						{
							display:block;
							line-height:21px;
							height:21px;
							color:#215c89;
							background-color:#ebf0f2;
							font-size:14px;
							padding:2px 20px 0 20px;
							margin:0 0 0 0;
							text-decoration:none;
							
						}
						
						div#cal-vue-detail div.onglets ul li a.selected,
						div#cal-vue-recherche div.onglets ul li a.selected{
							font-weight:bold; 
							background-color:#cbd6d9;
						}
						
						/* DEBUT Icones de navigation droite - zone onglets */
						div#cal-vue-detail div.icos-nav-recherche{
							float:right;
							clear:none;
							height:20px;
							width:60px;
							position:relative;
							left:1px;
							top:1px;
							background:transparent;
							overflow:hidden;
						}
						div#cal-vue-detail div.icos-nav-recherche a{
							display:block;
							float:right;
							height:0px;
							width:20px;
							overflow:hidden;
							line-height:60px;
							padding:0 0 20px 0;
							margin:0 0 0 3px;
						}
						
						div#cal-vue-detail div.icos-nav-recherche a.ico-nav-retour{
							background:url(http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_fleche_retour_resultats.gif) 0 0 no-repeat transparent scroll;
						}
						div#cal-vue-detail div.icos-nav-recherche a.ico-nav-nouvelle-rech{
							background:url(http://ville.montreal.qc.ca/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_loupe_nouvelle_rech.gif) 0 0 no-repeat transparent scroll;
						}
						/* FIN Icones de navigation droite - zone onglets */
                	

/*	FIN plage onglets - vue détail	*/
/* DEBUT règles globales et extras	*/
	.clearfix:after {
		content: ".";
		display: block; 
		height: 1px; 
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */

	.strike{text-decoration:line-through;}
	.clear{ clear:both; height:1px;}
	
	p.systemMessages{font-size:1.2em; color : #000000}
	
	/* DEBUT hacks d'affichage */
	html.prtv2 div.selection, html.prtv2 div.dates{margin-top:25px;}
	html.prtv2ie div.selection, html.prtv2ie div.dates{margin-top:31px;}
	html.in69 div.retroaction-recherche p{font-size:1em;}
	html.prtv2ie div.bloc-recherche{ position:relative;} /* pâtch ie : espace blanc entre onglet et bloc recherche	*/
	html.webkit div.groupe-selecteurs-date img{/*	position:relative; top:3px;	*/ margin: 3px 0 0 6px;}
	/*	FIN hacks d'affichage */
	
/* FIN règles globales et extras	*/