/* CSS Document */


/* DÉBUT * Zone utilitaire partager/imprimer */

div#util_contenu_cont {
	/* display:none; */
	height: 30px;/* background-color:#00CCCC; */
}
 @media print {
div#util_contenu_cont {
	display: none;
}
div#util_c_1 {
	display: none;
}
div#util_c_2 {
	display: none;
}
}
div#util_contenu {
	position: absolute;
	height: 30px;
	padding: 5px 0 0 0;
	z-index: 200;
	width: 746px;
}
div#util_c_1 {
	float: left;
	width: 510px;
	padding: 0 10px;
}
a#util_partag {
	float: left;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_util_partag.gif) no-repeat left center;
	padding: 5px 0 5px 25px;/*margin-left: 10px;*/
}
a#util_imprim {
	float: right;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_util_imprim.gif) no-repeat right center;
	padding: 5px 30px 5px 0;
}
/* debut *insert*/
		
div#util_contenu_cont {
	/* display:none; */
	height: 30px;/* background-color:#00CCCC; */
}
div#util_contenu {
	position: absolute;
	height: 40px;
	padding: 5px 0 0 0;
	z-index: 200;
	width: 746px;
}
div#util_c_1 {
	float: left;
	width: 510px;
	position: absolute;
	z-index: 610;
	top: 7px;/* display:inline; */ /*Pour regler le bug double-margin dans ie*/
}
/*		a#util_partag {
			float:left;
			background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_util_partag.gif) no-repeat left center;
			padding: 5px 0 5px 30px;
		}
			
		a#util_imprim {
			float:right;
			background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_util_imprim.gif) no-repeat right center;
			padding: 5px 30px 5px 0;
		}*/
		
div#up_liensDePartage {
	position: absolute;
	padding: 40px 0 20px 0;
	margin-top: 0px;
	z-index: 600;
	width: 530px;
	background-color: #FFF;
	border: 1px solid #333;/* display:none; */
}
div#up_liensDePartage a {
	background: none;
	float: left;
	display: inline;/* Essentiel pour regler le double-margin bug dans ie6*/
	/*width: 60px;*/
	padding-left: 28px;
	/*background-color:#999933;*/
	font-size: 11px;
	margin: 10px 20px 10px 10px;
}
div#up_liensDePartage a.ut_part_courriel {
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_courriel.gif) no-repeat 0 9px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_facebook {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_facebook.gif) no-repeat 0 7px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_google {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_google.gif) no-repeat 0 6px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_delicious {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_delicious.gif) no-repeat 0 6px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_reddit {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_reddit.gif) no-repeat 0 6px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_techno {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_technocrati.gif) no-repeat 0 6px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_digg {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_digg.gif) no-repeat 0 6px;
	padding-left: 20px;
}
div#up_liensDePartage a.ut_part_twitter {
	/* Spécifier icone ici en background-image */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ic_twitter.gif) no-repeat 0 6px;
	padding-left: 20px;
}
/* fin *** insert*/
	
div#util_c_2 {
	float: right;
	display: inline;
	margin-right: 55px;
}
div#font_ctrl img {
	display: inline;
	margin-left: 6px;
}
/* vérifier utilité de ceci... */
div#h1_princi_reloc {
	padding: 10px;
}
/* FIN *** Zone utilitaire partager/imprimer */



