@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	}
	
p, h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	}
	
a {
	color:#4E86B8;
	}

a:hover {
	color:#709649;
	}

#mainContainer {
	background-image:url(images/background_main.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	}
	
#upperBanner, #mainContentContainer, #copyright {
	margin:0 auto;
	width:938px;
}

#upperBanner {
	
}

#upperBanner .leftcolumn {
	width:486px;
	float:left;
	background-color:#6c9748;
}

#upperBanner .rightcolumn {
	width:452px;
	float:right;
	background-color:#99b381;
}

#upperBanner .nav_upperleft {
	background-image:url(images/background_upperNavLeft.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0  0;
	background-color:#d2bc8a;
	}

#mainContentContainer {
	background-color:#FFFFFF;
	clear:both;
	background-image:url(images/background_mainContent.gif);
	background-repeat:repeat-y;
	}
	
#mainContentContainer .leftcolumn {
	width:722px;
	float:left;
	
}

#mainContentContainer .main_content {
	width:478px;
	float:right;
	padding:30px 0;
}

#mainContentContainer .main_content h1 {
	font-size:18px;
	color:#1e476b;
	padding-bottom:5px;
	}
	
#mainContentContainer .main_content h2 {
	font-size:15px;
	color:#7f6b3c;
	padding-bottom:5px;
}

#mainContentContainer .main_content h3 {
	font-size:12px;
	color:#666666;
	padding-bottom:5px;
}

#mainContentContainer .main_content h4, #mainContentContainer .main_content h5, #mainContentContainer .main_content h6 {
	font-size:11px;
	color:#000;
	padding-bottom:5px;
}
	
#mainContentContainer .main_content p, #mainContentContainer .main_content ul, #mainContentContainer .main_content ol  {
	font-size:11px;
	color:#333333;
	padding-bottom:10px;
	line-height:15px;
	margin-top:0;
	padding-top:0;
	}
	
#mainContentContainer .main_content a {
	font-weight:bold;
}
	
#mainContentContainer .main_content ul li {
	padding-top:5px;
	}

#mainContentContainer .nav_main {
	width:208px;
	float:left;
}

#mainContentContainer .nav_main ul {
	padding:0 0 4px 0;
	margin:0;
	list-style-type:none;
	background-image:url(images/horzLine01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
	
#mainContentContainer .nav_main ul ul {
	margin-bottom:0px;
	background-image:none;
	padding-bottom:0;
}
	
#mainContentContainer .nav_main ul a {
	text-decoration:none;
	color:#003366;
	display:block;
	padding:14px 10px 11px 10px;
	font-size:11px;
	background-image:url(images/horzLine01.gif);
	background-repeat:repeat-x;
	background-position:left top;
	line-height:14px;
	background-color:#cfdfed;
	}

#mainContentContainer .nav_main ul a#territoires span {
	display:block;
	background-image:url(images/pointer_home.png);
	background-repeat:no-repeat;
	background-position:165px center;
	}
	
#mainContentContainer .nav_main ul a:hover,
body.profil a#profil,
body.conseil_administration a#conseil_administration,
body.aga a#aga,
body.bureau_provincial a#bureau_provincial,
body.membriete a#membriete,
body.territoires a#territoires,
body.services_membres a#services_membres,
body.representation a#representation,
body.communication a#communication,
body.partenaires a#partenaires {
	background-color: #a8c3dc;
	}
	
	
	
#mainContentContainer .nav_main ul ul a {
	padding:2px 10px 4px 24px;
	background-image:url(images/bullet_blue.gif);
	background-repeat:no-repeat;
	background-position:16px 8px;
	display:block;
	background-color:#E7EEF5;
}

#mainContentContainer .nav_main ul ul a:hover,
body.menulink1 #mainContentContainer .nav_main ul ul a.menulink1,
body.menulink2 #mainContentContainer .nav_main ul ul a.menulink2,
body.menulink3 #mainContentContainer .nav_main ul ul a.menulink3,
body.menulink4 #mainContentContainer .nav_main ul ul a.menulink4,
body.menulink5 #mainContentContainer .nav_main ul ul a.menulink5,
body.menulink6 #mainContentContainer .nav_main ul ul a.menulink6,
body.menulink7 #mainContentContainer .nav_main ul ul a.menulink7,
body.menulink8 #mainContentContainer .nav_main ul ul a.menulink8 {
	background-color:#BDD3E6;
}
	
#mainContentContainer .nav_main ul li {
	display:inline;
}


#mainContentContainer .rightcolumn {
	width:190px;
	float:right;
	font-size:10px;
	color:#003366;
	}
	
#mainContentContainer .rightcolumn p {
	padding-bottom:12px;
	}
	
#mainContentContainer .rightcolumn H2 {
	font-size:12px;
	padding-bottom:6px;
	}
	
#mainContentContainer .rightcolumn a {
	font-weight:bold;
	color:#2267AC;
	}
	
#mainContentContainer .rightcolumn a:hover {
	color:#003366;
	}
	
#mainContentContainer .rightcolumn .borderbottom {
	background-image:url(images/horzLine01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	}	

body.home #mainContentContainerInner {
	/*background-image:url(images/watermark_laSource.gif);
	background-repeat:no-repeat;
	background-position:right bottom;*/
}
	
#copyright {
	background-color:#99b381;
	clear:both;
	padding:20px 0;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
.donotdisplay {
	display:none;
	}
	
#copyright a {
	padding-right:11px;
	padding-left:9px;
	background-image:url(images/verticalSpacer01.gif);
	background-position:right center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}
	
#copyright a:hover {
	color:#1e476b;
}

.icon_links {
	width:110px;
	margin-right:8px;
	float:left;
	text-align:center;
	padding-bottom:1em;
}

.icon_links a {
	font-size:.6em;
	color:#1e476b;
	text-decoration:none;
}

.icon_links a:hover {
	color:#709649;
}

p.retour {
	border-top:1px solid #ccc;
	clear:both;
	}
	
p.retour a {
	background-image:url(images/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:left 14px;
	display:block;
	padding:10px 0 0 14px;
	}

.clear:after {
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clear {
	min-height: 1px;
	}
	
* html .clear {
	height: 1px;
	}

