/*            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('./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: #624100; text-decoration: underline; }
a:visited:hover{ color: #ae9a75; text-decoration: underline; }


/******************************* BANNER *******************************/
#banner{
margin: 3% 3% 1% 3%; padding: 5px; background: url('./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;
}


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

#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('./menu_content.png');
}

/******************************* CONTENT *******************************/
#content{
margin: 0% 0% 0% 0%; padding: 0px 0% 0 0%; float: right; border: solid 0px #624100; text-align: justify;
width: 100%;
}

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

#content p{
}

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

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

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

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

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

#content .block{
clear: right;
}

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

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

#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; }


/******************************* NO_BANNER_CONTENT *******************************/
#no_banner_content{
background: url('./content_content.png'); text-align: justify; border: 2px solid #624100; margin: 20px; padding: 10px;
}

#no_banner_content h4{
margin: 0 0 5px 0; padding: 0px; font-size: 2.5em; border: solid 0px #624100; text-align: center; color: #624100;
}

#no_banner_content h3{
margin: 0 0 5px 0; padding: 0px; font-size: 1.5em; border-bottom: solid 1px #FFA902; color: #FFA902;
}

#no_banner_content img{
border: solid 1px #624100; margin: 5px 5px 5px 5px;
}

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

#no_banner_content .labels{
margin: 0 3% 20px 3%; padding: 1%; border: solid #FFA902; border-width: 2px 5px 2px 5px; text-align: center;
}

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

#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;
}

/******************************* 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;
}
*/