/*
 * import fluxoulou styles */
@import url(fluxoulou/basic.css); 
@import url(fluxoulou/templates.css); 

/* overrides fluxoulou basic style */
.hat {
	font-size:110%;
}
.column {
	background:none;
}
.block {
	border-width:2px;
	padding:10px;
}
#page {
	padding:20px 25px;
	width:700px;
}
#page h1 {
	color:#415a54;
	font-weight:bold;
	margin-bottom:1em;
}
#page h2 {
	border-bottom:2px solid #60857d;
	color:#415a54;
	font-weight:bold;
}
#page a.doc, 
#page a.pdf {
	background:url(../images/logos/pdf.png) no-repeat 50% 0 transparent;
	color:#333;
	display:inline-block;
	font-size:100%;
	font-weight:normal;
	line-height:90%;
	margin-top:0;
	padding:70px 0 0 0;
	text-align:center;
	text-decoration:none;
	width:100px;
}
#page a.doc {
	background:url(../images/logos/word.png) no-repeat 50% 0 transparent;
}
#content .image {
	border:0;
	padding:0;
} 
#content .image .legend {
	font-size:90%;
	font-style:normal;
	margin:0;
	text-align:center;
}
#page .image .legend {
	background-color:#415a54;
} 
.button, input[type="submit"] {
	background-color:#60857d;
	border:2px solid #415a54;
}
.button:hover, input[type ="submit"]:hover {
	background-color:#415a54;
	border:2px solid #60857d;
	color:white;
}

/*
 * pages structure
 */
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background:#E6EDEC url("../images/bg-body.png") repeat-x fixed 0 100%;
}
#body {
	background:transparent url("../images/header-visual.jpg") no-repeat 51% 4px;
	height: auto !important;	
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}
#home-page #body {
	background:transparent url("../images/header-visual-home.jpg") no-repeat 50% -40px;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

#header {
	height:145px;
	padding-top:30px;
}
#header .title {
	background: transparent url(../images/logos/crie-namur.png) no-repeat 22px 35px;
	height:150px;
	position:relative;
	width:320px;
}
#header .title h1 {
	height:130px;
	left:0;
	margin:0;
	position:absolute;
	text-indent:-10000px;	
	top:13px;
	width:100%;
	z-index:20;
} 

#header .title h1 a {
	display:block;
	height:100%;
	outline:none;
	width:100%;
}

#header .title h2 {
	display:none;
} 

#header #utils {
	color: #60857d;
	font-size: 90%;
	left:120px;
	position: absolute;
	text-align: right;
	top: -5px;
	z-index:30;
}
#header #utils a {
	color: #60857d;
	display:inline-block;
	padding:10px
}
#header #utils a.selected {
	color:#415a54;
}
#header #utils .separator {
	border-left:1px solid #60857d;
	bottom:-0.2em;
	display:inline-block;
	height:1em;
	position:relative;
}
#header .contact {
	position:absolute;
/*	right:0;*/
	left:785px;
	top:30px;
}
#header .contact .more {
	background: #60857d;
	float:right;
	font-size:85%;
	margin:0 15px 0 0;
}
#header .contact .more a {
	background: transparent url(../images/bullet-arrows.png) no-repeat 9px 4px;
	color:white;
	display:block;
	padding:3px 8px 5px 30px;
	text-decoration:none;
}
#header .contact .more a:hover {
	background-position: 9px -84px;
	color:black;
}
#header .contact .content {
	background:white;
    border:#60857d 2px solid;
	padding:7px 10px;
	width:190px;
	z-index:20;
}
#header .contact .content h2 {
	background: transparent url(../images/header-contact-title-bg.png) no-repeat 0 0;
	color:#60857D;
	height:28px;
	margin:0;
	padding:2px 0 0 10px;
	position:absolute;
	right:15px;
	top:-20px;	
	width:80px;
	z-index:101;
}
#header .contact .content p {
	background: transparent url(../images/logos/stones-small-gray.png) no-repeat 95% 25%;
	color:#24322f;
	line-height:120%;
	margin:0;
}
#header .contact .content a {
	text-decoration:underline;
}
#topnav ul {
	margin:0;
}
#topnav li {
	display:none;
}
#topnav .selected {
	background:transparent url(../images/titles-bg.png) no-repeat 0 -203px;
	color:white;
	display:block;
	font-size:200%;
	height:50px;
	left:421px; 
	min-width:210px;
	padding:7px 0 0 20px;
	position:absolute;
	top:85px;
	z-index:101;
}
#topnav .selected a {
	color:white;
}
#topnav .selected a:hover {
	color:black;
	text-decoration:none;
}


