/*
Title:		Coup de coeur francophone - feuille de styles
Author:		Bernard Bˇlanger, design@bernardbelanger.com 
Updated:		19-08-05
Notes:		http://www.bernardbelanger.com
*/

body {
	margin: 10px 0 10px 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	color: #2D3D20;
	background-color: #00C600;
	}
	
/* _____  structure  ________________________ */

#splash {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 120px 0 0 0;
	color: #000;
	background: #FFFFFF; 
	width: 758px;
	}

#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: #000;
	background: #76EC17; 
	width: 758px;
	}

#page {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
	background-color: #76EC17;
	}
	
#header {
	background: #76EC17 url(../icono/fond_header.gif) no-repeat center; 
	width: 750px;
	height: 168px;
	}

#header span {
	display:none;
	}

#col-nav {
	position: relative;
	top: 0;
	width: 175px;
	float: left;
	}
	
#resume {
	width: 750px;
	height: 35px;
	background: #76EC17 url(../icono/fond_resume.gif) no-repeat left; 
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-indent: 300px;
	color: #fff;
	padding: 0;
	margin: 0 0 0 0;
	}

#col-main {
	float: left;
	width: 400px;
	background: transparent url(../icono/fond_content_bot.gif) no-repeat bottom; 
	margin: 0;
	padding: 0 0 27px 0;
	}

#col-main-content {
	width: 100%;
	background: transparent url(../icono/fond_content_top.gif) no-repeat top; 
	margin: 0;
	padding: 21px 0 0 0;
	}

#col-sidebar {
	width: 175px;
	background-color: transparent;
	float: left;
	border: #fff solid;
	border-width: 0px 0 0 0;
	}
	
#col-sidebar-content {
	width: 100%;
	}

#footer {
	background: transparent url(../icono/fond_footer.gif) no-repeat top; 
	color: #1A5000;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;
	width: 750px; 
	height: 60px;
	padding: 0 0 0 0;
	clear: both;
	}

/* _____  typo  ________________________ */

.citation {
	
	font-style: italic;
	width: 350px;
	}

.citation span {
	font-style: normal;
	}

#footer p {
	padding: 30px 0 0 15px;
	margin: 0; 
	}

p {
	padding: 6px 0 0 0;
	margin: 0; 
	}

.item-side p { 
	font-size: 9px;
	line-height: 11px;
	}

.date { 
	color: #000;
	font-size: 14px;
	line-height: 14px;
	text-indent: 0;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0 2px 0;
	margin: 0 0 0 0; 
	}

.date span { 
	color: #666;
	font-weight: normal;
	}

.numero { 
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 0 4px 0 4px; 
	background: #76EC17;
	float: left;
	}

.item h1 { 
	color: #000;
	font-size: 14px;
	line-height: 20px;
	padding: 0 4px 0 4px;
	margin: 0 0 4px 0; 
	background: #76EC17;
	float: left;
	}

.titre {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 0px; 
	}

.intertitre {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	margin: 0px; 
	padding: 4px 0 0 0;
	clear: both;
	}

.grandTitre { 
	color: #000;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	background: #fff;
	}

.serie { 
	color: #000;
	font-size: 12px;
	line-height: 14px;
	padding: 0;
	margin: 0 0 0 0; 
	clear: both;
	}

.item-side h1 { 
	color: #25440C;
	font-size: 11px;
	line-height: 13px;
	}

h2 { 
	color: #CB0000;
	font-size: 22px;
	line-height: 24px;
	padding: 4px 0 0 0;
	margin: 0 0 0 0; 
	clear: both;
	}

h2 a:link, h2 a:visited {
	color: #CB0000;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	text-indent: 0;
	padding: 0 4px 0 28px;
	margin: 0;
	background: #EAF3DE url(../icono/go_item.gif) no-repeat left; 
	display: block;
	float: left;
	} 
