/****************************************************************
* CSS URLS Chaudière-Appalaches
* Design by : Sonia Thériault
* CSS created by : Steve Perron
* October 22nd, 2007
* www.kazarcreation.com
*****************************************************************/
@import url(reset-meyer.css);

body {
	background:#000;
	font:10px Arial, Helvetica, sans-serif;	
}

strong {
	font-weight:bold;
}

.wrapper {
	margin:0 auto;
	width:888px;	
}

.clear {
	clear:both;
}

.visible {
	display:block;
}

.invisible {
	display:none;
}

.vcard {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	padding-left:22px;
}

.vcard a:link, .vcard a:visited, .vcard a:hover, .vcard a:visited {
	text-decoration:none;
	color:#000;
}

.vcard a:hover {
	text-decoration:underline;
}

.general-listing {
	padding:10px 20px 0 28px;
}

.general-listing li {
	border-bottom:1px dotted #fff;
	padding-bottom:5px;
	margin-bottom:10px;
}

.general-listing .date {	
	display:block;
	padding-bottom:4px;
}

#news-listing .date {
	color:#f8c302;
}

#events-listing .date {
	color:#7fa942;
}

.general-listing h4 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006c52;
	margin-bottom:8px;
}

.general-listing p {
	color:#fff;
	padding-top:4px;
	padding-bottom:10px;
}

.general-listing a:link, .general-listing a:visited, .general-listing a:hover, .general-listing a:active {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7fa942;
	text-decoration:none;
	text-transform:uppercase;
}

.general-listing .more:link, .general-listing .more:visited, .general-listing .more:hover, .general-listing .more:active {
	text-decoration:none;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;	
	padding-left:13px;
}

#news-listing .more:link, #news-listing .more:visited, #news-listing .more:hover, #news-listing .more:active {
	background:url(../images/bullet-more.gif) no-repeat 0 3px;
}

#events-listing .more:link, #events-listing .more:visited, #events-listing .more:hover, #events-listing .more:active {
	background:url(../images/bullet-more-2.gif) no-repeat 0 3px;
}

.general-listing a:hover, .general-listing .more:hover {
	text-decoration:underline;
}

/***********************************************************************
* Header - Navigation
************************************************************************/

#header {
	background:url(../images/back-header.gif) repeat-x top left;
	height:85px;
	/*position:relative;	*/
}

#header .wrapper {
	background:url(../images/back-header-wrapper.gif) repeat-x top left;
	position:relative;
	height:85px;
	z-index:2;
}

/* Logo */
#header .logo-home {
	position:absolute;
	top:0;
	left:-53px;
	width:169px;
	height:155px;
	border:none;
	z-index:899;
}

#header .logo {
	position:absolute;
	top:0;
	left:-55px;
	width:172px;
	height:150px;
	border:none;
	z-index:899;
}

#header .logo-print {
	display:none;
}

#header .facebook {
	position:absolute;
	top:12px;
	right:0;
}

/* Navigation */
#header ul {
	float:left;
	position:absolute;
	bottom:5px;
	right:-4px;
}

#header ul li {
	float:left;
	height:38px;
	text-indent:-9999px;
}

ul li#nav-apropos {
	background:url(../images/nav-apropos.gif) no-repeat top left;
	width:160px;
}
ul li#nav-apropos-current {
	background:url(../images/nav-apropos-current.gif) no-repeat top left;
	width:160px;
}

ul li#nav-loisirs {
	background:url(../images/nav-loisirs.gif) no-repeat top left;
	width:153px;
}

ul li#nav-loisirs-current {
	background:url(../images/nav-loisirs-current.gif) no-repeat top left;
	width:153px;
}

ul li#nav-sports {
	background:url(../images/nav-sports.gif) no-repeat top left;
	width:155px;
}

ul li#nav-sports-current {
	background:url(../images/nav-sports-current.gif) no-repeat top left;
	width:155px;
}

ul li#nav-aide {
	background:url(../images/nav-aide.gif) no-repeat top left;
	width:157px;
}

ul li#nav-aide-current {
	background:url(../images/nav-aide-current.gif) no-repeat top left;
	width:157px;
}

