html{}

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.78em;
background:url(/_img/fd_site_vert.png) repeat-x top; 
color:#808080;
}

body#membres{background:url(/_img/fd_site_bleu.png) repeat-x top; }

/****************************/
h1
{
	font: normal 28px Arial, Helvetica, sans-serif;
	color: #990000;
	background: url(Images/title_generic2.gif) no-repeat top left;
	padding: 0px 0px 0px 30px;
	margin: 7px 0px 15px 0px;
}

a h1{text-dexoration:none;}

a{
*text-decoration:none!important;
}
/*
h1{
font-size:26px;
font-weight:normal;
color:#0F6F70;
}
*/
	#identifiant h1{color:#fff;font-size:24px;margin-bottom:5px; padding-bottom:5px;}
h2
{
	font: normal 20px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 30px;
	color: #107071;
	width: 100%;
	margin: 5px 0px 10px 0px;
	clear:left;
}

h3{
padding: 0px 0px 0px 30px;
}
/*
h2{font-size:18px;
font-weight:normal;
color:#004372;
margin:0;
padding:0;
}*/
	.date{color:#004372; font-size:12px;}

.saviez h3,
.emplois h3,
.acces_membres h3,
#col_droite h3,
#modifications h3{
font-size:20px;
font-weight:normal;
margin:2px;
padding:2px;
}

	.principale h3{
	font-size:26px;
	font-weight:normal;
	color:#0F6F70;
	margin:10px 2px 2px 2px;
	padding:0px;}
	
	.principale h4{
	display:none;
	color:#004372; font-size:12px;}
	
#tblContent h3,
.tblContent h3{
padding:0 0 0 30px;
}	

#modifications h3,
#blocs h3{
color:#fff;
padding:12px 0 0 25px;
}

h3{clear:left;}

