@charset "utf-8";
 
html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	/*overflow:hidden; /* hide browser's main scrollbar */
	font: .8em Arial,Tahoma,Verdana,Helvetica,sans-serif;
	
	/*background: url(images/white_christmas.gif) repeat;*/
	background-color:#F1F1D4; 
}

#main_container {
	width:auto;
	background-color:#F1F1D4; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	
	height:100%;	/* this will make sure that the height will extend at the bottom */
	/*overflow:auto;	/* will have a scrollbar at our content containier */
	/*position:absolute; /* container div must be absolute, for our fixed bar to work */
}

	#main_container .content_wrapper {
		margin-left:5px;
		margin-right:auto;
		width:95%;
		
	}
	
/*** Top menu ***/
.top_menu{
	background-color: #990000;
	height:25px;
	color:#F1F1D4;
	padding-top:5px;
}
.top_menu ul {
	margin-top:4px;
	list-style:none;
	font-weight:bold;
}
.top_menu li {
	display:inline;
}

.top_menu li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:9px;			
	padding-right:9px;
	font-size:14px;
}

.top_menu li a:link, .top_menu a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000000;
}

.top_menu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;

}

.logo{
	float:left; 
	width:360px;
	padding-left:1px;
}
.logo img{
	border:0px;
}
.logo a{

}

.logo a:link, .logo a:visited {

}

.logo a:hover {
	background-color:transparent;
}
.menu {
	
}
.slogan {
	color: #990000;
	font-size:14px;
	background:#F1F1D4;
	margin-top:5px;
	padding-left:5px;
}

/*** Left menu ***/

.sommaire{
	font-size:18px;
}

.left_menu{
	float:left;
	width:15%;

	background-color:#F1F1D4; 
}

.left_menu p {
margin: 1em 0;
}

.left_menu h2 {
font: bold 1.4em veradana, sans-serif;
/*margin: .8em 0 .2em 0;*/
}

.left_menu ul {
list-style: none;
margin: .4em 0 1em 0;
padding: 0;
}

.left_menu ul li ul {
margin: .2em 0 .4em .5em;
}

.left_menu a {
text-decoration: none;
font-weight: bold;
}

.right_section{
	
}

.right{
	text-align:right;
}
.middle_section{
	float:left;
	width:55%;
	padding-left:10px;
	padding-right:12px;
	font-size: 1.1em;
	line-height: 155%;
	background:#FFFFFF;
	min-height:700px;
	border: 3px solid #990000;
}

.middle_section h2 {
font-family: italic 2.1em georgia,"Times New Roman", Times, sans-serif;
margin: 5px 0;
letter-spacing: 1px;
}

.middle_section a {
text-decoration: none;
}

.middle_section h3 {
margin: .5em 0;
font-size: 1.4em;
}

.middle_section h4 {
font-size: 1.3em;
padding: 0;
}

.middle_section h5 {
font-size: 1.1em;
padding: 0;

}

.middle_section .flash {
	float: left;
}

.middle_section .posting-links {

}

.middle_section .posting-footer {
padding-bottom: 10px;
border-bottom: 1px solid #700000;
clear: left;
}

.middle_section a {
color: #990000;
}

.middle_section label {

/*display: block;*/

float: left;

width: 9em;

margin-bottom: 7px;

}



.middle_section input, 
.middle_section textarea {

width: 320px;

margin-bottom: 7px;

}

#s{
	border: 1px solid #990000;	
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}
/*
input#author, input#email, input#url, input#commentspam, input#commentfile, textarea#comment{
	border: 1px solid #cbb945;
	background-color: #fffadb;
	padding: 3px;
}

input#author, input#email, input#url, input#commentspam, input#commentfile {
	margin: 0 5px 0 0;
}
*/
/* COMMENTS TEMPLATE */
.post{
	padding: 9px 16px 15px;
	line-height: 18px;
}
.post h3#comments, .post h3#respond{
	padding: 0 0 2px 19px;
	line-height: 27px;
	background: url(images/user_comment.gif) no-repeat 0 6px;
	color: #e45b00;
}

.post h3#respond{
	background: url(images/add_comment.gif) no-repeat 0 6px;
	color: #333;
}

ol.commentlist{
	margin: 0 0 11px;
	padding:0;
	list-style: none;
}