/* main content zone */
#content {
/*    background: transparent url(../images/column-border3.png) repeat-y 80% 0; */
}
#content a {
	color:#0088aa;
	text-decoration:underline;
}
#content.wide {
	background:none;
}
#content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#page, #localnav {
	background-color:white;
	border:2px solid #60857d;
}
#page {
	padding:20px 25px;
	width:700px;
}

/* locanav */
#localnav {
	margin-top:20px;
	padding:5px 25px 2px 25px;
	position:relative;
	width:172px;
}
#localnav h2 {
	background:transparent url(../images/localnav-titles-bg.png) no-repeat 0 -127px;
	color:white;
	display:block;
	font-size:120%;
	height:35px;
	min-width:150px;
	padding:7px 0 0 15px;
	position:absolute;
	top:-38px;
	z-index:101;
}

/* local nav list */
#localnav ul {
	padding-left:0;
}
#localnav ul ul {
	padding-left:11px;
}
/* stop indenting at a certain level */
#localnav ul ul ul ul ul ul {
	padding-left:0;
}

/* hide children of other pages than current */
#localnav ul ul {
	display:none;
}
#localnav .active > ul {
	display:block;
}
/* local nav items */
#localnav li {
	list-style: none;
	margin-bottom:0.8em;
	text-indent:0;
}
#localnav li.selected {
/*	display:none;
 * 
 */
}
#localnav li li {
	font-size:90%;
}
#localnav li li li {
	font-size:100%;
}
#localnav li a {
	background: transparent url(../images/bullet-arrows.png) no-repeat 0 -261px;
	color: #415a54;
	display: block;
	font-size: 110%;
	letter-spacing: -1px;
	padding-left: 21px;
	text-decoration:none;
}



/* items on the tree */
/*#localnav li a:hover,
#localnav li.active > a, 
#localnav li.haschildren.active > a:hover {
	background-position:0 -74px;
	color: #006680;
	text-decoration: none;
}
*/
#localnav li.selected a, 
#localnav li a:hover {
	background-position:0 -85px;
	color: black;
}

/* system that shows wether a page has children or not */
/*#localnav li.haschildren > a:hover {
	background-position:0 -113px;
}
*/
/*

#footer {
	bottom: 0 !important;
	bottom: -1px;
	color:#60857D;
	font-size:80%;
	height: 20px;
	left: 0;
	margin-left: 0;
	padding: 0;
	position: absolute;
	text-align:center;
	width: 100%;
	z-index: 50;
}
#footer p {
	margin:0;
}
#footer a {
	color:#60857D;
}
*/

#footer {
	color:#60857D;
	font-size:80%;
  position:relative;
  text-align:center;
}

#footer a.siteby {
	bottom: 5px;
	color:#60857D;
	position: absolute;
	right: 20px;

}

#footer .siteby:hover {
	color: #1a1a1a;
}

/* home page */
#home-page #header {
	height:170px;
}
#home-page #topnav {
	display:none;
}
#home-page #content {
	font-size:90%;
	position:relative;
	z-index:100;
}
#home-page #content .column {
	background:white;
	border:2px solid #668000;
	padding:22px;
	width:272px;
}
#home-page #content h1 {
	background:transparent url(../images/home-titles-bg.png) no-repeat 0 -77px;
	color:white;
	font-size:170%;
	height:35px; 
	margin:-54px 0 0 -24px;
	min-width:240px;
	padding:9px 0 0 20px;
	position:absolute;
	z-index:101;
}
#home-page #content h1 a {
	color:white;
	text-decoration:none;
}
#home-page #content h1 a:hover {
	color:black;
	text-decoration:none;
}
#home-page #content h2 {
	font-weight:bold;
	margin:0;
}
#home-page #content h3 {
	color:#666;
	font-size:110%;
	font-style:italic;
	font-weight:normal;
	margin:0;
}
#home-page .column .more {
	bottom:-36px;
	font-size:95%;
	position:absolute;
	right:12px;
}
#home-page .column .more a {
	background: transparent url(../images/bullet-arrows.png) no-repeat 9px 4px;
	color:white;