h4{font-size:16px;margin:0;padding:0; color:#fff;}
h5{}
h6{}

/*p{}*/
p
{
	padding: 0px 30px 0px 30px;
	font:  Arial, Helvetica, sans-serif;
	/*color: #505050;*/
}

	
	.principale .content p{padding: 0px 0 5px 0;/* espace donné au paragraphes dans la nouvelle principale */
	font: Arial, Helvetica, sans-serif;}
	
	.principale td{padding:0;}/* espace donné au td avant les paragraphes dans la nouvelle principale */
	
div{}

a{ color:#006666;}
a:hover{}


img#_ctl0_tstLoad{
display:none;!important;
}
/****************************/

#main{
background:#fff url(../_img/repeat_fd_optmq.png) repeat-y top right;
width:1000px;
margin:0 auto 10px auto;
border:2px solid #B2B2B2;
border-top: none;
}
	
	#entete{
	width:790px;
	height:114px;
	background:url(/_img/entete_site.png) no-repeat;
	}
	
	#membres #entete{
	background:url(/_img/entete_membres.png) no-repeat;
	}
	
		#identifiant{
		position:absolute;
		color:#fff!important;
		/*border:1px solid #ff0000;*/
		width:454px;
		margin: 0 0 0 300px;
		font-size:10px;
		}
			#identifiant div{
			margin:2px 7px 7px 12px;
			}
				
				.personne{
				text-transform:uppercase;
				font-size:14px;
				}
				
				#identifiant a{
					float:right;
					color:#fff;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:78px;
					text-align:right;
					line-height:18px;
					margin:7px 0 0 0;
					background:url(_img/ix.png) no-repeat center left;
				}
	
	#menu{
	font-size:12px; /* définir en px pour empêcher le grossissement sur clic de l'outil texte */
	width:790px;
	_width:760px;
	border-bottom: 3px solid #004372;
	position:relative;
	z-index:2000;
	}
	
		#menu ul.menu_a,
		#menu ul.menu_b{
			position:relative;
			width:790px;
			margin:0;
			padding:0;
			list-style:none;
			text-align:center;
			}
		
		ul.menu_a{
			background:/*url(../_img/fd_menu_a.png) repeat-x top*/ #005848;
			height:30px;
			line-height:30px;
			position:relative;
			z-index:1000;
			}
		
			
			.menu_a li{
				display:inline-block;
				position:relative;
				*display:block;
				*float:left;
				}
				
				
			
			.menu_a li:hover ul.sousMenu_a{
				display:block;
				position:absolute;
				z-index:5000;
				}
				
				.menu_a li a{
					color:#fff; 
					display:inline-block;
					padding:0 25px 0 25px;
					
					background: /*url(../_img/menu_a.png) no-repeat top center*/ ;
					text-decoration:none;
					font-weight:bold;
					
					*display:block;
					*float:left;
					}
					
					.menu_a li a:hover{
					/*background: #509697 url(../_img/menu_b.png) repeat-x bottom;*/
						background:url(../_img/menu_a2.png) repeat-x top center ;
						}
						
					.menu_a li:hover a{
						background:url(../_img/menu_a2.png) repeat-x top center ;
					}
		
		.menu_b li:hover ul.sousMenu_b{
			display:block;
			position:absolute;
			z-index:1000;
			}	
					
		ul.menu_b{
			height:31px;
			line-height:31px;
			
		}
			.menu_b li{
				display:inline-block;
				position:relative;
				
				*display:block;
				*float:left;
			}
				.menu_b li a{
					display:inline-block;
					color:#fff;
					background:url(../_img/menu_b_roll.png) repeat-x top;
					text-decoration:none;
					padding:0 10px 0 10px;
					margin:0 1px 1px 1px;
				}
				
					.menu_b li a:hover,
					.menu_b li:hover a{
						background:url(../_img/menu_b.png) repeat-x top;
					}
					
					
				#membres .menu_b li a{background:url(../_img/menu_b_membres.png) repeat-x top;}
					#membres .menu_b li a:hover,
					#membres .menu_b li:hover a{background:url(../_img/menu_b_roll_membres.png) repeat-x top;}
					
	/****************************************************************************************************************************************************************************/
	
	/*************** SOUS MENU A ***************/
	
	ul.sousMenu_a{
		position:absolute;
		display:none;
		top:25px;
		margin:0 0 0 -2px;
		padding:0;
		/*border:2px solid #195b5c;*/
		border:2px solid #005848;
		border-top:none;
		*z-index:6000;
		*left:0;
		*top:29px;
		*width:inherit;
	}
	
		ul.sousMenu_a li{
		background:#fff;
		display:block;
		list-style:none;
		*width:inherit;
		}
			
			ul.sousMenu_a li a{
			display:block;
			/*background:#0f5556!important;*/
			background: #298171!important;
			line-height:normal;
			padding:5px 15px 5px 15px;
			margin:0;
			white-space:nowrap;
			text-align:left;
			width:230px;
			*white-space:normal;
			*font-weight:normal;
			font-size:11px;
			}
			
				ul.sousMenu_a li:hover a,
				ul.sousMenu_a li a:hover{
				display:block;
				background:/*#257c7d*/#026855!important;
				}
				
				
				
				
				
				
				/***************************/
				
				#membres ul.sousMenu_a{
						border:2px solid #003f6d;
						border-top:none;
					}
					
						#membres ul.sousMenu_a li{
						background:#fff;
						}
							
							#membres ul.sousMenu_a li a{
							background: #00345f!important;
							}
							
								#membres ul.sousMenu_a li:hover a,
								#membres ul.sousMenu_a li a:hover{
								background:#3b6e92!important;
								}
				
				/***************************/
				
				
	/*************** SOUS MENU B ***************/
	
	ul.sousMenu_b{
		position:absolute;
		display:none;
		top:27px;
		margin:0 0 0 1px;
		padding:0;
		border:2px solid #176f5f;
		z-index:9;
		*left:0;
	}
	
		ul.sousMenu_b li{
			
			display:block;
			list-style:none;
			position:relative!important;
			z-index:5000;
			
			}
			
			ul.sousMenu_b li a{
				width:230px;
				font-size:11px;
				display:block;
				background:#176f5f!important;
				line-height:normal;
				padding:5px 20px 5px 15px;
				white-space:nowrap;
				text-align:left;
				margin:0;
				position:relative;
				z-index:9;
				}
				
				ul.sousMenu_b li:hover a,
				ul.sousMenu_b li a:hover{
				z-index:9;
					display:block;
					background:#0f5556!important;
					}
			
					#membres ul.sousMenu_b{
					border:2px solid #447598!important;
					}
				
					#membres ul.sousMenu_b li a{
						background:#447598!important;
					}
					
					#membres ul.sousMenu_b li:hover a,
					#membres ul.sousMenu_b li a:hover{
						display:block;
						background:#004372!important;
						}	
	/**************************************************************/

	/* menu des menmbres */	
		#membres ul.menu_a{
		background:url(../_img/fd_menu_a_membres.png) repeat-x top
		}
			#membres .menu_a li a{
			background:url(../_img/menu_a_membres.png) no-repeat top center;
			}
			#membres .menu_a li:hover a,
			#membres .menu_a li a:hover{
			background:url(../_img/menu_a_roll_membres.png) no-repeat top center;
			}		
	
	/****************************************************************************************************************************************************************************/	
	
	
	/*******************************************************************************************************************************/
	/*																															   */
	/* 															 sous sous menu 												   */
	/*																															   */
	/*******************************************************************************************************************************/
		ul.ssMenu_a,
		ul.ssMenu_b{
			position:absolute;
			display:none;
			top:0px;
			margin:0 0 0 229px!important;
			padding:0;
			border:1px solid #fff;
			z-index:1000;
			*left:0;
			}	
		
		.sousMenu_a li img,
		.sousMenu_b li img{
			position:absolute;
			margin:0;
			top:6px;
			right:2px;
			background:url(/_img/fleche_2.png);
			}
		
		
			.sousMenu_a li:hover ul.ssMenu_a,
			.sousMenu_b li:hover ul.ssMenu_b{
				display:block;
				}	
			
			#membres ul.ssMenu_a li a,
			#membres ul.ssMenu_b li a{
				color:#fff;
				}
			
				#membres ul.ssMenu_a li a:hover,
				#membres ul.ssMenu_b li a:hover{
					color:#004372;
					background:#95bad5!important;
					}
		
	/********************************************************************************************************************************/
	
	#col_droite{
	float:right;
	width:204px; 
	background:#fff;
	/*border:1px solid #ff0000;*/
	}
		.prog_activites{
		background:#004372 url(/_img/fd_box_bleu.png) repeat-x top;
		height:110px;
		margin:0 3px 3px 3px;
		}
		
		.prog_activites a.plus{
		background:url(/_img/plus_blanc.png) no-repeat;
		}
		
		.pub_switcher{
		height:100px;
		background:#ccc;
		margin:0 3px 3px 3px;
		}
		
		.calendrier{
		height:325px;
		margin:0 3px 0 3px;
		*margin:0 3px 20px 3px;
		
		}
		
		.news_priorite{
		
		width:198px;
		background:#fff;
		padding:5px 2px 5px 0;
		margin:0px 0 3px 0;
		position:relative;
		float:left;
		clear:left!important;
		z-index:100;
		border-top:3px solid #fff;
		
		*border-bottom:3px;
		border-bottom:none;
		}
		
			.news_priorite h1{
			font-size:18px;}
			
			.news_priorite p{
			color:#666;
			}
			
			.news_priorite a.plus{display:none;}
		
	#nouvelles{
	width:790px;
	background:;
	min-height:243px;
	_height:243px;
	
	}
	
	
		div.principale{
		height:518px;
		overflow:hidden}
	
		.principale p,
		.secondaires p,
		.shrtnews_div p{padding:0!important;}
	
		.principale{
		width:295px;
		padding:0 20px 0px 20px;
		float:left;
		*position:relative;
		*z-index:1;
		background:#005848;
		color:	#fff;
		}
		
			.principale p{
			overflow:hidden;
			}
		
			.principale h1{
			font-size:26px;
			font-weight:normal;
			/*color:#0F6F70;*/
			color:#fff;
			padding:25px 0 0 0;
			margin:0;
			}
			
			.grtnews{}
			
			.principale_newsA div{
				height:518px;
				overflow:hidden;
				position:relative;
				
				}
			
			.principale_newsB div{
				height:250px!important;
				*height:254px!important;
				overflow:hidden;
				position:relative;
				
				}
				
				
				.principale_newsA div a.plus,
				.principale_newsB div a.plus{
				width:100%;
				background-position:right;
				position:absolute;
				bottom:0;
				right:-5px;
				}

				.principale_news p{
				max-height:150px;
				overflow:hidden;
				}
					
		.secondaires{
		float:left;
		font-size:0.9em;
		width:440px;
		
		}
		
		.secondaires .shrtnews_div{
		padding:10px 0 0 10px;
		margin:0 0 0 7px;
		border-bottom:2px solid #0F6F70;
		
		}
		
		.secondaires .shrtnews_div p{
		margin-top:2px;
		height:30px!important;
		overflow:hidden;
		}
		
		.shrtnews_div{
		padding:5px 0 0 10px;
		margin:0 0 0 20px;
		border-bottom:2px solid #0F6F70
		}

				
			.shrtnews{font-size:18px;
					font-weight:normal;
					color:#004372!important;
					margin:0!important;
					padding:0!important;
					display:block;
					}
			.date{color:#004372; font-size:12px;}
				
				
				
		
			a.plus{
				display:block;
				background:#eeeeee url(/_img/plus_vert.png) no-repeat ;
				width:44px; height:14px;
				float:right;
				margin:-14px 10px 0 0;
				text-decoration:none;
				}
				
				a.plus:hover{
				background: url(/_img/plus_gris.png) no-repeat ;
				text-decoration:none;
				}
				
				.principale a.plus{
				display:block;
				background:#005848 url(/_img/plus_blanc.png) no-repeat ;
				width:44px; height:14px;
				float:right;
				margin:-14px 10px 0 0;
				text-decoration:none;
				}
				
				
				
				
				a.plus2{
				display:block;
				background:url(/_img/plus_gris.png) no-repeat ;
				width:44px; height:14px;
				position:absolute;
				margin:-14px 10px 0 0;
				text-decoration:none;
				bottom:0;
				right:10px
				}
				
				a.plus2:hover{
				background:url(/_img/plus_blanc.png) no-repeat ;
				text-decoration:none;
				}
				
				
				a.pluss{
				display:block;
				background:#005848 url(/_img/plus_blanc.png) no-repeat 200px; ;
				width:250px;/*44*/
				 height:14px;
				position:absolute;
				margin:-14px 10px 0 0;
				text-decoration:none;
				bottom:0;
				right:10px
				}
				
				a.pluss:hover{
				background:#005848 url(/_img/plus_gris.png) no-repeat 200px ;
				text-decoration:none;
				}
			
	
	#modifications{
	width:790px;
	background:/*#137272 url(/_img/fd_box_vert.png) repeat-x bottom*/#005848 ;
	min-height:160px;
	border-top:2px solid #fff;
	/*clear:left;*/
	clear:left;
	}
	
		.modif{
		width:235px;
		*width:231px;
		float:left;
		position:relative;
		height:128px;
		overflow:hidden;
		margin:9px 0 10px 20px;
		color:#fff;
		border-bottom:1px solid #fff;
		}
		
		.modif div.wrapper{min-height:100px;}
		
		.modif a.pluss{ margin-top:-5px; position:absolute; bottom:0; }
		.modif p{margin-top:1px; padding-top:1px;}
	
	#blocs{}
		.saviez,
		.emplois,
		.acces_membres{
			float:left;
			width:395px;
			height:150px;
			overflow:hidden;
			padding:0 0 10px 0;
			color:#fff;
			}
		
	
		.saviez{
		background:/*#4c4d4e url(/_img/fd_box_gris_p.png) repeat-x;*/ #fff;
		margin:4px 0px 0 0px; 
		color:/*#fff*/ #005848!important;
		position:relative; 
		width:335px; 
		
		}
			.saviez h3{color:#005848!important;}
			.saviez p{padding:0 15px 0 28px; font-size:0.9em;}
		
		.emplois{background:/*#3a3b3c*/#04315d url(/_img/fd_emplois2.png) no-repeat top center ;margin:4px 0px 0 0px; width:455px;}
			.emplois a{
			background: #022551 url(../_img/pl.png) no-repeat right center;
			border:1px solid #022551;
			display:block;
			padding:3px;
			margin:1px 0px 2px 15px;
			color:#fff;
			font-size:12px;
			text-decoration:none;
			overflow:hidden;
			height:15px;
			}
			.emplois a:hover{
			background:#000 url(../_img/pl.png) no-repeat right center;
			border:1px solid #000;}
		
		.acces_membres{background:#013a34/*#0F6F70*/;margin:4px 0px 0 0px;}
		
			.acces_membres_pop{
				width:400px;
				text-align:left;
				border:2px solid #ccc;
				background: #fff url(/_img/fd_footer.png) repeat-x bottom;
				margin:10px auto 0 auto;
				padding:0px;
				}
			
			.acces_membres div, .acces_membres_pop div{margin:5px;}
			
				.acces_membres label{display:block; width:120px; text-align:right; padding:0 8px 0 15px; font-size:12px;}
				.acces_membres_pop label{display:inline-block; width:120px; text-align:right;color:#000; padding:0 8px 0 15px}
				
						.acces_membres_pop .button{
						font-size:12px; text-align:center;
						margin:0px auto 3px auto;
						
						padding:3px;
						background:url(../_img/fd_box_bleu.png) repeat-x;
						color:#fff;
						border:2px solid #ccc;
						font-size:14px!important;
						width:155px!important;
						}
				
			.acces_membres input,
			.acces_membres_pop input{width:150px;}
			.acces_membres a{
			color:#fff; 
			font-size:10px; 
			text-decoration:none;
			display:block
			}
			
			
				#acces_membres_top
				{padding:5px 20px 15px 20px;
				border:1px solid #ccc;
				background:/*#0F6F70;*/ #005848;
				color:#fff!important;}
					#acces_membres_top div input{ width:97%; color:#000;}
					#acces_membres_top a{color:#fff;}
				
				
				#membres #acces_membres_top{
					position:absolute;
					padding:15px 20px 15px 20px;
					border:none;
					background:none;
					color:#fff!important;
					margin:0 0 0 -490px;
					*margin:0 0 0 -700px;
					
					top:0;
					
					}
					
					#membres #acces_membres_top .identifiant{
					/*border:1px solid #ff0000;*/
					float:left;
					padding:15px 0 0 0;
					width:340px;
					}
					
					#membres #acces_membres_top .delog_zone{
					/*border:1px solid #00CC00;*/
					width:100px;
					float:left;
					}
					
					#membres #acces_membres_top .delog{
					cursor:pointer;
					color:#fff;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:90px;
					border:none;
					text-align:right;
					line-height:18px;
					padding:8px;
					margin:7px 0 0 7px;
					background:url(/_img/ix.png) no-repeat center left;
					}
					
				
				
				
				
			.acces_membres_pop a{
			color:#000; 
			font-size:10px; 
			text-decoration:none;
			display:block
			}
			
			
				.button{
				background:#fff;
				border:1px solid #ccc;
				font-size:10px!important;
				width:70px!important;
				}
				
						
			
		
		
	#footer{
	background: #fff url(/_img/fd_footer.png) repeat-x bottom;
	height:83px;
	text-align:center;
	color:#000;
	font-size:10px;
	padding:10px 0 0 0;
	border-top:2px solid #ccc;
	}
	
	#footer a{
	color:#0F6F70;
	}
	
		.links a{
		color:#004372!important;
		font-size:14px;
		}
		
		