ol.commentlist li{
	padding: 13px 0;
	background: url(images/bg_comment_bottom.gif) no-repeat left bottom;
}

ol.commentlist li .commentmetadata{
	font-size: 11px;
	color: #546477;
}

ol.commentlist li .commentmetadata a{
	color: #546477;
}

form#commentform small{
	font-size: 11px;
}
ol li.alt  {
	background: #EFFBFF;
}


/*** Comment form ***/
#comment_form ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#comment_form li {
	margin: 0 0 5px 0;
	padding: 10px;
	padding-bottom:20px;
	background: #CCCC66;
}
#comment_form label {
	margin: 0;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 10px 2px 0;
}
#comment_form textarea {
	width: 222px;
	padding: 2px;
	height: 80px;
}
#comment_form textarea:focus{
	background : #ffff99;
	border: 1px solid #0e1f5b;
}
#comment_form input {
	width: 222px;
	padding: 2px;
	margin: 0;
}
#comment_form input:focus{
	background : #ffff99;
	border: 1px solid #0e1f5b;
}
#comment_form li.buttons{
	height: 20px;
}
#comment_form li.buttons input {
	padding: 4px;
	float: right;
	margin: 0 0 0 5px;
	width: auto;
	border: 1px solid #999;
}
#comment_form li.buttons input:focus {

	border: 1px solid #0e1f5b;
}
#prevnext {

text-align: center;

}

#content textarea {

height: 130px;

}
small{
	font-size: 10px;
}



#buttons {

margin-top: 20px;

}

#buttons input{

width:222px;

}

#prevnext {

text-align: center;

}



img.rss {

vertical-align: middle;

margin-bottom: 0.2em;

}



.hidethis {

text-indent: -999em;

}
/*--------tag weights------------*/

.tagweight1 a {
   font-size : 100%;
   text-decoration:none;
 }
.tagweight2 a {
   font-size : 100%;
   font-weight : bold;
   text-decoration:none;
 }
 .tagweight3 a {
   font-size : 150%;
   font-weight : bold;
   text-decoration:none;
 }
 .tagweight4 a{
   font-size : 150%;
   font-weight : bold;
   text-decoration:none;   
 }
.tagweight5 a{
    font-size : 180%;
    font-weight : bold;
	text-decoration:none;
}

.tagweight1 a:hover{
    font-size : 100%;
	text-decoration:underline;
}

.tagweight2 a:hover{
    font-size : 100%;
    font-weight : bold;
	text-decoration:underline;
}

.tagweight3 a:hover{
    font-size : 150%;
    font-weight : bold;
	text-decoration:underline;
}

.tagweight4 a:hover{
    font-size : 150%;
    font-weight : bold;
	text-decoration:underline;
}

.tagweight5 a:hover{
    font-size : 180%;
    font-weight : bold;
	text-decoration:underline;
}

.right_menu{
	float:right;
	width:26%;
	/*padding-left:10px;
	padding-right:10px;*/
	background: #F1F1D4;
}
.clear{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

/*** ***/
a {
	color: #990000;
}

a:hover {
color: #000;
text-decoration: underline;
}

hr {
display: none;
}

p{
	text-align: justify;
}

img {
border: none;
}

a img {
vertical-align: -1px;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #eee;
font-style: normal;
}

blockquote {
border-left: 5px solid #320000;
background: #600000;
width: 470px;
}

code, pre {
color: #f93;
font-family: verdana, sans-serif;
}

dt {
font-weight: bold;
}

dd {
}

.directeur{
	background:#ddd;
	padding-left:4px;
	width:160px;
}

.bild-links {
float: left;
}

.bild-rechts {
float: right;
}

.center {
text-align: center;
}

/* Footer */
#footer {
	clear: both;
	margin: 3em 15px 0 15px;
	padding: 5px;
	padding-bottom: 0;
	text-align: center;
	font-size: .8em;
}

/*** Comments ***/
ol#commentlist div {



}

ol#commentlist li {



}


#felder {



}

/*** Google Map ***/
.googlemap {
	width: auto; 
	height: 300px; 
	color:#000000;
}

.googlemap h2,h3{
	color:#990000;
}

/*** JQUERY TABS ***/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#meteo{
	margin-left:-15px;
}

.countdown {
	color:#990000;
	font-weight:bold;
	font-size: 14pt;
}