display:block;
	padding:3px 8px 5px 30px;
	text-decoration:none;
}
#home-page .column .more a:hover {
	background-position: 9px -84px;
	color:black;
}

/* home news */
#home-page #content .column.first {
	border-color:#d45500;
	margin-top:36px;
}
#home-page #content .column.first h1 {
	background-position:0 0;
}
#home-page .column.first h2 {
	color:#c14e00;
	margin-top:0;
}
#home-page .column.first h2 a {
	color:#c14e00;
	text-decoration:none;
}
#home-page .column.first h2 a:hover {
	text-decoration:underline;
}
/*
#home-page .column.first .date {
	background:none;
	display:block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-style:italic;
	margin-left:0;
	padding-left:0;
}
*/
#home-page .column.first .date .minutes {
	display:none;
}
#home-page .column.first .title {
	font-size:100%;
	font-weight:bold;
}
#home-page #blog-navigation {
	font-family:Georgia, serif;
	font-size:170%;
	font-weight:bold;
	left:120px;
	margin:0;
	position:absolute;
	top:-21px;
	z-index:102;
}
#home-page #blog-navigation a {
	background:transparent url(../images/home-blog-nav.png) no-repeat 60% 100%;
	color:#9a9a9a;
	display:inline-block;
	list-style:none;
	margin:0;
	padding:3px 9px;
	text-decoration:none;
}

#home-page #blog-navigation a:hover, 
#home-page #blog-navigation .activeSlide {
	background-position:60% 3px;
	color:#c14e00;
	text-decoration:none;
}
#home-page .column.first .more {
background-color:#d45500;
padding:0;
}

/* home activities */
#home-page #content .column.middle {
	margin-top:12px;
}
#home-page #content .column.middle h2 {
	color:#668000;
}
#home-page .column.middle p {
	margin-top:0;
	padding-top:9px;
}
#home-page .activities-top {
	bottom:-22px;
	margin:0 -22px;
	padding:0;
	position:relative;
}
#home-page .activities-top li {
	background-color:transparent;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-top:#668000 2px solid;
	float:left;
	height:69px;
	list-style:none;
	margin:0;
	position:relative;
	width:157px;
}
#home-page .activities-top .item2, 
#home-page .activities-top .item4 {
	border-left:#668000 2px solid;
}
#home-page .activities-top a {
	bottom:0;
	color:white;
	display:block;
	height:100%;
	text-align:center;
	text-decoration:none;
	width:100%;
}
#home-page .activities-top span {
	background-color:#668000;
	display:none;
	left:0;
	position:absolute;
}
#home-page .activities-top .selected span {
	display:block;
}
#home-page .activities-top .item1 span, 
#home-page .activities-top .item3 span {
	left:auto;
	right:0;
}
#home-page .activities-top .item1 span, 
#home-page .activities-top .item2 span {
	bottom:0;
}
#home-page .column.middle .more {
background-color:#668000;
padding:0;
}

/* home à propos d'empreintes */
#home-page #content .column.last {
	border-color:#60857d;
}
#home-page #content .column.last h1 {
	background-position:5px -153px;
	padding-left:22px;
}
#home-page .column.last h2 {
	color:#60857d;
}
#home-page .column.last p {
	margin-top:0;
	padding-top:9px;
}
#home-page .column.last .more {
	background-color:#60857d;