/****************************/	

.clear{
clear:both;
height:0;
font-size:1px;
}

.crumbTrail
{
	padding: 10px 0px 10px 30px;
	margin: 5px 0px 5px 0px;
	font: 11px Arial, Helvetica, sans-serif;
}
#tblContent
{
	width: 790px;
	margin-bottom: 20px;
	
}

#tblContent .sectionMenu
{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 0px 15px 30px;
	color: #505050;
}

#tblContent .sectionMenu2
{
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
	color: #505050;
	width:700px;
	
	
}

#tblContent .sectionMenu2 td{
	display:inline!important;
	*display:block!important;
	
	float:left!important;
	*font-size:9px;
	*font-weight:normal!important;
	*line-height:12px!important;
	line-height:18px;
	
	
	}
	
	#tblContent .sectionMenu2 td:hover{
	text-decoration:underline;
	cursor:pointer;
	}

#tblContent .sectionMenu .itemHover
{
	text-decoration: underline;
	cursor:pointer;
}

#tblContent #divNews a:link, #tblContent #divNews a:visited, #tblContent #divNews a:hover, #tblContent #divNews a:active
{
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 10px;
	color: #505050;
}

#tblContent #divNews
{
	margin: 0px -30px 0px 30px;
}

#tblContent #divNews h1
{
	padding: 0px 0px 0px 0px;
}

