/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: March 2008

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and Paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Header
			3.2 Content
			3.3 Sidebar
			3.4 Homepage
			3.5	Members Subpage
			3.6	Nouvelles Subpage
			3.7	Publications Subpage

***********************************************************************************************/

/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html, body { /* force scrollbar */
	height: 100%;
	margin: 0 0 1px; }

body {   
	background: #ffd200 url(../images/layout/hdr-wrap-bg.gif) repeat-x top left;
	color: #696969; 
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */ }	
	 
/* misc */
ol, ul, li {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */ }

caption, th, td {
	font-weight: normal;
	text-align: left; }

p, ol, ul {
	line-height: 130%;
	padding-bottom: 17px; } 
	
.right { text-align: right; }
.left { text-align: left; }

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h2 { 
	color: #7f7f7f;
	font-size: 1.7em;
	padding: 0 0 13px 0; }
	
h2 span {
	color: #0071bc; }
	
h2.h2small { 
	letter-spacing: -2px; }
	
h3 { 
	color: #888888;
	font-size: 1.4em; 
	padding: 0 0 15px 0; }
	
h3.blue {
	font-size: 1.8em;
	color: #7ab2cb;
	padding: 15px 0 4px 0;
	text-transform: uppercase; }
.flechebleu{
color:#0071BC;
}	
.small { font-size: 0.9em; }
.big { font-size: 1.4em; padding-bottom: 13px; }
.extrabig { font-size: 1.8em; padding-bottom: 15px; }
.nopadd { padding-bottom: 1px; }
.paddright { padding-right: 10px; }
.smalltxt { font-size: 80%; line-height: 160%; }

	
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select { 
	font: 1.2em arial, helvetica, tahoma, sans-serif; }

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link, a:visited, a:active {
	background: inherit;
	color: #4b4b4b; 
	text-decoration: none; }

a:hover {
	text-decoration: underline; }

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
	
strong { 
	font-weight: bold; }
	
em { 
	font-style: italic; }
	
abbr, acronym {	
	border-bottom: 1px dotted #4b4b4b; cursor: help; }

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	left: -9999px;
	position: absolute; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
	position: relative; } 

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clearfix {
	display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
/* 3.1	Header
-----------------------------------------------------------------------------------------------*/	
div.hdr-wrap {
	background: white url(../images/layout/hdr-wrap-bg.gif) repeat-x top left;
	height: 116px; }

div.hdr { 
	margin-left: 476px;
	margin-right: 177px; }
 
/* HEADER LEFT: Logo */
div.hdr-logo { 
	height: 116px;
	position: relative;
	width: 476px; 
	background: url(../images/layout/hdr-logo-bg.gif) no-repeat top right;
	float: left;
	margin-left: -475px;
	z-index: 100;
	left: -1px; }
	
div.hdr-logo div.logo {  
	height: 69px;
	margin-left: 19px;
	margin-top: 47px;
	position: relative;
	width: 375px; } 
	
div.hdr-logo div.logo h1 a,
div.hdr-logo div.logo h1 a:link,
div.hdr-logo div.logo h1 a:visited,
div.hdr-logo div.logo h1 a:active { 
	background: transparent;
	color: #0c74bb; 
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	height: 69px; 
	line-height: 1.5em;
	overflow: hidden;
	width: 375px; }
	 
div.hdr-logo div.logo h1 a:hover {
	color: #ffd200;
	text-decoration: none; }
	
div.hdr-logo div.logo h1 a span,
div.hdr-logo div.logo h1 a:link span,
div.hdr-logo div.logo h1 a:visited span,
div.hdr-logo div.logo h1 a:active span {	
	background: url(../images/layout/hdr-logo.gif) no-repeat;
	cursor: pointer; 
	height: 69px;
	left: 0;
	position: absolute; 
	top: 0;
	width: 375px; }
	
body.english div.hdr-logo div.logo h1 a span,
body.english div.hdr-logo div.logo h1 a:link span,
body.english div.hdr-logo div.logo h1 a:visited span,
body.english div.hdr-logo div.logo h1 a:active span{
	background: url(../images/layout/hdr-logo_eng.gif) no-repeat; }
	
/* HEADER CENTER: Navigation */
div.hdr-nav {
	width: 100%;
	background: url(../images/layout/hdr-nav-bg.gif) repeat-x top left;
	height: 116px;
	overflow: hidden;
	float: left; 
	position: relative;
	z-index: 1;
	margin: 0 -1px; } 

div.hdr-nav ul li {
	float: left; }
	
div.hdr-nav ul li a,
div.hdr-nav ul li a:link,
div.hdr-nav ul li a:visited,
div.hdr-nav ul li a:active {
	background: url(../images/layout/hdr-nav.gif) no-repeat top left;
	display: block;
	height: 116px;
	overflow: hidden;
	text-indent: -9999px; }
	
/* english header specific */
body.english div.hdr-nav ul li a,
body.english div.hdr-nav ul li a:link,
body.english div.hdr-nav ul li a:visited,
body.english div.hdr-nav ul li a:active {
	background: url(../images/layout/hdr-nav_eng.gif) no-repeat top left;
	display: block;
	height: 116px;
	overflow: hidden;
	text-indent: -9999px; }
	
body.english div.hdr-nav ul li.pro a,
body.english div.hdr-nav ul li.pro a:link,
body.english div.hdr-nav ul li.pro a:visited,
body.english div.hdr-nav ul li.pro a:active {
	background-position: 0 0;
	width: 78px; }
					
body.english div.hdr-nav ul li.pro a:hover,
body.english div.hdr-nav ul li.pro a.current,
body.english div.hdr-nav ul li.pro a.current:link,
body.english div.hdr-nav ul li.pro a.current:visited,
body.english div.hdr-nav ul li.pro a.current:active {
	background-position: 0 -116px; }
	
body.english div.hdr-nav ul li.nou a,
body.english div.hdr-nav ul li.nou a:link,
body.english div.hdr-nav ul li.nou a:visited,
body.english div.hdr-nav ul li.nou a:active {
	background-position: -78px 0;
	width: 49px; }
					
body.english div.hdr-nav ul li.nou a:hover,
body.english div.hdr-nav ul li.nou a.current,
body.english div.hdr-nav ul li.nou a.current:link,
body.english div.hdr-nav ul li.nou a.current:visited,
body.english div.hdr-nav ul li.nou a.current:active {
	background-position: -78px -116px; }
	
body.english div.hdr-nav ul li.pub a,
body.english div.hdr-nav ul li.pub a:link,
body.english div.hdr-nav ul li.pub a:visited,
body.english div.hdr-nav ul li.pub a:active {
	background-position: -127px 0;
	width: 50px; }
					
body.english div.hdr-nav ul li.pub a:hover,
body.english div.hdr-nav ul li.pub a.current,
body.english div.hdr-nav ul li.pub a.current:link,
body.english div.hdr-nav ul li.pub a.current:visited,
body.english div.hdr-nav ul li.pub a.current:active {
	background-position: -127px -116px; }
	
body.english div.hdr-nav ul li.con a,
body.english div.hdr-nav ul li.con a:link,
body.english div.hdr-nav ul li.con a:visited,
body.english div.hdr-nav ul li.con a:active {
	background-position: -177px 0;
	width: 50px; }
					
body.english div.hdr-nav ul li.con a:hover,
body.english div.hdr-nav ul li.con a.current,
body.english div.hdr-nav ul li.con a.current:link,
body.english div.hdr-nav ul li.con a.current:visited,
body.english div.hdr-nav ul li.con a.current:active {
	background-position: -177px -116px; }
	
body.english div.hdr-nav ul li.mem a,
body.english div.hdr-nav ul li.mem a:link,
body.english div.hdr-nav ul li.mem a:visited,
body.english div.hdr-nav ul li.mem a:active {
	background-position: -227px 0;
	width: 50px; }
					
body.english div.hdr-nav ul li.mem a:hover,
body.english div.hdr-nav ul li.mem a.current,
body.english div.hdr-nav ul li.mem a.current:link,
body.english div.hdr-nav ul li.mem a.current:visited,
body.english div.hdr-nav ul li.mem a.current:active {
	background-position: -227px -116px; }
	
/* homepage header specific */
body.homepage div.hdr-nav,
body.homepage div.hdr-lang,
body.homepage div.hdr-wrap,
body.homepage div.hdr-logo {
	height: 164px; }
	
body.homepage div.logo {  
	margin-top: 88px; } 
	
body.homepage div.logo h1 a span,
body.homepage div.logo h1 a:link span,
body.homepage div.logo h1 a:visited span,
body.homepage div.logo h1 a:active span {	
	background: url(../images/layout/hdr-logo2.gif) no-repeat; 
	height: 76px; 
	width: 417px; }
	
body.englishhome div.logo h1 a span,
body.englishhome div.logo h1 a:link span,
body.englishhome div.logo h1 a:visited span,
body.englishhome div.logo h1 a:active span {	
	background: url(../images/layout/hdr-logo2_eng.gif) no-repeat; 
	height: 76px; 
	width: 417px; }
	
body.homepage div.hdr-nav ul li a,
body.homepage div.hdr-nav ul li a:link,
body.homepage div.hdr-nav ul li a:visited,
body.homepage div.hdr-nav ul li a:active {
	background: url(../images/layout/hdr-nav2.gif) no-repeat top left;
	display: block;
	height: 164px;
	overflow: hidden;
	text-indent: -9999px; }
	
body.englishhome div.hdr-nav ul li a,
body.englishhome div.hdr-nav ul li a:link,
body.englishhome div.hdr-nav ul li a:visited,
body.englishhome div.hdr-nav ul li a:active {
	background: url(../images/layout/hdr-nav2_eng.gif) no-repeat top left;
	display: block;
	height: 164px;
	overflow: hidden;
	text-indent: -9999px; }

body.homepage div.hdr-nav ul li.pro a,
body.homepage div.hdr-nav ul li.pro a:link,
body.homepage div.hdr-nav ul li.pro a:visited,
body.homepage div.hdr-nav ul li.pro a:active {
	background-position: 0 0;
	width: 78px; }
					
body.homepage div.hdr-nav ul li.pro a:hover,
body.homepage div.hdr-nav ul li.pro a.current,
body.homepage div.hdr-nav ul li.pro a.current:link,
body.homepage div.hdr-nav ul li.pro a.current:visited,
body.homepage div.hdr-nav ul li.pro a.current:active {
	background-position: 0 -164px; }
	
body.homepage div.hdr-nav ul li.nou a,
body.homepage div.hdr-nav ul li.nou a:link,
body.homepage div.hdr-nav ul li.nou a:visited,
body.homepage div.hdr-nav ul li.nou a:active {
	background-position: -78px 0;
	width: 49px; }
					
body.homepage div.hdr-nav ul li.nou a:hover,
body.homepage div.hdr-nav ul li.nou a.current,
body.homepage div.hdr-nav ul li.nou a.current:link,
body.homepage div.hdr-nav ul li.nou a.current:visited,
body.homepage div.hdr-nav ul li.nou a.current:active {
	background-position: -78px -164px; }
	
body.homepage div.hdr-nav ul li.pub a,
body.homepage div.hdr-nav ul li.pub a:link,
body.homepage div.hdr-nav ul li.pub a:visited,
body.homepage div.hdr-nav ul li.pub a:active {
	background-position: -127px 0;
	width: 50px; }
					
body.homepage div.hdr-nav ul li.pub a:hover,
body.homepage div.hdr-nav ul li.pub a.current,
body.homepage div.hdr-nav ul li.pub a.current:link,
body.homepage div.hdr-nav ul li.pub a.current:visited,
body.homepage div.hdr-nav ul li.pub a.current:active {
	background-position: -127px -164px; }
	
body.homepage div.hdr-nav ul li.con a,
body.homepage div.hdr-nav ul li.con a:link,
body.homepage div.hdr-nav ul li.con a:visited,
body.homepage div.hdr-nav ul li.con a:active {
	background-position: -177px 0;
	width: 50px; }
					
body.homepage div.hdr-nav ul li.con a:hover,
body.homepage div.hdr-nav ul li.con a.current,
body.homepage div.hdr-nav ul li.con a.current:link,
body.homepage div.hdr-nav ul li.con a.current:visited,
body.homepage div.hdr-nav ul li.con a.current:active {
	background-position: -177px -164px; }
	
body.homepage div.hdr-nav ul li.mem a,
body.homepage div.hdr-nav ul li.mem a:link,
body.homepage div.hdr-nav ul li.mem a:visited,
body.homepage div.hdr-nav ul li.mem a:active {
	background-position: -227px 0;
	width: 50px; }
					
body.homepage div.hdr-nav ul li.mem a:hover,
body.homepage div.hdr-nav ul li.mem a.current,
body.homepage div.hdr-nav ul li.mem a.current:link,
body.homepage div.hdr-nav ul li.mem a.current:visited,
body.homepage div.hdr-nav ul li.mem a.current:active {
	background-position: -227px -164px; }

div.hdr-nav ul li.pro a,
div.hdr-nav ul li.pro a:link,
div.hdr-nav ul li.pro a:visited,
div.hdr-nav ul li.pro a:active {
	background-position: 0 0;
	width: 78px; }
					
div.hdr-nav ul li.pro a:hover,
div.hdr-nav ul li.pro a.current,
div.hdr-nav ul li.pro a.current:link,
div.hdr-nav ul li.pro a.current:visited,
div.hdr-nav ul li.pro a.current:active {
	background-position: 0 -116px; }
	
div.hdr-nav ul li.nou a,
div.hdr-nav ul li.nou a:link,
div.hdr-nav ul li.nou a:visited,
div.hdr-nav ul li.nou a:active {
	background-position: -78px 0;
	width: 49px; }
					
div.hdr-nav ul li.nou a:hover,
div.hdr-nav ul li.nou a.current,
div.hdr-nav ul li.nou a.current:link,
div.hdr-nav ul li.nou a.current:visited,
div.hdr-nav ul li.nou a.current:active {
	background-position: -78px -116px; }
	
div.hdr-nav ul li.pub a,
div.hdr-nav ul li.pub a:link,
div.hdr-nav ul li.pub a:visited,
div.hdr-nav ul li.pub a:active {
	background-position: -127px 0;
	width: 50px; }
					
div.hdr-nav ul li.pub a:hover,
div.hdr-nav ul li.pub a.current,
div.hdr-nav ul li.pub a.current:link,
div.hdr-nav ul li.pub a.current:visited,
div.hdr-nav ul li.pub a.current:active {
	background-position: -127px -116px; }
	
div.hdr-nav ul li.con a,
div.hdr-nav ul li.con a:link,
div.hdr-nav ul li.con a:visited,
div.hdr-nav ul li.con a:active {
	background-position: -177px 0;
	width: 50px; }
					
div.hdr-nav ul li.con a:hover,
div.hdr-nav ul li.con a.current,
div.hdr-nav ul li.con a.current:link,
div.hdr-nav ul li.con a.current:visited,
div.hdr-nav ul li.con a.current:active {
	background-position: -177px -116px; }
	
div.hdr-nav ul li.mem a,
div.hdr-nav ul li.mem a:link,
div.hdr-nav ul li.mem a:visited,
div.hdr-nav ul li.mem a:active {
	background-position: -227px 0;
	width: 50px; }
					
div.hdr-nav ul li.mem a:hover,
div.hdr-nav ul li.mem a.current,
div.hdr-nav ul li.mem a.current:link,
div.hdr-nav ul li.mem a.current:visited,
div.hdr-nav ul li.mem a.current:active {
	background-position: -227px -116px; }
	
/* HEADER RIGHT: Language */
div.hdr-lang {
	position: relative;
	background: url(../images/layout/hdr-lang-bg.gif) no-repeat top left;
	width: 177px;
	float: right; 
	height: 116px;
	margin-right: -176px;
	left: 1px; } 
	
div.hdr-lang p { 
	text-align: right;
	padding: 15px 9px; }	
	 
div.hdr-lang p a,
div.hdr-lang p a:link,
div.hdr-lang p a:visited,
div.hdr-lang p a:active {
	background: url(../images/layout/bullet-green.gif) no-repeat center left;
	color: #939393;
	padding-left: 7px;
	text-decoration: none; }
	
div.hdr-lang p a:hover {
	text-decoration: underline; }

/* accueil and language links */
div.accueil { 
	position: absolute;
	right: 0; 
	top: 0; }
	
div.accueil p {
	padding: 15px 13px 0 27px;   
	text-align: right; }
 
div.accueil p a,
div.accueil p a:link,
div.accueil p a:visited,
div.accueil p a:active {
	background: url(../images/layout/bullet-green.gif) no-repeat center left;
	color: #939393;
	padding-left: 7px;
	text-decoration: none; }
	
div.accueil p a:hover {
	text-decoration: underline; }
	
/* 3.2	Content
-----------------------------------------------------------------------------------------------*/	
div.bg {  
	background: white url(../images/layout/bg-btm2.gif) repeat-x bottom left;
	padding-bottom: 9px; }
 
div.container { 
	min-width: 1001px; }
 
div.wrapper {
	background: url(../images/layout/pagefill.gif) repeat-y top left; }
 
body.homepage div.wrapper {
	background: white url(../images/layout/bg-top.gif) repeat-x top left; }
	
/* col1 (left)  */
div.col1 { 
	float: left; 
	width: 553px;  
	background: url(../images/layout/bg-top.gif) repeat-x top left;
	font-size: 1.2em; }
	
div.col1 div.con {
	padding: 26px 21px; }
	
div.col1 div.con ul li {
	background: url(../images/layout/bullet-blue.gif) no-repeat 0 6px;
	margin-left: 13px;
	padding-left: 10px; }
	
/* 3.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

/* col2 (right) */
div.col2 { 
	margin-left: 553px;   
	background: url(../images/layout/bg-top2.gif) repeat-x top left; 
	font-size: 1.2em;
	 }
	
div.col2 div.con { 
	color: white;
	padding: 15px 20px; }
	
div.col2 div.con p { 
	line-height: 120%; }
	
div.col2 div.con p.nopadd { 
	padding-bottom: 6px; }

/* image holder for col2 (right) */	
div.image-holder {
	background: url(../images/layout/photos_droite.jpg) repeat-x top left;
	height: 207px;
	white-space:nowrap;
	width: 100%; }
	
div.image-holder img {
	margin: 3px 0 0 3px; }
	
	
/* 3.4	Homepage
-----------------------------------------------------------------------------------------------*/	
div.mainbtm-wrap { 
	height: 233px;
	overflow: hidden; }

div.mainbtm { 
	margin-left: 530px;
	margin-right: 177px; }
 
/* HOMEPAGE BOTTOM: Left Image */
div.mainbtm-imgleft { 
	height: 233px;
	position: relative;
	width: 530px;  
	float: left;
	margin-left: -529px;
	z-index: 100;
	left: -1px; }
	
div.mainbtm-imgleft img {
	z-index: 1; }
	
div.overlay {
	z-index: 5;
	width: 56px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	height: 233px;
	background: url(../images/layout/transparency.png) no-repeat top right;}
	
/* HOMEPAGE BOTTOM: Middle Content */
div.mainbtm-conmiddle {
	width: 100%; 
	color: white;
	height: 233px;
	overflow: hidden;
	float: left;
	position: relative;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 1.1em;
	background: url(../images/layout/hp-middle.png) repeat-x top left;
	z-index: 1;
	margin: 0 -1px; } 
	
div.mainbtm-conmiddle a,
div.mainbtm-conmiddle a:link,
div.mainbtm-conmiddle a:visited,
div.mainbtm-conmiddle a:active {
	color: white; }
	
div.mainbtm-conmiddle h3 {
	color: white;
	padding: 15px 0 0 0;
	text-transform: uppercase;
	font-family: "Arial Narrow", "Helvetica Condensed Bold", arial, helvetica, tahoma, sans-serif;
	font-weight: bold;
	font-size: 1.6em; }
	
div.mainbtm-conmiddle ul {
	width: 260px;
	padding-bottom: 0;
	padding-top: 15px; }
	
div.mainbtm-conmiddle ul li { 
	padding-bottom: 7px;
	display: block; 
	margin-bottom: 9px;
	background: url(../images/layout/dash.gif) repeat-x bottom left;
	line-height: 130%; }
	
div.mainbtm-conmiddle ul li.last {
	margin-bottom: 5px; }
	
div.mainbtm-conmiddle a.ccomplet,
div.mainbtm-conmiddle a.ccomplet:link,
div.mainbtm-conmiddle a.ccomplet:visited,
div.mainbtm-conmiddle a.ccomplet:active {
	background: url(../images/layout/arrow2.gif) no-repeat center left;
	padding-left: 7px; }

div.mainbtm-conmiddle ul li a,
div.mainbtm-conmiddle ul li a:link,
div.mainbtm-conmiddle ul li a:visited,
div.mainbtm-conmiddle ul li a:active {
	background: none; }

div.mainbtm-conmiddle ul li strong {
	display: block;
	font-size: 1.1em;
	padding-top: 4px;
	font-weight: bold; } 

/* HOMEPAGE BOTTOM: Right Image */
div.mainbtm-imgright {
	position: relative;  
	width: 177px;
	float: right; 
	height: 233px;
	margin-right: -176px;
	left: 1px; } 
	
div.mainmdl-wrap {
	height: 100%;  
	background: url(../images/layout/province-infobg.gif) repeat-x bottom left;}

div.mainmdl { 
	margin-left: 475px; }
	
	div.mainmdl-con {
		width: 475px;
			height: 245px;   
		position: relative;
		margin-left: -474px;
		z-index: 100;
		left: -1px;
		float: left; }

	div.mainmdl-conpadd {
		margin-top: 10px;
		background: white; 
		padding: 16px 27px 18px 15px; }

	div.mainmdl-conpadd h2 {
		font-size: 18px;
		margin-bottom: 4px; }

	div.mainmdl-conpadd p {
		font-size: 1.1em; 
		margin:0;
		padding:0;
	}
	div.mainmdl-conpadd div.phone {
		color: #2284c5;
		display: block;
		padding: 17px 10px 0px 8px; 
		float: left;
		width: 170px; 
		font-size: 1.6em; 

		}
	div.mainmdl-conpadd div.phone p{
		margin-top:-10px;
		padding:0;
	}
	div.mainmdl-conpadd div.phone a{
		font-size:10px;
	}
	div.mainmdl-conpadd div.phone span{
		font-size:10px;
		margin:0;
		padding:0; 
	}
	div.mainmdl-conpadd div.info {
		display: block;
		float: left;
		width: 240px; 
		
}

	div.mainmdl-conpadd div.info p {
		color: #7c7c7c;
		padding: 0 0 1px 0;
		margin: 0; }

	
div.mainmdl-conpadd div.info p strong {
	color: #2284c5; 
	font-weight: normal; }
	
div.mainmdl-conpadd div.info p.paddtop { 
	padding-top: 9px; }
	
div.mainmdl-conpadd div.info p span {
	color: #afafaf;
	font-size: 90%; }
	
div.mainmdl-map {  
	position: relative;
	background: url(../images/layout/home-middle.gif) no-repeat top left;
	z-index: 1;
	height: 100%;
	margin: 0 -1px; 
	width: 100%; 
	float: left; } 
	
div.map {  
	padding-top: 18px;
	height: 100%; 
	height: 245px; 
	width: 272px; 
	float: left; } 
	
div.map img { 
	padding-left: 1px; }
	
div.province-info { 
	background: url(../images/layout/home-middle2.gif) no-repeat top left;
	padding-top: 21px;  
	position: relative;
	min-height: 241px;  
	height: auto !important;
	height: 241px;
	margin-left: 273px; }
	
p.tousmembres {
	font-size: 1.2em; 
	padding-left: 22px; }
	
p.tousmembres a,
p.tousmembres a:link,
p.tousmembres a:visited,
p.tousmembres a:active {
	color: #0071bc;
	background: url(../images/layout/arrow3.gif) no-repeat center left;
	padding-left: 9px; }
	
div.province-info h2 {
	color: #7ab2cb;
	text-transform: uppercase;
	font-size: 2.2em; 
	font-weight: normal;
	padding: 0 0 0 12px; }
	
div.province-info h3 {
	color: #8b8b8b;
	text-transform: uppercase;
	font-family: "Arial Narrow", "Helvetica Condensed Bold", arial, helvetica, tahoma, sans-serif;
	font-weight: bold;
	padding: 0 0 6px 12px; 
	font-size: 1.3em; }

div.province-info ul li {
	background: url(../images/layout/provinceinfo-top.gif) no-repeat top left;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	padding: 0; 	
	font-size: 1.1em;
	min-height: 64px;
	height: auto !important;
	height: 64px;
	overflow: hidden; 
	margin-bottom: 1px; }
	
div.province-info ul li div.province-info-con {
	padding: 0;
	margin: 0;
	background: url(../images/layout/provinceinfo-btm.gif) no-repeat bottom left; }
	
div.province-info ul li h3 {
	color: white;
	text-align: center;
	width: 37px;
	float: left;
	line-height: 100%; 
	padding: 16px 10px 0 12px; 
	overflow: hidden;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 0; }

div.province-info ul li h3 strong {
	font-weight: bold;
	font-size: 2.8em; 
	padding-bottom: 8px;
	display: block; }
	
div.province-info ul li h4 {
	color: #0071bc;  
	padding-top: 10px;
	font-weight: bold; 
	padding-bottom: 1px;
	font-size: 1.1em;
	text-transform: uppercase;
	padding-left: 31px; }
	
div.province-info ul li h4 a,
div.province-info ul li h4 a:link,
div.province-info ul li h4 a:visited,
div.province-info ul li h4 a:active {
	color: #0071bc; }
	
div.province-info ul li h4 span {
	text-transform: none; }
	
div.province-info ul li p { 
	font-size: 1.1em;
	padding: 0 10px 10px 31px; 
	color: #6c6c6c; }
	
/* 3.5	Members Subpage
-----------------------------------------------------------------------------------------------*/	
p.pclose { padding: 0; margin: 0; position: relative; }
p.pclose a,
p.pclose a:link,
p.pclose a:visited,
p.pclose a:active {
	width: 28px;
	height: 28px;
	display: block;
	background: url(../images/layout/arrow-up.gif) no-repeat top left;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
	right: 12px; 
	bottom: 10px; }

div.province {
	margin-bottom: 11px; }
	
div.panel-wrap {
	margin-bottom: 1px; }
	
.panel { 
	cursor: pointer; }
	
h4.slide {
	color: #0071bc; 
	text-transform: uppercase;  
	padding: 8px 0 0 32px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	margin: 0;
	height: 57px;
	font-weight: bold;   
	display: block; }
	
h4.slide span {
	text-transform: none;
	font-weight: normal;
	display:block;
	padding: 1px 0 0 0; 
	margin: 0; 
	color: #5b5b5b; }

.slide {
	width: 482px;
	background: url(../images/layout/panel-top.gif) no-repeat bottom left;
	height: 65px;
	overflow: hidden;
	padding: 0 0 0 32px;
	margin: 0; }
	 
.panel-up{
	width: 482px;
	background: url(../images/layout/panel-top.gif) no-repeat top left;
	height: 65px;
	overflow: hidden;
	padding: 0 0 0 32px;
	margin: 0; }
	
.panel-down { 
	width: 482px;
	background: url(../images/layout/panel-top.gif) no-repeat bottom left;
	height: 65px;
	overflow: hidden;
	padding: 0 0 0 32px;
	margin: 0; }

.panel-up:hover { 
	width: 482px;
	background: url(../images/layout/panel-top.gif) no-repeat 0 -65px;
	height: 57px;
	overflow: hidden;
	padding: 8px 0 0 32px;
	margin: 0; }
	
.panel-closed {
	display: none; }
	
div.panel-con-wrap {
	padding-bottom: 4px;
	width: 514px;  
	background: url(../images/layout/panel-btm.gif) no-repeat bottom left; }
 
.panel-con {
	padding: 9px 32px 15px;
	background: url(../images/layout/panel-bg.gif) repeat-y top left; }
.slidedowntext{
cursor:pointer;
padding:2px 0px;
color:#0071BC;
}
/* contact info */
div.contact-info-wrap {   
	background: url(../images/layout/contactinfo-top.gif) no-repeat top left;
	margin-left: 10px;
	width: 417px; }
	
div.contact-info { 
	background: url(../images/layout/contactinfo-btm.gif) no-repeat bottom left;
	padding-bottom: 12px;
	font-size: 0.9em; }
	
div.contact-info a,
div.contact-info a:link,
div.contact-info a:visited,
div.contact-info a:active {
	color: #82be00; }
	
div.contact-info span {
	color: #0071bc; }
	
div.contact-left {
	float: left;
	padding: 22px 15px;
	width: 175px; }
	
div.contact-right {
	float: right; 
	padding: 22px 15px 22px 24px;
	width: 163px; }
	
div.contact-info h5 {
	font-size: 1.1em;
	color: #6d6d6d; }
	
div.contact-info h5 span {
	display: block; }
	
div.contact-left h5 {
	font-size: 1.2em;
	padding-bottom: 2px; }
	
div.contact-right p {
	padding-bottom: 5px; }
	
.paddtop { 
	padding-top: 9px; }
	
.indent {
	text-indent: 13px; 
	display: block; }
	
address { 
	font-style: normal; }

/* 3.6	Nouvelles Subpage
-----------------------------------------------------------------------------------------------*/	
div.col1 div.nouvelles ul li {
	background: url(../images/layout/nouvelles-top.gif) no-repeat top left;
	width: 514px;  
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	padding: 0;
	position: relative;
	margin: 0 0 5px; }
	
div.col1 div.nouvelles ul li div.nouvelles-item {
	min-height: 64px;
	height: auto !important;
	height: 64px;
	background: url(../images/layout/nouvelles-btm.gif) no-repeat bottom left; }
	
div.col1 div.nouvelles ul li h3 {
	color: white;
	text-align: center;
	width: 37px;
	float: left;
	line-height: 100%; 
	padding: 16px 10px 0 12px; 
	overflow: hidden;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 0; }

div.col1 div.nouvelles ul li h3 strong {
	font-weight: bold;
	font-size: 2.4em; 
	padding-bottom: 8px;
	display: block; }
	
div.col1 div.nouvelles ul li h4 {
	color: #0071bc;  
	padding-top: 10px;
	width: 400px;
	padding-bottom: 1px;
	font-size: 1.1em;
	text-transform: uppercase;
	padding-left: 93px; }
	
div.col1 div.nouvelles ul li h4 a,
div.col1 div.nouvelles ul li h4 a:link,
div.col1 div.nouvelles ul li h4 a:visited,
div.col1 div.nouvelles ul li h4 a:active {
	color: #0071bc; }
	
div.col1 div.nouvelles ul li h4 span {
	text-transform: none; }
	
div.col1 div.nouvelles ul li p { 
	font-size: 1.1em;
	padding: 0 10px 10px 93px; 
	color: #6c6c6c; }
	
h2.line {
	border-top: 1px solid #f1f1f1; 
	padding-top: 18px; }
	
div.col1 div.conwide {
	padding: 0 8px 30px 8px;  }
	
div.col1 div.connopadd {
	padding-bottom: 0; }
		
/* 3.7	Publications Subpage
-----------------------------------------------------------------------------------------------*/	
div.col1 div.publications ul li {
	background: url(../images/layout/publications-top.gif) no-repeat top left;
	width: 537px;  
	padding: 0;
	position: relative;
	margin: 0 0 5px; }
	
div.col1 div.publications ul li a,
div.col1 div.publications ul li a:link,
div.col1 div.publications ul li a:visited,
div.col1 div.publications ul li a:active {
	text-decoration: underline; }
	
div.col1 div.publications ul li a:hover {
	color: black; }
	
div.col1 div.publications ul li p strong {
	font-weight: normal;
	color: #0071bc; }
	
div.col1 div.publications ul li div.publication-item {
	min-height: 64px;
	height: auto !important;
	height: 64px;
	background: url(../images/layout/publications-btm.gif) no-repeat bottom left; }
	
div.col1 div.publications ul li h3 {
	color: white;
	text-align: center;
	width: 37px;
	float: left;
	line-height: 100%; 
	padding: 16px 10px 0 12px; 
	overflow: hidden;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 0; }

div.col1 div.publications ul li h3 strong {
	font-weight: bold;
	font-size: 2.8em; 
	padding-bottom: 8px;
	display: block; } 
	
div.col1 div.publications ul li p { 
	font-size: 1.1em;
	padding: 10px 8px 10px 93px; 
	color: #6c6c6c; }
	
div.col1 div.publications ul li p.title {
	padding-bottom: 0; }
	
div.col1 p.line {
	border-bottom: 1px solid #f1f1f1; 
	padding: 0 0 9px; 
	margin: 0 0 9px; }
	
/* 3.4	Footer
-----------------------------------------------------------------------------------------------*/	
div.footer {  
	text-align: center;
	color: #554b1c;
	background: url(../images/layout/footerbg.gif) repeat-x top left;
	font-size: 0.9em; }
	
div.footer ul { 
	padding: 10px 0; }
	
div.footer ul li {
	display: inline;
	padding: 0 8px 0 4px;
	background: url(../images/layout/ftr-line.gif) no-repeat center right; }
	
div.footer ul li.last {
	padding-right: 0;
	background: none; }
	
div.footer ul li a,
div.footer ul li a:link,
div.footer ul li a:visited,
div.footer ul li a:active {
	color: #554b1c;
	background: none; }
	
div.footer ul li a:hover {
	text-decoration: underline; }