padding:0;
}
#home-page .column.last .template.cycle a {
	text-decoration:none;
}
#home-page .column.last .template.cycle a .marker.external {
	display:none;
}
/* activities templates */
.activities-search form {
	margin:0.5em 0 0 0;
}
.activities-search label {
	display:inline-block;
	text-align:right;
	width:50px;	
}
.activities-search select {
	background:transparent url(../images/home-field-bg.png) repeat-x 0 0;
	border:#999999 solid 1px;
	color:#222;
/*	display:inline-block; */
	font-size:110%;
	width:175px;	
}
.activities-search select option {
	background-color:white;
}
.activities-search .button {
	background:transparent url(../images/home-green-button.png) no-repeat 50% 50%;
	border:0;
	color:white;
	margin-left:5px;
	padding:2px;
}
.activities-search .button:hover {
	background-color:transparent;
	border:0;
}



/* activities */
.family-activites #topnav .selected {
	background-position:0 -103px;
	padding-left:8px;
}
.family-activites #page, .family-activites #localnav {
	border-color:#668000;
}
.family-activites #localnav h2 {
	background-position:0 -59px;
}
.family-activites #localnav li a {
	background-position:0 -173px;
	color:#3b4a00;
}
.family-activites #localnav li a:hover {
	background-position:0 -85px;
	color: black;
}
.family-activites #content h1 {
	color:#3b4a00;
}
.family-activites #page h2 {
	border-color:#668000;
	color:#3b4a00;
}
.family-activites #page .lightbox .image {
	border:1px solid #668000;
	padding:5px;
}
.family-activites #page .lightbox .image .legend {
	background-color:#668000;
	margin:5px -5px -5px -5px;
	text-align:center;
}
/* activities list */
#activites-page #page {
	background-color:transparent;
	border:0;
	padding:0;
	width:100%;
}
#activites-page #localnav {
	display:none;
}
#activites-page #content .block .all {
	float:right;
}

#activites-page #content .sort {
	float:right;
	width:563px;
}
#activites-page #content .sort em {
	color:#656565;
	padding-right:20px;
}
#activites-page #content .sort strong {
	display:inline-block;
	width:116px;
}
#activites-page #content .sort strong.theme {
	width:150px;
}
#activites-page #content .sort strong.type {
	width:90px;
}
#activites-page #content .sort a {
	background:transparent url(../images/sort-arrows.png) no-repeat 100% 5px;
	color:#333;
	font-size:110%;
	font-weight:normal;
	padding-right:13px;
	text-decoration:none;
}
#activites-page #content .sort a:hover, 
#activites-page #content .sort a.active {
	background-position:100% -35px;
	color:black;
}
#activites-page #content .sort a.active.ascending {
	background-position:100% -54px;
}

#activites-page #content .table {
	clear:both;
	margin-top:1em;
}
#activites-page #content .item {
	background-color:white;
	border:2px solid #668000;
	color:#3b4a00;
	margin-bottom:1em;
	padding:10px 0;
}
#activites-page #content .item:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#activites-page #content .item.even {
	background-color:#668000;
	border-color:#3b4a00;
	color:white;
}
#activites-page #content .item .sub {
	float:left;
	padding:0 10px;
}
#activites-page #content .item .title {
	border:none;
	font-size:110%;
	margin:0;
	text-align:center;
	width:11%;
}
#activites-page #content .item .title a {
	color:#3b4a00;
	text-decoration:none;
}
#activites-page #content .item.even .title a {
	color:white;
}
#activites-page #content .item .image {
	border:0;
	text-align:center;
}
#activites-page #content .item .desc {
	width:34%;
}
#activites-page #content .item .theme, 
#activites-page #content .item .public, 
#activites-page #content .item .type {
	font-weight:bold;
}
#activites-page #content .item .theme {
	width:13%;
}
#activites-page #content .item .public {
	width:10%;
}
#activites-page #content .item .type {
	padding-right:0;
	width:9%;
}


/* sitemap, search */
#plan-du-site-page #content a, 
#recherche-page #content a {
	text-decoration:none;
}
#plan-du-site-page #content a:hover, 
#recherche-page #content a:hover {
	text-decoration:underline;
}

/* search */
#recherche-page #content form {
	font-size:150%;
}

.family-actualites #topnav .selected {
	background-position:0 0;
}