#tblContent #divNews h2
{
	padding: 0px 0px 0px 0px;
}

#tblContent #divNews h3
{
	padding: 0px 0px 0px 0px;
}
.tblFormFormationHeader
{	
	margin: 0px 0px 0px 30px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #107071;	
	background-color:E0ECEC; 	
	width:510px;	
}
.tblShort
{
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 0px 30px;
	width: 100%;
}
	
	
		
/*********************************************************************
* Section:		Membre eb bref
* Description:	Groupes et classes pour l'apparence des membres en listes.
* Auteur:		Benoit Champagne
* Date:			30/11/2005
**********************************************************************/
.tblMemberShort
{
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 10px 30px;
	border-bottom:1px solid #ccc;
	
	
}

.tblMemberShort .image
{
	padding: 5px 5px 5px 5pxpx;
	/*background: #E0ECEC;*/
	width: 110px;
}

.tblMemberShort .contact
{
	padding: 5px 5px 5px 30px;
	font: 12px Arial, Helvetica, sans-serif;
	/*background: #E0ECEC;*/
}

.tblMemberShort .contact a:link, .tblMemberShort .contact a:visited
{
	color: #808080;
}
	
	
/*********************************************************************
* Section:		Événements (calendrier)
* Description:	Groupes et classes pour l'apparence du module
*				d'événements et de son calendrier.
* Auteur:		Benoit Champagne
* Date:			18/11/2005
**********************************************************************/
#tblEvents
{
	background: #FFFFFF ;
	margin: 10px;
}

