/*++++++++++++++++++  dokument adjust   +++++++++++++-*/
body
{
margin: 0px; /*objekte auf 0 setzen*/
padding: 0px; /*objekte auf 0 setzen*/
width: 100%;
height: 100%;
background-color: #FFFFFF;
background-image: url("../pic/logo.jpg");
background-repeat: repeat-y;
}

/*+++++++++++++++++++++  head area   ++++++++++++++++-*/
/*Logo Banner*/
.logo {
position:absolute;
z-index:100;
overflow: hidden;
top: 0; 
left: 0;
width: 160px; 
height: 190px;
border-bottom: 1px solid white; 
border-right: 1px solid #FFFFFF;
}

.bannerBg {
	z-index: 1;
	position: absolute;
	top:0;
	left:0;
	height: 190px;
	width: 190px;
	background-color: #7A9FBC;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	background-image: url(../flash/animfin.swf);
}

.bannerBox {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 160px;
	height: 190px;
	width: 635px;
	background-color: #D2EFF7;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	background-image: url(../flash/animfin.swf);
}

.flashBox {
	z-index: 3;
	position: absolute;
	overflow: hidden;
	top:0;
	left: 160px;
	height: 190px;
	width: 635px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

/* +++++++++++++++++++++ head-Main-Links++++++++++++++++-*/

.rectML1 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 242px; 
border: 1px solid #FFFFFF; 

height: 44px;
width: 86px; 
voice-family: "\"}\"";
voice-family: inherit;
height: 42px;
width: 84px;
}

html>body .rectML1 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML2 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 327px; 
border: 1px solid #FFFFFF; 

height: 44px; 
width: 86px;
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML2 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML3 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 412px; 
border: 1px solid #FFFFFF; 

height: 44px; 
width: 86px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML3 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML4 {
z-index: 4;
position: absolute; 
top: 147px; 
left:  497px; 
border: 1px solid #FFFFFF; 

width: 86px; 
height: 44px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML4 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML5 {
z-index: 4;
position: absolute; 
top: 147px; 
left:  582px; 
border-top: 1px solid #FFFFFF; 

width: 228px; 
height: 44px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 226px;
height: 42px;
}

html>body .rectML5 {
width: 226px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.posML1 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 250px; 
text-align: right; 
}

.posML2 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 335px;
text-align: right; 
}

.posML3 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 419px; 
text-align: right; 
}

.posML4 {
	z-index: 5;
	position: absolute;
	width: 72px;
	height: 52px;
	top: 154px;
	left: 505px;
	text-align: right;
}

a.ML {
z-index: 5;
text-decoration: none; 
font-family: "Trebuchet MS", sans serif; 
font-weight: bold; 
font-size: 11px; 
color: #FFFFFF; 
line-height: 11px;
text-transform: uppercase; 
}
a.ML:hover {
	z-index: 5;
	color: #003333;
	font-weight: bold;
}


/* +++++++++++++++++++++ brownie++++++++++++++++- */

.brownie {
	position: absolute;
	z-index: 6;
	overflow: hidden;
	top:0;
	left: 795px;
	width: 180px;
	height: 190px;
	background-color: #6B9198;
	border-bottom: 1px solid 6B9198;
	border-left: 1px solid 6B9198;
	background-image: url(../flash/flashboxon_2.png);
}

.searchBox {
	position: absolute;
	top: 148px;
	left: 0px;
	width: 180px;
	height: 50px;
	background-image:url(../pic/fond_searchbox.png);
	border-top:1px solid #EEEEEE;
}

.languageBox { 
position: absolute; 
top: 30px;
left: 0; 
width: 110px; 
height: 40px; 
border-top: 1px solid 6B9198;  
border-right: 1px solid 6B9198;
border-bottom: 1px solid 6B9198;
}

.languageText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

