/*            TODO
rajouter l'attribut fixed au background du body
*/

/* Used colours :
orange: #FFA902
dark red: #731414
brown: #624100
light brown: #ae9a75
*/


/******************************* BODY *******************************/
body {
margin: 0 0 0 0; background: url('./images/background.png') center repeat; font-family: 'Verdana', 'Bookman Old Style'; font-size: 14pt; color: #624100;
}

a:link{ color: #FFA902; text-decoration: none; }
a:hover{ color: #ae9a75; text-decoration: none; }
a:active{ color: #FFA902; text-decoration: none; }
a:active:hover{ color: #ae9a75; text-decoration: none; }
a:visited{ color: #FFA902; text-decoration: none; }
a:visited:hover{ color: #ae9a75; text-decoration: underline; }


/******************************* BANNER *******************************/
#banner{
margin: 3% 3% 1% 3%; padding: 5px; background: url('./images/banner.png'); border: solid 2px #624100; font-size: 2.5em; text-align: center; color: #624100; position: relative;
height: 110px;
}

#banner img{
margin: 0 0 0 3px; border: solid 1px #624100;
}

#banner a:link{ color: #624100; text-decoration: none; }
#banner a:hover{ color: #ae9a75; text-decoration: underline; }
#banner a:active{ color: #624100; text-decoration: none; }
#banner a:active:hover{ color: #ae9a75; text-decoration: underline; }
#banner a:visited{ color: #624100; text-decoration: none; }
#banner a:visited:hover{ color: #ae9a75; text-decoration: underline; }

#banner .options{
font-size: 0.3em; position: absolute; bottom: 5px; right: 10px;
}

/***************************** PAGE CONTAINER ***********************/
#page_container{
width: 94%;
margin: 0 3% 0 3%;
}

* html #page_container { /* IE HACK*/
width: 100%;
}

/******************************* MENU *******************************/
#menu{
margin: 0% 0% 3% 0%; float: left; font-size: 0.8em;
width: 24%;
}

#menu a:link{ color: #624100; text-decoration: underline; }
#menu a:hover{ color: #ae9a75; text-decoration: underline; }
#menu a:active{ color: #FFA902; text-decoration: underline; }
#menu a:active:hover{ color: #ae9a75; text-decoration: underline; }
#menu a:visited{ color: #624100; text-decoration: underline; }
#menu a:visited:hover{ color: #ae9a75; text-decoration: underline; }

#menu h2{
margin: 20px 0 5px 0; padding: 0px; font-size: 1.4em; border-bottom: solid 1px #FFA902; color: #FFA902;
}

#menu p{
margin: 0 0 10px 0;
}

#menu img{
margin: 0 5px 0 0;
}

#menu .active_menu{
color: #FFA902;
}

#menu .container{
margin:0 0 6% 0; padding: 0px 10% 20px 10%; border: solid 2px #624100; background: url('./images/menu_content.png');
}

/******************************* CONTENT *******************************/
#content{
margin: 0% 0% 1% 0%; padding: 20px 2% 20px 2%; float: right; border: solid 2px #624100; background: url('./images/content_content.png'); text-align: justify;
width: 70%;
}

* html #content { /* IE HACK*/
width: 74%;
}

#content img{
border: solid 1px #624100; margin: 5px 5px 5px 20px; float: right;
}

#content p{
}

#content h1{
margin: 0 0 5px 0; padding: 0px; font-size: 2.5em; border: solid 0px #624100; text-align: right; color: #624100;
}

#content h2{
margin: 10px 0 0 0; padding: 0px; font-size: 1.5em; border-bottom: solid 1px #FFA902; color: #FFA902;
}

#content h3{
font-size: 1.3em;
}

#content h4{
font-size: 1.2em; text-decoration: underline; color: #ae9a75;
}

#content li{
background: url('./images/bullet.png');
}

#content .block{
clear: right; display: block;
}

#content .adress{
margin: 0 0 20px 10%; padding-left: 1%; font-style: italic; border-left: 2px solid #FFA902; display: block;
}

#content .event{
margin: 0 10% 20px 10%; padding: 1%; border: solid #FFA902; border-width: 2px 5px 2px 5px; display: block;
}

#content .event a{
padding-left: 18px; border: none; background: url('./images/icons/mimetypes/pdf_16.png') no-repeat;
}

#content .date{
font-style: italic; color: #FFA902;
}

#content .place{
font-style: italic; color: #FFA902;
}

#content .event .comment{
margin-left: 20px; text-indent: 20px; font-style: italic;
}

#content .document{
margin: 0 7% 20px 7%; padding: 0 1% 1% 1%; border: solid #FFA902; border-width: 2px 5px 2px 5px;
}

#content .document img{
margin: 5px 5px 5px 20px; float: left; border: none;
}

#content .document .comment{
padding-left: 100px; font-style: italic;
}