.doc table{margin-right:30px;}

.doc table{
padding:10px;
border-bottom:1px solid #ccc;}

#tblEvents .eventsTitle
{
	width: 201px;
	height: 26px;
	background: #FFFFFF url(Images/events_title.gif) no-repeat center;
}

#tblEvents .calendar
{
	font: 11px Arial, Helvetica, sans-serif;
	border: none;
	padding: 0px 0px 0px 0px;
}

#tblEvents .calendar .calTitle
{
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #A7A477;
	border: none;
	color: #FFFFFF;
}

#tblEvents .calendar .calNextPrev
{
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #A7A477;
	border: none;
	padding: 0px 2px 0px 2px;
	color: #FFFFFF;
}

#tblEvents .calendar .calDayHeader
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
}

#tblEvents .calendar .calDay
{
	text-decoration: none;
	padding: 2px 2px 2px 2px;
}

#tblEvents .calendar .calDaySelected
{
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	color: #000000;
	background-color: Transparent;
}

#tblEvents .calendar .calDayOffMonth
{
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	color: #DDDDDD;
}

	hr{
	margin:20px 0 20px 0;
	display:none;}	
	
	
/*********************************************************************
* Section:		Listes
* Description:	Groupes et classes pour l'apparence des liste.
* Auteur:		Benoit Champagne
* Date:			30/11/2005
**********************************************************************/
#tblList
{
	margin: 0px 0px 0px 30px!important;
}