.field {
height: 12px;
width: 99px;
margin-left: 7px;
margin-top: 11px;
border: 3px solid #E7D275;
background-color:  #BCD5DD;

font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

/*+++++++++++++++++++++++++++++++++++left area+++++++++++++++++++++++++++++++++++*/
/*+++++++++++content links def ++++++++++++++*/

.leftArea {
position: absolute;
overflow: hidden;
z-index: 5;
top: 0px;
left: 0px;
width: 160px;
background-color: #BFD8DD;
}


.linkBox {
	margin: 210px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #BFD8DD;
	color: #FFFFFF;
	text-align: left;
}

.rubrikBox {
	margin: 5px -2px 0px -6px;
	color: #FFFFFF;
	background-color: #CFE1EF;
	text-indent: 10pt;
}

.rubrik {
	overflow: hidden;
margin: 5px 0px 0px 3px;
	border-top: 1px solid #FFF;
	
	border-bottom: 1px solid #FFF;
		
	background-color: #96C4C9;
	font-size: 9px;
	line-height: 30px;
	color: #FFFFFF;
	left: 10px;
	top: 6px;
	right: 3px;
	bottom: 2px;
	text-indent: 6pt;
}

.subRubrik {
	white-space: nowrap;
	overflow: hidden;
	margin: -1px 0px;

	border-top: 1px solid #FFF;
	border-right: 0px;
	border-bottom: 1px solid #FFF;
	border-left: 0px;
	background-color: #CFE1EF;
	line-height: 25px;
	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
/*white-space: nowrap;*/

}

.rubrikBox a {
	color: #02464E;
	padding: 0px;
	text-decoration: none;
	background-position: 0px 0px;
	display: block;
	white-space: nowrap;
	width: 160px;
}
.subRubrik a:hover {
	color: #02464E;
	background-image: url(../pic/yellow.gif);
	display: block;
	width: 100%;
}	
.rubrikBox a:hover {
	color: #02464E;
	background-image: url(../pic/yellow.gif);
	display: block;
	width: 100%;
	
}

/*+++++++++++content sublinks def ++++++++++++++*/

.localLinkBox {
	margin: 30px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	border-top: 3px solid #FFF;
	border-right: 0px;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
	font-family: "Trebuchet MS", "sans serif";
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	color: #FFFFFF;
}

.localRubrikBox {
margin: 0px 0px 0px 0px;
}

.localRubrik {
padding: 2px 3px 1px 3px;
background-color: #57849C;
font-size: 10px;
line-height: 25px;
color: #FFFFFF;
}

.localSubRubrik {
padding: 3px 3px 3px 3px;
border-top: 1px solid #FFF;
border-right: 0px;
border-bottom: 3px dotted #EFEFEF;
border-left: 0px;
background-color: #FFF;
line-height: 16px;
font-size: 10px;
color: #57849C;
}

.localRubrikBox a {
color: #57849C;
}
.localRubrikBox a:hover {
	color: #000000;
}
.texteBasGauche {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
padding: 3px 3px 3px 3px;
border-bottom: 3px dotted #EFEFEF;
}

/*++++++++++++++++++++++++++++++++ content area def +++++++++++++++++++++++++++*/

/*Text*/


.texte, .texte p.spip {
	font-family: Verdana, Arial, sans-serif;
	text-align: justify;
	font-size: 9pt;
	text-transform: none;
	color: #000;
}


/*Headlines:*/


.chapo {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
	margin-top: 0.7em; 
}


.titre {
	font-size: 20px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	line-height: 160%;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #02464E;
}



.surtitre {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase; 
	color: #8B98A4;
}


strong {
	font-weight: bold;
}


h3.spip, .texte h3 {
	font-family: Verdana, Arial, sans-serif;
	color: #02464E;
	*font-weight: normal;
	font-weight: bold;
	font-size: 120%;
	margin-top : 40px;
	margin-bottom  15px;
	text-align: left;
	text-transform: uppercase; 
}

h4.spip, .texte h4 {
	margin-top : 30px;
	font-family: Verdana,Arial, sans-serif;
	*font-weight: normal;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	text-transform: none;
	color: #02464E;
}


h5.spip, .texte h5 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}


.newsTitle {
font-size: 14px;
font-weight: bold;
*font-weight: normal;
font-family: Verdana, sans-serif;
line-height: 140%;
text-transform: uppercase;
margin-bottom: 10px;
color: #555;
}

.news .surtitre {
color: #555;
}



.cont {
	top: 0;
	left: 0;
	width: 595px;
	margin-left: 162px;
	padding: 217px 10px 0px;
	voice-family: "\";
}\"";
voice-family: inherit;
padding: 235px 20px 0px 25px;
width: 580px;
margin-left: 160px;
}

html>body .cont {
padding: 235px 20px 0px 25px;
width: 580px;
margin-left: 160px;
} 


/*+++++++++++++++++++++++++++++++right area def++++++++++++++++++++++++++++++++*/

.rightArea {
position: absolute;
clear: left;
top: 192px;
left: 796px;
margin: 0px;
padding: 0px;
width: 180px; 
height: 453px;
background-color: #DCE8F4;
}