#content .document .name{
border-top: solid #FFA902 1px; color:#FFA902;
}

#content .document h2{
font-size: 1.3em; text-align: center;
}

#content .zplayer{
margin: 15px 0 0 100px; border: 1px solid #624100; height:20px; width:200px; text-align: center;
}

#content .clear{
clear: both;
}

#content .event a:link{ color: #624100; text-decoration: none; }
#content .event a:hover{ color: #ae9a75; text-decoration: underline; }
#content .event a:active{ color: #FFA902; text-decoration: none; }
#content .event a:active:hover{ color: #ae9a75; text-decoration: underline; }
#content .event a:visited{ color: #624100; text-decoration: none; }
#content .event a:visited:hover{ color: #ae9a75; text-decoration: underline; }

#content .document a:link{ color: #624100; text-decoration: none; }
#content .document a:hover{ color: #ae9a75; text-decoration: underline; }
#content .document a:active{ color: #FFA902; text-decoration: none; }
#content .document a:active:hover{ color: #ae9a75; text-decoration: underline; }
#content .document a:visited{ color: #624100; text-decoration: none; }
#content .document a:visited:hover{ color: #ae9a75; text-decoration: underline; }


/******************************* FOOTER *******************************/
#footer{
margin: 0% 0% 3% 0%; padding: 5px 2% 5px 2%; float: right; border: solid 2px #624100; background: url('./images/content_content.png'); text-align: center; font-size: 0.7em; color: #624100;
width: 70%;
}

* html #footer { /* IE HACK*/
width: 74%;
}

#footer a:link{ color: #FFA902; text-decoration: none; }
#footer a:hover{ color: #ae9a75; text-decoration: underline; }
#footer a:active{ color: #FFA902; text-decoration: none; }
#footer a:active:hover{ color: #ae9a75; text-decoration: underline; }
#footer a:visited{ color: #FFA902; text-decoration: none; }
#footer a:visited:hover{ color: #ae9a75; text-decoration: underline; }

#bottom{
clear: both;
}

/******************************* NEWS *******************************/
.post_title, .post_date {
	border-bottom: 1px solid #FFA902;
	font-size: 0.7em;
}

.post_title {
margin: 0 0 5px 0; padding: 0px; font-size: 1.5em; border-bottom: solid 1px #FFA902; color: #FFA902; font-weight: bold; 
}
.post_title a:link{ color: #FFA902; text-decoration: none; }
.post_title a:hover{ color: #ae9a75; text-decoration: none; }
.post_title a:active{ color: #FFA902; text-decoration: none; }
.post_title a:active:hover{ color: #ae9a75; text-decoration: none; }
.post_title a:visited{ color: #FFA902; text-decoration: none; }
.post_title a:visited:hover{ color: #ae9a75; text-decoration: none; }

.post_date {
	text-align: right;
}

.post_short {
	text-align: justify;
	padding-bottom: 5px;
}

.comment_title {
	font-weight: bold;
}

.comment_text {
	font-weight: bold;
	background-color: #FDFDFD;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
}

.comment_title, .comment_text {
	border-left: 1px solid #DDDDDD;
}

.comment_info {
	text-align: right;
	border-right: 1px solid #DDDDDD;
}

.comment_title, .comment_info {
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}

.selected_group_title { 
	font-size: 14px;
	text-align: center;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}


/******************************* COLOURS *******************************
orange: #F1A61A
light orange: #FFC936
dark orange: #F17900
dark red: #800000
grey: #333333
***********************************************************************

#content .form{ font-style: italic; text-align: right; padding-right: 50px;
}

#content .info{ background: #FFFFFF; margin: 20px 0px 10px 90px; padding: 20px; border: solid 5px #FFC936; font-size: 1.8em; color: red;
}

#content .table{ padding-left: 200px;
}

#content .actions{ margin-left: 90px; padding-top: 5px;
}


/******************************* CONTENT_IMAGE *******************************
#content_image{ padding: 0px 30px 0px 20px;
}

#content_image p{ margin-top: 20px; margin-bottom: 20px; text-indent: 40px;
}

#content_image h3{ margin: 30px 0px -10px 110px; font-size: 2em; color: #800000; text-align: left;
}

#content_image img { margin: 5px 5px 5px 20px;
}

#content_image .up{ padding-top: 10px; margin-bottom: 5px; font-style: italic; font-size: 0.8em; clear: both; text-align: left;
}

#content_image .form{ font-style: italic; text-align: right; padding-right: 50px;
}

#content_image .info{ background: #FFFFFF; margin: 20px 0px 10px 90px; padding: 20px; border: solid 5px #FFC936; font-size: 1.8em; color: red;
}

#content_image .actions{ margin-left: 90px; padding-top: 5px;
}


/******************************* FOOTER *******************************
#footer{ padding-bottom: 5px; font-size:0.7em; border-top: 1px #FFFFFF solid; text-align: center;
}
*/