#header ul li a:link, #header ul li a:visited, #header ul li a:hover, #header ul li a:active {
	display:block;
	height:38px;
}

#header ul li#nav-apropos a:hover {
	background:url(../images/nav-apropos.gif) no-repeat bottom left;
}

#header ul li#nav-loisirs a:hover {
	background:url(../images/nav-loisirs.gif) no-repeat bottom left;
}

#header ul li#nav-sports a:hover {
	background:url(../images/nav-sports.gif) no-repeat bottom left;
}

#header ul li#nav-aide a:hover {
	background:url(../images/nav-aide.gif) no-repeat bottom left;
}

/************************************************************************
* Contenu de la page d'accueil
***********************************************************************/
#home-content {
	background:#393939 url(../images/back-home-content.gif) repeat-x top left;
	min-height:608px;
	z-index:1;
}

#home-content .wrapper {
	background:url(../images/back-content.jpg) repeat-y top left;
	position:relative;
	z-index:1;
}

#first-section, #second-section, #third-section {
	float:left;
	width:296px;
	padding-top:294px;
	min-height:314px;
}

#first-section {
	background:url(../images/back-ambiance-nageuse.jpg) no-repeat top left;
	z-index:1;
}

#first-section blockquote {
	border:9px solid #363636;
	padding:12px 18px;	
	width:218px;
	text-align:left;
	margin:0 auto;
	color:#fff;
	background:#2d2d2d;
}

#first-section blockquote h4 {
	text-indent:-9999px;
	background:url(../images/title-urls-cest.gif) no-repeat top left;
	height:14px;
	font:2px Arial, Helvetica, sans-serif;	
	padding-bottom:5px;
}

#first-section ul {	
	margin:0 auto;
	width:272px;
	padding-top:10px;
}

#first-section ul li {
	height:53px;
	margin-bottom:4px;
	text-indent:-9999px;
}

#first-section ul li#nav-communiques {
	background:#2d2d2d url(../images/nav-communiques.gif) no-repeat top left;
}

#first-section ul li#nav-mementos {
	background:#2d2d2d url(../images/nav-mementos.gif) no-repeat top left;
}

#first-section ul li#nav-photos {
	background:#2d2d2d url(../images/nav-photos.gif) no-repeat top left;
}

#first-section ul li#nav-arlph {
	background:#2d2d2d url(../images/nav-arlph.gif) no-repeat top left;
}

#first-section ul li a:link, #first-section ul li a:visited, #first-section ul li a:hover, #first-section ul li a:active {
	display:block;
	height:53px;
}

#first-section .google-search {
	padding:5px 0 10px 12px;
}

.google-search .search-text {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	width:187px;
}

.google-search .search-submit {
	background:none;
	color:#fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin-top:1px;
}

#second-section {
	background:url(../images/back-ambiance-agees.jpg) no-repeat top left;
}

#second-section h2 {
	font:2px Arial, Helvetica, sans-serif;
	height:21px;
	background:url(../images/title-nouvelles.gif) no-repeat top left;
	margin-left:28px;
	text-indent:-9999px;
}

#third-section {
	width:295px;
	background:url(../images/back-ambiance-violon.jpg) no-repeat top left;	
}

#third-section h2 {
	font:2px Arial, Helvetica, sans-serif;
	height:21px;
	background:url(../images/title-evenements.gif) no-repeat top left;
	margin-left:28px;
	text-indent:-9999px;
}

#third-section p {
	color:#fff;
	padding-left:28px;
	padding-top:10px;
}

.more-info {
	display:block;
	text-align:right;
	padding-right:20px;
}

#second-section .more-info a:link, #second-section .more-info a:visited, #second-section .more-info a:hover, #second-section .more-info a:active {	
	background:url(../images/bullet-more.gif) no-repeat 0 3px;
	text-decoration:none;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;	
	padding-left:13px;
}

#third-section .more-info a:link, #third-section .more-info a:visited, #third-section .more-info a:hover, #third-section .more-info a:active {	
	background:url(../images/bullet-more-2.gif) no-repeat 0 3px;
	text-decoration:none;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;	
	padding-left:13px;
}