#tblList td
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px 0px 2px 0px;
	color: #505050;
}

#tbList tr.row
{
	background-color: #FFFFFF;
}

#tblList tr.rowAlt
{	
	background-color: #E0ECEC;
}

#tblList td.pager
{
	font-weight: bold;
	color: #676767;
	background: #E0ECEC;
	border-top: solid 1px #676767;
}

#tblList td.pager2
{
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #676767;	
}

#tblList tr.pagerTop
{
	font-weight: bold;
	color: #676767;
	background: #E0ECEC;
	border-bottom: solid 1px #676767;	
}

.tblMember
{
	padding: 2px 2px 2px 2px;
	width: 690px;
}

.tblMember td
{
	font: normal 12px Arial;
}


/***** ajout de la classe pagerMember pour distinguer la liste des membres ***********/
.pagerMember
{
	padding: 3px 5px 3px 5px ;
	
	background-color:#107071;
	color:White;
	font-family: Arial;
	font-weight:bold;
	font-size: 9pt;
}

#_ctl0_tblPager{
margin:0 0 0 30px;}



/*********************************************************************
* Section:		Formulaire
* Description:	Groupes et classes pour l'apparence des formulaires
* Auteur:		Benoit Champagne
* Date:			20/12/2005
**********************************************************************/
.tblForm
{
	padding: 0px 0px 0px 30px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #107071;
}