/*+++++++++++++++++Menu Lang & Formulaires++++++++++++++*/
.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
.spip_bouton {
	border: 2px solid #404040;
	padding: 2px;
	background: #d0d0d0;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}


/*+++++++++++++++++search++++++++++++++*/
form.formrecherche { 
	margin-top: 0px;
	margin-bottom: 0px;
	
}

input.formrecherche {
	font-size: 11px;
	height: 14px;
	width: 99px;
	margin: 10px 0px 0px 5px;
	border: 0px;
	padding: 3px 3px 3px 3px;
	background-color: #BCD5DD;
}

/*+++++++++++++++++calendar++++++++++++++*/


.calArea {
	table-layout: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	border-spacing:1px;
	border-collapse: collapse;
	text-align: center;
	color: #02464E;
	position: absolute;
	top: -1px;
	left: 1px;
	width: 176px;
	height: 240px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #BCD5DD;
	border-top: 0 #CCCCCC;
	border-left: 0 #CCCCCC;
	padding-top:7px;
}

/*la case comportant le mois tout en haut*/
.calendrier-mois {
	padding: 7px 0px 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #02464E;
	text-transform: uppercase;
	background-color: #96C4C9;
}

   

/*les cases L M M J V S D*/
.calendrier-semaine {
background-color: #CFE1EF;
font-weight: bold;
color: #02464E;
/*height: 12px;*/
}

td.cal {
	width: 10px;
	background-color: #CFE1EF;
/*height: 10px;*/
}
/*case d'un jour de la semaine*/
.weekday
{}
/*case de week-end*/
.weekendday { 
color: #02464E;
background-color: #F2F2F2;
}

.today { 
width: 13px;
padding: 1px;
text-align : center;
color: #02464E;
background-color: #FFFFFF;
}

/*case active en semaine*/
.activeday {
background-color: #BC9901;
}

/*case active en week-end*/
.activeweekendday {
background-color: #BC9901;
}

/*case des jours des autres mois*/
.outday {
	background-color: #CFE1EF;
	color: #02464E;

}
           
/*+++++++++++++++++++news+++++++++++++++*/
.newsArea {
	position: absolute;
	overflow: hidden;
	top: 250px;
	left: 0px;
	height: 208px;
	margin-top: 10px;
	background-color: #F5F5F5;
	width: 180px;
}

.picNews {
overflow: hidden;
text-align:center;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.picNews img { border:0px;}

.newsHead {
padding: 7px 0px 4px 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #555;
text-transform: uppercase;
}

.newsTxt {
margin: 6px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
color: #02464E;
}

.newsDate {
font-weight: bold;
}

.newsHead a, .newsTxt a { 
text-decoration: none; color: #02464E;
}

.newsHead a:hover, .newsTxt a:hover {
color: #8FB1BF;
}

/*+++++++++++ history ++++++++++++++*/

.history {
width: 540px;
font-family: Arial, "sans serif";
font-size: 10px;
margin-right: 0;
color: #555555;
position: absolute;
left: 242px;
top: 198px;
}

.history a { 
text-decoration: none; color: #555555; 
}

.history a:hover { 
color: #02464E; 
}

/*+++++++++++++++++++ footer definitions++++++++++++++++*/

.foot {
z-index: 100;
position: relative;
left: 210px;
height: 20px;
width: 530px;
margin-top: 35px;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 4px;

font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
text-align: center;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;

voice-family: "\"}\"";
voice-family: inherit;
padding-bottom: 0px;

}

html>body .foot {
padding-bottom: 0px;
} 

.foot a { text-decoration: none; color: #000000}
.foot a:hover { color: #02464E; }

.fin{
z-index:110;
position: relative;

left: 210px;
height: 60px;
width: 530px;
margin-bottom: 5px;


font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
text-align: center;

}







/*+++++++++++++++++++ added elements++++++++++++++++*/

/*+++++++++++++++++++ inline line++++++++++++++++*/

.line {
z-index: 100;
position: relative;
text-align: left;
height: 5px;
margin-left: 80px;
margin-right: 13%;
margin-top: 20px;
margin-bottom: 15px;
font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
border-top: 1px dotted #000000;
}

/*+++++++++++++++++++ map++++++++++++++++*/


.map {

min-height: 50px;
margin: 20px 0px 20px 100px;
text-align: left;
font-size: 14px;
font-weight: bold;
font-family: Verdana; sans-serif; 
color: #9CADA9;
text-transform: uppercase;
line-height: 200%;
}

.map ul {
	list-style-type: square;
	list-style-image: url("../pic/puce-grey");
}

.map ul li li {
font-size: 90%;
line-height: 150%;
}

.map ul a {
color: #94B8B8;
}

.map ul a:hover {
color: #02464E; 
}

/*+++++++++++++++++++news logo at news-page++++++++++++++++*/

.news {
overflow:hidden; /* for mozilla*/
margin: 0px 0px 25px 0px;
clear: left; /*for IE*/
}

.logoNews {
overflow: hidden;
width: 118px;
height: 85px;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 0px 0px 0px;
}

/*+++++++++++++++++++ search++++++++++++++++*/

.res {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
font-size: 100%;
font-weight: normal;
font-family: Verdana; sans-serif; 
color: #000;
text-transform: uppercase;
line-height: 200%;
/*border: 1px solid red;*/
}

.res ul {
list-style-type: square;
list-style-image: url("../pic/puce-grey");

}

.res ul li {
font-size: 90%;
line-height: 150%;
}

.res ul p {
font-size: 90%;
line-height: 130%;
margin-top: 3px;
margin-bottom: 10px;
text-transform: none;
color: #000;
}

.res ul a {
color: #555;
}

.res ul a:hover {
color: #009999; 
}