#second-section .more-info a:hover, #third-section .more-info a:hover {
	text-decoration:underline;
}

/************************************************************************
* Content 
***************************************************************************/
#content {
	background:#393939 url(../images/back-section-content.gif) repeat-x top left;
	min-height:608px;	
}

#content .wrapper {
	background:url(../images/back-content-section.jpg) repeat-y top left;
	position:relative;
	z-index:1;
}

#content #wrapper-google {
	background:url(../images/back-full-width.jpg) repeat-y top left;
}

#content #first-section {
	padding-top:70px;
	background:url(../images/back-ambiance-content-first.jpg) no-repeat top left;
}

#content-section {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	width:561px;
	padding:80px 15px 15px 15px;
	min-height:528px;
	background:url(../images/back-ambiance-content.jpg) no-repeat top left;
}

#content-section-google {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	width:857px;
	padding:80px 15px 15px 15px;
	min-height:528px;
	background:url(../images/back-ambiance-google.jpg) no-repeat top left;
	position:relative;
}

/* Sous navigation */
#first-section ul.sub-navigation {	
	width:263px;
	padding-top:15px;
	margin:0;
	float:left;
}

#first-section ul.sub-navigation li {
	clear:both;
	height:auto;
	/*height:35px;	*/
	background:#2d2d2d;
	margin-bottom:4px;
	text-indent:0;
}

#first-section ul.sub-navigation li a:link, #first-section ul.sub-navigation li a:visited, #first-section ul.sub-navigation li a:hover, #first-section ul.sub-navigation li a:active {
	display:block;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#first-section ul.sub-navigation li.two-lines a:link, #first-section ul.sub-navigation li.two-lines a:visited, #first-section ul.sub-navigation li.two-lines a:hover, #first-section ul.sub-navigation li.two-lines a:active {
	height:38px;
}

#first-section ul.sub-navigation li.three-lines a:link, #first-section ul.sub-navigation li.three-lines a:visited, #first-section ul.sub-navigation li.three-lines a:hover, #first-section ul.sub-navigation li.three-lines a:active {
	height:50px;
}

#first-section ul.sub-navigation li a:hover {
	text-decoration:underline;	
	background:#394429;
}

#first-section ul.sub-navigation li.current {
	background:#394429;
}

#first-section ul.sub-navigation li.current a:link, #first-section ul.sub-navigation li.current a:visited, #first-section ul.sub-navigation li.current a:hover, #first-section ul.sub-navigation li.current a:active,
#first-section ul.sub-navigation li.current ul li.current a:link, #first-section ul.sub-navigation li.current ul li.current a:visited, #first-section ul.sub-navigation li.current ul li.current a:hover, #first-section ul.sub-navigation li.current ul li.current a:active {
	text-decoration:underline;
	cursor:default;	
}

#first-section ul.sub-navigation li.current ul li.current a:link, #first-section ul.sub-navigation li.current ul li.current a:visited, #first-section ul.sub-navigation li.current ul li.current a:hover, #first-section ul.sub-navigation li.current ul li.current a:active {
	font-weight:bold;
}

#first-section ul.sub-navigation li.current ul li a:link, #first-section ul.sub-navigation li.current ul li a:visited, #first-section ul.sub-navigation li.current ul li a:hover, #first-section ul.sub-navigation li.current ul li a:active {
	text-decoration:none;
	cursor:pointer;
}

#first-section ul.sub-navigation li ul {	
	width:263px;
	padding-top:0;
	padding-bottom:3px;
	margin:0;
	float:left;
	margin-bottom:2px;
}

#first-section ul.sub-navigation li ul li {	
	/*height:auto;	*/
	/*margin-bottom:2px;*/
	margin-bottom:0;
	padding-left:10px;
	padding-bottom:3px;
	background:#2d2d2d url(../images/bullet-green.gif) no-repeat 10px 8px;
	text-indent:0;
}

#first-section ul.sub-navigation li.current ul li {
	background:#394429 url(../images/bullet-white.gif) no-repeat 10px 8px;
}

