/*
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 {
	color: #2D3D20;
	background: #fff;
	}
	
/* _____  structure  ________________________ */

#wrap {
	background: #fff; 
	}

#page {
	background: #fff;
	border: solid #3F7000;
	border-width: 1px;
	}
	
#header {
	width: 570px;
	background: #76EC17; 
	height: 120px;
	padding: 30px 0 0 180px;
	border: solid #3F7000;
	border-width: 0 0 1px 0;
	}
#header span {
	float: left;
	display:block;
	}

#col-nav {
	position: relative;
	top: 0;
	width: 160px;
	float: left;
	}
	
#resume {
	height: 10px;
	background: #fff; 
	border: solid #3F7000;
	border-width: 0 0 1px 0;
	}

#col-main {
	float: left;
	width: 400px;
	background: #fff; 
	margin: 0;
	padding: 21px 0 0 0;
	}

#col-main-content {
	width: 100%;
	background: transparent; 
	margin: 0;
	padding: 0 0 0 0;
	}

#col-sidebar {
	width: 160px;
	background: transparent;
	float: right;
	}
	
#col-sidebar-content {
	width: 100%;
	}

#footer {
	background: transparent; 
	}

/* _____  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;
	}
h1 { 
	color: #000;
	font-size: 18px;
	line-height: 22px;
	padding: 10px 0 0 0;
	margin: 0 0 0 0; 
	}
.item-side h1 { 
	color: #25440C;
	font-size: 11px;
	line-height: 13px;
	}
 
h2 { 
	color: #999;
	font-size: 9px;
	line-height: 11px;
	margin: 2px 0 0 0; 
	}
h3 { 	
	color: #534930;
	font-size: 12px;
	line-height: 15px;
	margin: 0; 
	padding: 8px 0 0 0; 
	}

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

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

h6 { 
	font-weight: normal;
	color: #666;
	font-size: 9px;
	line-height: 11px;
	padding: 0;
	margin: 0; 
	}

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

/* _____  links  ________________________ */

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

/*p a:link, p a:visited { 
color: #261E08; text-decoration: none; 
border-bottom: solid #B9AC8A 1px; 
background: transparent url(../icono/go.gif) no-repeat right 3px; 
margin: 0px; padding-right: 12px;
} 
p a:hover{ color: #FFFFFF; background: #B9AC8A url(../icono/goOn.gif) no-repeat right 3px; margin: 0px; padding-right: 12px; } 
p a:active { color: #261E08; background: transparent url(../icono/go.gif) no-repeat right 3px; } */

.go_main img {
	margin: 0 0 0 0;
	padding: 0;
	height: 20px;
	width: 20px;
	}

/* _____  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: #00BD00; }
#theme a:hover { background: #000; }

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

.item {
	background: transparent; 
	width: 360px;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 20px;
	}

.item_sep {
	width: 360px;
	background: transparent; 
	margin: 0;
	padding: 0 20px 0 20px;
	height: 46px;
	}

.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; 
	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: #BBF89D;
	}

/* _____  menu  ________________________ */

	
.navigation ul {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	border: solid #3F7000;
	border-width: 0 1px 1px 0;
	}

.navigation_side ul {
	border: solid #3F7000;
	border-width: 0 0 1px 1px;
	}

.navigation li, .navigation_side li {
	background: #fff; 
	}

.navigation p, .navigation_side p {
	background: #fff;
	height: 0;
	}

.navigation a {
	background-color: #fff;
	color: #1A5000;
	border: solid #3F7000;
	border-width: 1px 0 0 0;
	text-decoration: none;
	width: 159px;
	padding : 4px 0px;
	margin: 0;
	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: 139px;
	padding : 4px 5px 4px 15px;
	margin: 0;
	display: block;
	}

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

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

.navigation_side h1 {
	background: #fff; 
	color: #000;
	width: 139px;
	padding: 10px 0 0 15px;
	}

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