h2 a:hover { color: #fff; background: #000 url(../icono/go_item_on.gif) no-repeat left;} 


h3 { 	
	color: #007B31;
	font-size: 9px;
	line-height: 12px;
	margin: 0 0 0 10px;
	padding: 6px 0 0 0; 
	text-indent: 0;
	}





h4 {
	color: #534930;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding: 8px 0 0 0; 
	}

h5 {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #7AA700;
	background-color: transparent;
	margin: 0px; 
	}

h6 { 
	font-weight: normal;
	font-style: normal;
	color: #666;
	font-size: 10px;
	line-height: 13px;
	padding: 6px 0 0 0;
	margin: 0;
	clear: both;
	}

.bold-red { 
	font-weight: bold;
	color: #CC0000;
	}

.superscript {
	font-size: 70%; 
	position: relative; 
	bottom: 4px;
	}

/* _____  links  ________________________ */

.out a:link, .out a:visited { color: #1A5000; text-decoration: none; padding: 1px; border-bottom: solid #3AB800 1px; } 
.out a:hover { color: #FFFFFF; background-color: #3AB800; padding: 1px; } 
.out a:active { background-color: #329F00; } 

.go_main img {
	margin: 0 0 0 0;
	padding: 0;
	}
.go_main a:link, .go_main a:visited {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	padding: 0 4px 0 15px;
	margin: 0;
	background: #EAF3DE url(../icono/go_item.gif) no-repeat left; 
	display: block;
	}
.go_main a:hover { color: #fff; background: #000 url(../icono/go_item_on.gif) no-repeat left;} 

/* _____  divers  ________________________ */

a img {
	border: none;
	}

#theme {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 20px; height: 9px;
	margin: 0;
	padding: 0;
	display: block;
	}
#theme a:link, #theme a:visited { 
	background-color: #00BD00;
	}
#theme a:hover {
	background-color: #000;
	}

#canada {
	float: right;
	position: relative;
	top: 55px;
	right: 20px;
	}

#vignette {
	width: 96px;
	height: 105px;
	float: right;
	position: relative;
	top: 53px;
	right: 52px;
	background-color: #76EC17;
	}

.item .vignette_50 img {
	float: left;
	position: relative;
	margin: 0 6px 0 0;
	}
.item .vignette_50 p img {
	float: none;
	margin: 0 6px 0 0;
	padding: 0;
	}

.item {
	background: transparent url(../icono/fond_content_mid.gif) repeat top; 
	width: 360px;
	margin: 0;
	padding: 0 20px 0 20px;
	}

.item_sep {
	clear: both;
	width: 360px;
	background: transparent url(../icono/fond_content_sep.gif) no-repeat center; 
	margin: 0;
	padding: 0 20px 0 20px;
	height: 45px;
	}

.item_sep_2 {
	clear: both;
	width: 360px;
	background: transparent url(../icono/fond_content_sep_2.gif) no-repeat center; 
	margin: 0;
	padding: 0 20px 0 20px;
	height: 45px;
	}

.item img {
	float: left;
	position: relative;
	margin: 10px 10px 0 0;
	}

.item p img {
	float: none;
	position: relative;
	margin: 0;
	padding: 0;
	}

.item-side a {
	width: 160px;
	background: #fff url(../icono/fond_menu_top.gif) no-repeat top; 
	border: solid #2F5300;
	border-width: 1px 0 0 0;
	padding: 21px 5px 5px 10px;
	margin: 0 auto 4px auto;
	text-decoration: none;
	display: block;
	}

.item-side a:link, .item-side a:visited {
	color: #534930;
	text-decoration: none;
	}

.item-side a:hover {
	color: #534930;
	text-decoration: none;
	background-color: #BBF89D;
	}

/* _____  menu  ________________________ */

.navigation, .navigation_side {
	margin: 0;
	padding: 0;
	background: #fff url(../icono/fond_menu_mid.gif) repeat top; 
	}