#first-section ul.sub-navigation li ul li a:link, #first-section ul.sub-navigation li ul li a:visited, #first-section ul.sub-navigation li ul li a:hover, #first-section ul.sub-navigation li ul li a:active {
	display:block;
	height:auto;
	padding-top:2px;
	padding-left:10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:none;
	font-weight:normal;
	text-decoration:none;
}

#first-section ul.sub-navigation li.two-lines ul li a:link, #first-section ul.sub-navigation li.two-lines ul li a:visited, #first-section ul.sub-navigation li.two-lines ul li a:hover, #first-section ul.sub-navigation li.two-lines ul li a:active,
#first-section ul.sub-navigation li.three-lines ul li a:link, #first-section ul.sub-navigation li.three-lines ul li a:visited, #first-section ul.sub-navigation li.three-lines ul li a:hover, #first-section ul.sub-navigation li.three-lines ul li a:active {
	height:auto;
}

#first-section ul.sub-navigation li ul li a:hover {
	text-decoration:underline;
	background:#2d2d2d url(../images/bullet-green.gif) no-repeat 0 8px;
}

#first-section ul.sub-navigation li.current ul li a:hover {
	background:#394429 url(../images/bullet-white.gif) no-repeat 0 8px;
}

#first-section h2, #content-section h2, #content-section-google h2 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#97ce46;
	padding-bottom:5px;
}

#first-section h2 {
	font-size:14px;
	padding:20px 0 0 10px;
}

#content-section h3, #content-section-google h3 {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#c3e0c1;
	padding-top:2px;
	padding-bottom:3px;
}

#content-section h4, #content-section-google h4 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fdcd01;
	padding-top:5px;
	padding-bottom:3px;
}

#content-section h5, #content-section-google h5 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fdcd01;
	padding-top:5px;
}

#content-section p, #content-section-google p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:10px;
	line-height:1.4;
}

#content-section blockquote {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#97ce46;
	border:9px solid #363636;
	padding:12px 18px;
	margin-bottom:10px;
}

#content-section blockquote ul.no-bullet {
	padding-top:10px;
}

#content-section blockquote ul.no-bullet li {
	background:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#content-section ul {
	font:11px Verdana, Arial, Helvetica, sans-serif;	
	padding-left:15px;
	padding-bottom:10px;
	color:#fff;
}

#content-section ul li {
	padding-bottom:10px;
	padding-left:10px;
	background:url(../images/bullet-green.gif) no-repeat 0 7px;
	line-height:1.4;
}

#content-section table {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	border-collapse:collapse;
	margin:10px 20px;
}

#content-section th {
	background:#97ce46;
	color:#000;	
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	border:1px solid #fff;
}

#content-section td {
	padding:4px 5px;
	border:1px solid #fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}

#content-section td ul {
	clear:both;
	margin-top:-24px;
	padding-bottom:0;
}

#content-section a:link, #content-section a:visited, #content-section a:hover, #content-section a:active {
	color:#97ce46;
}

#content img {
	float:right;
	padding:2px;
	background:#111;
	border:1px solid #fff;
	margin:5px;
	margin-right:0;
}

#content img.left-align {
	float:left;
	margin-right:8px;
	margin-left:0;
}

.info-communique {
	font-weight:bold;
	padding-right:5px;
}

/* Fil d'Ariane */
#content-section #breadcrumb, #content-section-google #breadcrumb {
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;	
	margin-bottom:15px;
	padding-bottom:0;
	padding-left:0;
} 

#content-section #breadcrumb li, #content-section-google #breadcrumb li {
	background:url(../images/bullet-breadcrumb.gif) no-repeat 0 5px;
	display:inline;
	padding:0 2px 0 8px;
}

#content-section #breadcrumb li.first, #content-section-google #breadcrumb li.first {
	background:none;
	padding-left:0;
}

#content-section #breadcrumb a:link, #content-section #breadcrumb a:visited, #content-section #breadcrumb a:hover, #content-section #breadcrumb a:active,
#content-section-google #breadcrumb a:link, #content-section-google #breadcrumb a:visited, #content-section-google #breadcrumb a:hover, #content-section-google #breadcrumb a:active {
	color:#c3e0c1;
}

