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

body {
	background:#fff;
	font:10pt Arial, Helvetica, sans-serif;	
}

strong {
	font-weight:bold;
}

.wrapper {
	margin:0 auto;
	width:100%;	
}

.clear {
	clear:both;
}

.visible {
	display:block;
}

.invisible {
	display:none;
}

.vcard {
	font:10pt 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:#ccc;
}

#events-listing .date {
	color:#ccc;
}

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

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

.general-listing a:link, .general-listing a:visited, .general-listing a:hover, .general-listing a:active {
	font:12pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
	text-transform:uppercase;
}

.general-listing .more:link, .general-listing .more:visited, .general-listing .more:hover, .general-listing .more:active {
	text-decoration:none;
	font:9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;	
	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
************************************************************************/

/* Logo */
#header .logo-home {
	display:none;
}

#header .logo {
	display:none;
}

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

/* Navigation */
#header ul {
	display:none;
}

/************************************************************************
* Contenu de la page d'accueil
***********************************************************************/
#first-section {
	display:none;
}

#second-section h2, #third-section h2 {
	font:14pt Arial, Helvetica, sans-serif;
	color:#000;
}

#third-section p {
	color:#000;
	padding-top:10px;
}

.more-info {
	display:none;	
}

/************************************************************************
* Content 
***************************************************************************/

#content-section {
	font:11pt Arial, Helvetica, sans-serif;
	color:#000;
	width:100%;
	padding:10px;
}

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

#content-section h4 {
	font:12pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	padding-top:5px;
}

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

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

#content-section blockquote {
	font:11pt Arial, Helvetica, sans-serif;
	color:#000;
	border:2px solid #ccc;
	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:10pt Arial, Helvetica, sans-serif;
}

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

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

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

#content-section th {
	background:#ccc;
	color:#000;	
	font-weight:bold;
	padding:5px;
	border:1px solid #fff;
}

#content-section td {
	padding:2px 5px;
	border:1px solid #fff;
}

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

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

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

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

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

#content-section #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 {
	color:#000;
}

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

#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:13pt Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}

.vcard .org {
	display:none;
}

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

.vcard .email:link, .vcard .email:visited, .vcard .email:hover, .vcard .email:active {
	font:11pt 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:12pt Arial, Helvetica, sans-serif;
}

/************************************************************************
* Footer
*************************************************************************/
#footer {	
	padding-top:13px;
}

#footer h3 {
	font:12pt Arial, Helvetica, sans-serif;
	margin-top:5px;
}

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

#contact-section .more:link, #contact-section .more:visited, #contact-section .more:hover, #contact-section .more:active {
	display:none;
}

#link-section {
	display:none;
}

.kazar {
	position:absolute;
	bottom:5px;
	right:5px;
}