table.cont_fake_padding td {
	padding-left: 15px;
	padding-right: 15px;
	width: 525px;/* background-color:#99CCCC; */
}
table.cont_fake_padding td table td {
	padding-left: 0;
	padding-right: 0;
}
table.cfd_ouv td {
	padding-top: 15px;
	padding-bottom: 0;
}
table.cfd_cen td {
	padding-top: 0;
	padding-bottom: 0;
}
table.cfd_fer td {
	padding-top: 0;
	padding-bottom: 15px;
}
/*
table.imageAvecLeg {
	float:left;
	background-color:#f7f7f7;
	margin-right:10px;
}

table.imageAvecLegLien {}

	

	table.imageAvecLeg td {
		padding:4px;
		font-size:10px;
		text-align:center;
	}
	
	table.imageAvecLegLien td {
		padding:0;
		line-height:12px;
	}
	
	table.imageAvecLeg td.imgLeg_avecLien {
		padding:0;
	}
	
		table.imageAvecLeg td a {
			display:block;
			padding:4px;
			background-color:#ffeceb;
			text-decoration:none;
		}
		
			table.imageAvecLeg td a:hover {
				background-color: #666666;
				color:#FFF;
			}
			
			table.imageAvecLeg td a em {
				display:block;
				margin:4px 0 2px 0;
			}
			
			table.imageAvecLeg td a strong {
				display:inline-block;
				width:auto;
				padding-right:17px;
				background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_fleche_lien.gif) right 50% no-repeat;
				color: #990000;
				margin:2px 0 2px 0;
				font-weight:normal;
			}
			
				table.imageAvecLeg td a:hover strong {
					color:#fff;
				}
	
			table.imageAvecLeg td img {
				float:none;
				display:block;
				margin-bottom:6px;
			}
			
				table.imageAvecLeg td a img {
					border:none;
				}
			
			table.imageAvecLeg td p {
				margin:0;
				line-height:12px;
			}
*/

/* DÉBUT * image avec légende et +++ */
/* Nouveau code updater pour les image avec légende */
/* Utiliser la classe imageAvecLeg OU la classe imageAvecLegLien */
/* Ajout d'une classe pour floater à Droite */
/* *** Updater les anciennes page eventuellement *** */
table.imageAvecLeg, table.imageAvecLegLien {
	float: left;
	/* background-color:#f7f7f7; */
	margin: 4px 10px 7px 0;
	border-bottom: 1px solid #000;
}
/* classe à ajouter pour alignement à droite */
table.imageFltDrt {
	float: right;
	margin: 4px 0px 7px 10px;
}
table.img_blockInsert {
	margin-right: 0;
	margin-bottom: 15px;
}
table.imageAvecLeg td, table.imageAvecLegLien td {
	padding-bottom: 4px;
	font-size: 10px;
	text-align: center;
	color: #000;
}
table.imageAvecLeg td span.txtCont {
	padding: 0 3px;
	display: block;
	line-height: inherit;
}
table.imageAvecLegLien td {
	padding-bottom: 0;
	line-height: 12px;
}
table.imageAvecLegLien td a span.txtCont {
	display: block;
	padding: 0 3px 5px 3px;
	line-height: inherit;
}
table.imageAvecLeg td a, table.imageAvecLegLien td a {
	display: block;
	padding-bottom: 4px;
	/*background-color:#ffeceb;*/
	text-decoration: none;
	color: #000;
}
table.imageAvecLeg td a:hover, table.imageAvecLegLien td a:hover {
	/* background-color: #000; */
				/* color:#FFF; */
	color: #777;
}
table.imageAvecLeg td a em, table.imageAvecLegLien td a span.txtCont em {
	display: block;
	margin: 6px 0 0 0;
	padding: inherit;
	padding-bottom: 0;
}
table.imageAvecLeg td a strong, table.imageAvecLegLien td a span.txtCont strong {
	display: inline-block;
	width: auto;
	padding: 0 17px 0 3px;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien.gif) right 50% no-repeat;
	color: #0075b0;
	margin: 5px 0 3px 0;
	font-weight: normal;
	cursor: pointer;
}
table.imageAvecLeg td a:hover span.txtCont strong, table.imageAvecLegLien td a:hover span.txtCont strong {
	/* color:#fff; */
					/* font-weight:bold; */
					/* font-size:12px; */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheNoire_suivre_lien.gif) right 50% no-repeat;
	color: #000;
}
table.imageAvecLeg td img, table.imageAvecLegLien td img {
	float: none;
	display: block;
	margin-bottom: 6px;
}
table.imageAvecLeg td a img, table.imageAvecLegLien td a img {
	border: none;
}
table.imageAvecLeg td p, table.imageAvecLegLien td p {
	margin: 0;
	line-height: 12px;
}
/* FIN *** image avec légende et +++ */	