/* Section des photos d'équipes */
#photo-section {
	width:750px;
	margin-bottom:40px;
}

#photo-section ul li h4 {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#photo-section ul {
	width:640px;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:10px;
	list-style:none;
}

#photo-section ul li {
	float:left;
	width:162px;
	height:65px;
	text-align:center;
	padding:0;
	margin-left:15px;
	padding-right:11px;
	margin-bottom:35px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:relative;
	background:none;
}

#photo-section ul li.first {
	margin-left:0;
}	

#photo-section ul li img {
	width:162px;
	height:65px;
	padding:2px;
	border:1px solid #fff;
	margin-bottom:3px;
}

#photo-section ul li .zoom img {
	width:22px;
	height:19px;
	position:absolute;
	bottom:-10px;
	right:-10px;
	border:none;
}

/* Personnel de l'URLS */
#content-section .vcard {
	padding-bottom:10px;
}
.vcard .fn {
	display:block;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#c3e0c1;
	font-weight:bold;
}

.vcard .org {
	display:none;
}

.vcard .role {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}

.vcard .email:link, .vcard .email:visited, .vcard .email:hover, .vcard .email:active {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

/************************************************************************
* Liens utiles
***************************************************************************/
#content-section .liens-utiles {
	padding-top:10px;
}

#content-section .liens-utiles li {
	padding-bottom:10px;
}

#content-section .liens-utiles a:link, #content-section .liens-utiles a:visited, #content-section .liens-utiles a:hover, #content-section  .liens-utiles a:active {
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

/************************************************************************
* Footer
*************************************************************************/
#footer {
	background:#e5e1d6 url(../images/back-footer.gif) repeat-x top left;
	min-height:235px;
	padding-top:13px;
}

#footer h3 {
	font:2px Verdana, Arial, Helvetica, sans-serif;
	height:13px;
	text-indent:-9999px;
	margin:5px 0 22px 27px;
}

#contact-section {
	float:left;
	height:187px;
	width:294px;
	margin-right:2px;
}

#contact-section h3 {
	background:url(../images/title-contacts.gif) no-repeat top left;
}

#contact-section h4 {	
	margin-right:55px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#385a78;
	padding-bottom:4px;
}

#contact-section .more:link, #contact-section .more:visited, #contact-section .more:hover, #contact-section .more:active {
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;	
	padding-left:13px;
	background:url(../images/bullet-more-3.gif) no-repeat 0 3px;
	margin-left:22px;
	display:block;
	width:150px;
	margin-top:7px;
	text-transform:uppercase;
}

#contact-section .more:hover {
	text-decoration:underline;
}

#link-section {
	float:left;
	height:187px;
	width:569px;
	position:relative;
	padding-left:22px;
}

#link-section h3 {
	background:url(../images/title-links.gif) no-repeat top left;
	margin-left:5px;
}

#link-section ul {
	float:left;
	width:250px;
	padding-right:10px;
}

#link-section ul li {
	border-bottom:1px dotted #04559d;
	background:url(../images/bullet-links.gif) no-repeat 0 3px;
	padding-left:13px;
	padding-bottom:4px;
	margin-bottom:4px;
}

#link-section a:link, #link-section a:visited, #link-section a:hover, #link-section a:active {
	color:#000;
	text-decoration:none;
}

#link-section a:hover {
	text-decoration:underline;
}

#contact-section, #link-section {
	background:#d9d6cb url(../images/back-footer-wrapper.gif) repeat-x top left;
}

#link-section .jdq:link, #link-section .jdq:visited, #link-section .jdq:hover, #link-section .jdq:active {
	position:absolute;
	bottom:38px;
	right:3px;
}

#link-section .mels {
	position:absolute;
	bottom:3px;
	right:3px;
}

#link-section .mels span {
	display:block;
	float:right;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#6b7b83;
	padding-top:15px;
	padding-right:3px;
}

#link-section .mels img {
	border:none;
	float:right;
}

.kazar-home {
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:899;
}

#content .kazar-home img, #content .kazar img {
	border:none;
}