.navigation ul {
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 7px;
	list-style: none;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.navigation h1 {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 0;
	background: #fff url(../icono/fond_menu_top.gif) no-repeat top; 
	height: 11px;
	margin: 0 0 0 0;
	padding: 9px 0 0 12px;
	}

.navigation p {
	color: #1A5000;
	font-size: 10px;
	line-height: 14px;
	width: 148px;
	padding : 0 15px 0 12px;
	margin: 0 0 0 0;
	}
.navigation img {
	margin: 0;
	padding: 6px 0 5px 5px;
/*	float: left;*/
	}

.navigation_side ul {
	font-size: 10px;
	line-height: 13px;
	list-style: none;

	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.navigation_side h1 {
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	background: #fff url(../icono/fond_menu_side_top.gif) no-repeat top; 
	color: #fff;
	width: 155px;
	margin: 0;
	padding: 10px 0 0 20px;
	height: 16px;
	}
	
.navigation_side h2 {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-indent: 0;
	background: #fff url(../icono/fond_menu_top.gif) no-repeat top; 
	height: 11px;
	margin: 0 0 0 0;
	padding: 9px 0 0 12px;
	}

.navigation h6, .navigation_side h6 {
	margin: 0;
	padding: 0;
	background: #fff url(../icono/fond_menu_bot.gif) no-repeat top;
	height: 27px;
	}

.navigation a {
	background-color: #76EC17;
	color: #1A5000;
	border: solid #fff;
	border-width: 1px 0 0 0;
	text-decoration: none;
	width: 158px;
	padding : 4px 0px;
	margin: 0 12px 0 5px;
	display: block
	}

.navigation_side a {
	background-color: #fff;
	color: #1A5000;
	font-weight: bold;
	border: solid #3F7000;
	border-width: 1px 0 0 0;
	text-decoration: none;
	width: 138px;
	padding : 4px 5px 4px 15px;
	margin: 0 12px 0 5px;
	display: block;
	}

.navigation a:hover, .navigation .currentpage a:hover, .navigation .currentpage_galerie a:hover {
	color: #76EC17;
	background-color: #000;
	}

.navigation .currentpage a, .navigation .currentCom a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: #000 url(../icono/go_menu.gif) no-repeat right;
	}
.navigation .currentpage_galerie a{
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background: transparent url(../icono/fond_menu_item_gal_on.gif) no-repeat center;
	}
.navigation .currentpage_galerie a:hover{
	background: #000;
	}

.navigation_side a:hover, .navigation_side .currentCom a:hover {
	color: #76EC17;
	background-color: #000;
	}

.navigation_side .currentCom a {
	color: #333;
	background: #76EC17 url(../icono/go_side.gif) no-repeat left;
	}

.navigation_side span {
	font-size: 9px;
	font-weight: normal;
	}

#bt_wrap {
	margin: 6px 0 0 0;
	}
	
.bt_bluetracks a {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 112px;
	background: url(http://2005.coupdecoeur.ca/icono/blueTracks_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
	}

.bt_bluetracks a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/blueTracks_btn.gif) no-repeat 0 -32px transparent;
	}

a.bt_ecouter {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 112px;
	background: url(http://2005.coupdecoeur.ca/icono/postedecoute_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
}

a.bt_ecouter:hover {
	background: url(http://2005.coupdecoeur.ca/icono/postedecoute_btn.gif) no-repeat 0 -32px transparent;
}

.postedecoute_btn a {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 112px;
	background: url(http://2005.coupdecoeur.ca/icono/postedecoute_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
}

.postedecoute_btn a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/postedecoute_btn.gif) no-repeat 0 -32px transparent;
}

.escales_btn a {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 66px;
	overflow: hidden;
	width: 143px;
	background: url(http://2005.coupdecoeur.ca/icono/escales_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:66px; /* for IE5.5's bad box model */
	}

.escales_btn a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/escales_btn.gif) no-repeat 0 -66px transparent;
	}

.escales_btn_item a {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 126px;
	background: url(http://2005.coupdecoeur.ca/icono/escales_btn_item.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
	}

.escales_btn_item a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/escales_btn_item.gif) no-repeat 0 -32px transparent;
	}

#bt_billetterie_wrap {
	margin: 2px 0 0 0;
	padding: 0;
	width: 400px;
	}

.articulee_btn a {
	display: none;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 260px;
	background: url(http://2005.coupdecoeur.ca/icono/articulee_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
	}

.articulee_btn a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/articulee_btn.gif) no-repeat 0 -32px transparent;
	}

.admission_btn a {
	display: none;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 32px;
	overflow: hidden;
	width: 140px;
	background: url(http://2005.coupdecoeur.ca/icono/admission_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:32px; /* for IE5.5's bad box model */
	}

.admission_btn a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/admission_btn.gif) no-repeat 0 -32px transparent;
	}

#radio_CCf a {
	position: relative;
	top: -10px;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 60px;
	overflow: hidden;
	width: 175px;
	background: url(http://2005.coupdecoeur.ca/icono/radio_CCf.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:60px; /* for IE5.5's bad box model */
	}

#radio_CCf a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/radio_CCf.gif) no-repeat 0 -60px transparent;
	}

#camera_btn a {
	position: relative;
	top: 0;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	padding-top: 67px;
	overflow: hidden;
	width: 175px;
	background: url(http://2005.coupdecoeur.ca/icono/camera_btn.gif) no-repeat 0 0 transparent;
	height: 0px !important; /* for most browsers */
	height /**/:67px; /* for IE5.5's bad box model */
	}

#camera_btn a:hover {
	background: url(http://2005.coupdecoeur.ca/icono/camera_btn.gif) no-repeat 0 -67px transparent;
	}