.tblForm2
{	
	margin: 0px 0px 0px 0px;
	font: 12px Arial, Helvetica, sans-serif;	
	color: #107071;	
}

.tblForm th
{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	background: #E0ECEC;
	border-bottom: solid 1px #CCCCCCC;
}

.tblForm td
{
	vertical-align: top;
	padding-top: 2px;
}

	.tblAdmisHorsQuebecHeader{
		font-size:16px;
		font-weight:bold;
	}

	.tblAdmisHorsQuebecHeader,
	.tblAdmisHorsQuebec{
		width:700px;
		margin:0 25px 0 30px;
	}
	
	ul.errorAdmission,
	#_ctl0_lblError{
	color:#ff0000;
	}
	.errorAdmission{
	margin:0 0 0 30px;
	}
	
	#tblImages{
	background:#fff;
	}
	
		.tblFormFicheHeader{margin-left:30px;}
		.tblFormFiche{margin-left:30px;}
	
	
	.form_table h3,
	.form_table h4,
	.form_table h5{
	margin:0 0 0 30px;
	}
	
	.plan_site{
	margin-left:30px;}
	
	
	
	/* tablo des documents et barre de droitre */
	
	.tblDocuments
{
	margin-top: 40px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #107071;
	background: #FFFFFF url(Images/events_back.gif) repeat-y center;
	border:1px solid #fff;
}

	
	
	
	
	/***********************************/
	
	a.devenir_membre{
	display:block;
	font-size:12px; text-align:center;
	margin:45px auto 15px auto;
	width:170px;
	padding:3px;
	background:/*url(../_img/fd_box_bleu.png) repeat-x*/ #ccc;
	color:#333;
	border:2px solid #fff;
	}
	 a.devenir_membre:hover{
	 background:#666; color:#fff}
	
	
	/****************************************/
	.past{
		background:url(/_img/past.png) repeat-x #a8a9ab 0px -1px ;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		padding:3px 0 3px 5px;
		/*line-height:26px;*/
		position:absolute;
		width:200px;
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
		min-height:34px;
		_height:34px;
		}
	
	.next{
		background:url(/_img/next.png) repeat-x #004372 0px -1px ;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		padding:3px 0 3px 5px;
		/*line-height:26px;*/
		position:absolute;
		width:200px;
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
		min-height:34px;
		_height:34px;
		}	
	
	.now{
		background:/*url(/_img/now.png)*/ repeat-x #005848   ;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		padding:3px 0 3px 5px;
		/*line-height:26px;*/
		position:absolute;
		width:200px;
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
		min-height:34px;
		_height:34px;
	}
	.next a, .past a, .now a{
		display:block;
		margin:0 10px 0 20px;
		padding:0 0 2px 5px;
		text-decoration:none;
		color:#fff;
		
	}
	
	.next:hover{
		text-decoration:none;
		background:#003c65;
	} 
	
	.past:hover{
		text-decoration:none;
		background:#6e6f71;
	} 
	
	.now:hover{
		text-decoration:none;
		background:#013a34;
	}
	
	.h_hover:hover{
		cursor:pointer;
	}
	
	.txt_edit{
	width:34px;
	height:19px;
	/*olor:#000;*/
	background:#fff;
	border:none;
	padding:1px;
		font-size:16px;
		
		position:absolute;
		margin:183px 0 0 750px;
	}
	.txt_edit a img{border:none}


#txtSearch{display:block;float:left;}
#btnSearch{
display:block;
float:left;
}

.search{
height:40px;}

.formaline{
	text-align:center;padding:5px 5px 15px 5px;}