* {
 border:0;
 margin:0;
 padding:0;}

body {
	background:#869439;
	font:normal 1em times, caslon, 'times new roman', serif;
	color:#313131;
	margin-bottom:20px;}

a {
	color:#464b60;
	text-decoration:none;}

a:hover {
	text-decoration:underline;}
	
	
/* ///////////////////////////////////// STRUCTURE //// */

#outer-container {
	width:720px;
	margin:auto;
	padding:0 10px;
	background:#fff;}

#menu {
	background:#eee;}

#banner {
	padding-top:20px;
	background:url('../img/layout/background.gif') top right no-repeat;
	height:240px;
	overflow:hidden;
	}


.label1 {
	font-size: 0.75em; 
	font-weight: bold;
	position:absolute;
	top: 160px;
	left:682px;
}

.label2 {
	font-size: 0.75em; 
	font-weight: bold;
	position:absolute;
	top: 160px;
	left:822px;
}

#footer {
	font-size:0.8em;
	text-align:center;
	color:#c0c0c0;
	padding:3px 0;
	margin-top:20px;}
	

/* ///////////////////////////////////// MENU //// */

#menu ul li, #menu ul {
	list-style:none;
	display:inline;}

#menu ul li {	
	padding:0 15px;}

#menu ul li a {
	padding:5px;}
	
#menu ul li a:hover, #menu ul li:hover a, #menu ul li.sfhover a {
	text-decoration:none !important;
	background:#e0e0e0;}
	

/* ///////////////////////////////////// CONTENT //// */

h1 {
	font-weight:normal;}
	
#legend {
	width:129px;
	height:101px;
	padding:10px;
	background:transparent url('../img/layout/background-legend.gif');
	position:relative;
	top:-140px;
	left:550px;
	line-height:10px;}

#legend a {
	display:block;}

* html #legend {
	line-height:5px;}

#qmark {
	display:block;
	position:relative; 
	left:123px; 
	top:-10px}

* html #qmark {
	position:relative;
	left:123px;
	top:3px;}

/* ///////////////////////////////////// EVENTS //// */

/* -- main event */
#event-main, #event-main2 {
	background:#eee;
	min-height:100px;
	padding:10px;
	border-top:15px solid #5b810a;
	margin-bottom:20px;}
	
#event-main2 {
	border-top:15px solid #961c1c;}	

#event-main span.title, #event-main2 span.title {
	display:block;
	font-size:1.45em;}

#event-main2 span.title {
	color:#961c1c}
/* -- end main event */

/* -- columned event */
.event-col {
	background:#eee;
	width:206px;
	float:left;
	padding:10px;
	font-size:0.95em;}
	
/* -- columned event */
.commitment-col {
	background:#eee;
	width:700px;
	float:left;
	padding:10px;
	font-size:0.95em;}	

div.event-col img {
	float:left;
	margin-right:6px;}
/* -- end columned event */

.plus-evenements {
	clear:left;
	font-style:italic;
	display:block;
	border-bottom:1px solid #cad0a8;
	padding-top:10px;
	margin-bottom:20px;}

.plus-evenements a {
	color:#888;
	font-style:italic;
	background:#fff;
	position:relative;
	top:10px;
	left:525px;
	padding:0 10px;}

.plus-evenements .pager {
	position:relative;
	top:10px}

.plus-evenements .pager li {
	list-style:none;
	display:inline;
	left:525px;
	padding:3px 0;
	background:#fff;
	position:relative;
	color:#888}

.plus-evenements .pager li a {
	left:0;
	top:0}

p, span.title {
	margin-bottom:8px;}

span.boxed-link {
	font-style:italic;
	margin-top:20px;
	padding:3px 0;
	display:block;
	width:210px;
	text-align:center;
	background:#d0d0d0;}

span.boxed-link .date, span.boxed-link2 .date {
	border-right:1px dotted #9ea0a8;
	padding-right:10px;
	margin-right:5px;}

span.boxed-link a, span.boxed-link2 a {
	color:#464b60 !important;}

span.boxed-link2 {
	padding:5px;
	text-align:center;
	background:#d0d0d0;}
	
	


/* ///////////////////////////////////// EVENT COLORS //// */

#calendar a.act  { background:#961c1c;}
#calendar a.con  { background:#464b60;}
#calendar a.for  { background:#5b810a;}

a.act, div.act a { color:#961c1c;}
div.act          { border-top:10px solid #961c1c;}

a.for, div.for a { color:#5b810a;}
div.for          { border-top:10px solid #5b810a;}

a.con, div.con a { color:#464b60;}
div.con          { border-top:10px solid #464b60;}

div.com          { border-top:3px solid #5b810a;}

/* ///////////////////////////////////// MISC //// */

.fright   { float:right;}
.fleft    { float:left;}
img       { vertical-align:middle;}
.rmargin  { margin-right:20px;}
.nomargin { margin:0;}
.noi      { font-style:normal !important}
.spacer   { height:20px; display:block; clear:both;}
.spacer-no-clear   { height:20px; display:block;}
.large-spacer   { height:30px; display:block; clear:both;}
.med-spacer   { height:15px; display:block; clear:both;}
.small-spacer   { height:10px; display:block; clear:both;}
.clear    { clear:both;}
.mt5 { margin-top:5px; }
.fgreen { color:#5b810a}
.fgray { color:#888}
.fsansserif { font-family: tahoma, sans-serif; font-size:0.8em}
.dblock {display:block}
.talignleft {text-align:left !important}

/*
Pager
----------------------------------------------------------------*/
ul.pager {
	background:transparent;
	padding:5px 0;
	margin:5px 0;
	text-align:left;
	clear:both;
	margin-bottom:10px;}
ul.pager li {
	background:transparent;
	display:inline;
	list-style:none;
	border:none;
	padding:0;
	margin:0;
	font-size:9pt;
	clear:both;}
ul.pager li.stats {
	clear:none;
	float:left;
	margin-right:5px;}
ul.pager li a {
	padding:5px;
	font-weight:normal;}
ul.pager li a:hover {
	background:#464b60;
	color:#fff;}
ul.pager li.selected a {
	color:#000;
	font-weight:bold;}
ul.pager li.selected a:hover {
	background:transparent;
	color:#000;}