/* DEBUT smenu avec ancres internes	*/
table.s_menu_ancres_intraligne {
	width: 100%;
	background: transparent url(/pls/portal/docs/page/lib_fr/media/images/ligne_point_bloc.gif) no-repeat scroll 0 100%;
	margin: 15px 0 5px 0;
}
table.s_menu_ancres_intraligne ul {
	margin: 10px 0 0 0;
	padding: 0 0 0 30px;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_fleche_ancrage_smenu_ancres_medium.gif) no-repeat 0 0;
	min-height: 30px;
}
table.s_menu_ancres_intraligne td {
	padding-bottom: 10px;
}
table.s_menu_ancres_intraligne ul li {
	display: inline;
	margin: 0 10px 5px 0;
	padding: 0;
	font-size: 11px;
	background-image: none;
}
table.s_menu_ancres_intraligne li a, table.s_menu_ancres_intraligne li a:link {
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: underline;
	white-space: nowrap;
}
table.s_menu_ancres_intraligne li a:hover, table.s_menu_ancres_intraligne li a:active {
	text-decoration: none;
	background-color: #EEE
}
p.lien_retour_ancres, div.lien_retour_ancres {
	float: right;
	clear: left;
	height: 2em;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_fleche_retour_haut.gif) no-repeat 100% 20%;
	padding: 0 15px 0 0;
	margin: 5px 0;
	font-size: 11px;
}
/* 	FIN smenu avec ancres internes	*/


/* DÉBUT * Lien Retour à la liste avec flèche */
/* La classe retour_liste_bas sert à affecter le pointillé en haut du lien plutôt qu'en bas par défaut*/

div.retour_liste {
	width: 525px;
	padding: 15px 0;
	margin: 12px 15px 10px 15px;
	background: url(/pls/portal/docs/page/lib_fr/media/images/bg_pointille.gif) repeat-x 0% 100%;
}
div.retour_liste a {
	/* L'image est callé dans la feuille de style local pour personnalisation, au besoin, créer une image générique */
		/*background: url(/pls/portal/docs/page/cons_montrealaises_fr/media/images/ui_frm/ic_fleche_retour.gif) no-repeat 0 50%;*/
	padding-left: 30px;
}
div.retour_liste_bas {
	background: url(/pls/portal/docs/page/lib_fr/media/images/bg_pointille.gif) repeat-x 0% 0%;
}
/* FIN *** Lien Retour à la liste avec flèche */
/* DEBUT marges de 15 pixels , classes  tous(mrg_cont), vertical(mrg_cont_v), horizontal(mrg_cont_h) */
.mrg_cont {
	margin: 15px;
}
.mrg_cont_h {
	margin: 0 15px;
}
.mrg_cont_v {
	margin: 15px 0;
}
.mrg_none {
	margin: 0;
}
/* FIN marges de 15 pixels , classes  tous(mrg_cont), vertical(mrg_cont_v), horizontal(mrg_cont_h) */

/* 3 avril 2014*/
/* DEBUT style pour album avec thumbnail pour 12 images max  */ 
table.album td { 
padding: 0; 
} 
table.album { 
background-color: #E4E5DF; 
} 
table.album ul { 
margin: 25px 0; 
} 
table.album li { 
background: none repeat scroll 0 0 transparent; 
float: left; 
margin: 0 18px 27px 7px; 
} 
table.album ul a img { 
border: 5px solid #F3F3F3; 
height: 80px; 
width: 80px; 
} 
table.album ul a:hover img { 
border: 5px solid #E8E8E8; 
} 
/* FIN style pour album avec thumbnail pour 12 images max  */