body {
	margin:0;
	font-size:101%;
	background:url('images/bg-body.png') repeat-x #2F6171;
	font-family:Arial, Verdana, sans-serif;
	overflow: visible;
	}
a img  {
	border:1px solid #2F6171;
	}
.cb {
	clear:both;
	}

div.publish {
/*
	display: inline;
	font-weight: normal;
	font-size:12px;
*/
	font-size:0.8em;
	

	margin-top:0px;
	margin-bottom:15px;
	padding:0;
	text-align: right;
	float: right;
	}

#body-container {
	text-align:left;
	width:770px;
	margin:0px auto;
	}
#header-container {
	width:770px;
	height:200px;
	margin:0px auto;
	background:url('images/bg-header.jpg') no-repeat;
	}
	#logo {
		float:left;
		width:184px;
		height:200px;
		background:url('images/logo.gif') no-repeat left bottom;
		}
	#logo a {
		display:block;
		width:184px;
		height:200px;
		}

	#header-image {
		margin-left:15px;
		float:left;
		width:570px;
		height:200px;
		background:url('images/bg-header-image.jpg') no-repeat;
		}
		#navigation {
			position: relative;
      height:55px;
			padding:15px 0px 0px 0px;
			font-size:0.7em;
			color:#FFF;
			}
		#search-box {
			position: absolute;
      top: 24px;
      *top: 23px;
      right: 5px;
      width: 165px;
			height: 27px;
			font-size: 12px;
			color: #fff;
      padding: 4px 0 0 0;   
			}
		#navigation input {
		  position: absolute;
      top: 1px;
      right: 29px;	
      width: 83px;
      font-size: 0.9em;
      padding: 2px 1px 1px 1px;
      *padding: 1px 1px 1px 1px;
      border: 1px solid #ccc;
			}
		#navigation .button-search {
			position: absolute;
			top: 2px; /* targets safari in fact */
      *top: 0px;   
			right: 0;
			height: 20px;
			width: 25px;
			background: url('images/button-search.gif') no-repeat;
      border: 0px;   
      cursor: pointer;
			}
    #navigation .button-search, x:-moz-any-link {
      top: 0px;
      }
		#navigation ul {
			float: left;
			list-style-type: none;
			height: 22px;
			margin: 10px 0px 0px 0px;
			padding: 3px 0px 0px 10px;
			}
			#navigation li {
				float:left;
				padding-right:15px;
				}
				#navigation a {
					font-family:Arial, Verdana, sans-serif;
					font-size: 12px;
					color:#FFF;
					text-decoration:none;
					}
				#navigation a:hover {
					color:#D0E3F0;
					text-decoration:underline;
					}
	#menu {
		float:left;
		width:189px;
		}
		#last-update {
			float: left;
			padding: 7px 0px 7px 0px;
			font-size: 11px;
			color: #ffffff;
			text-align: center;
			margin: 0px;
			width:184px;
			}
	#menu ul {
		padding:0;
		margin:0 auto;
		list-style-type:none;
		white-space:nowrap;
		margin-top:15px;
	}

	#menu ul li {
	  width: 189px;
	  float: left;
	}

	#menu ul li span{
		text-indent:-9000px;
		width: 189px;
		height: 33px;
	}

	#menu ul li a{
		margin-bottom:5px;
		padding-right:15px;
		text-align:right;
		text-decoration:none;
		background-image:url(images/menu/button-templates.gif);
		color: #ffffff;
		font-family: Arial, TechnicznaPomoc, Verdana, sans-serif;
		font-weight:bold;
		display: block;
		height: 33px;
	}
	#menu a:hover{
		background-image:url(images/menu/button-templates-active.gif);
	}
		#menu ul li.presentation span a	{	background-image:url(images/menu/button-templates.gif);}
		#menu ul li.presentation.active span a,
		#menu ul li.presentation span a:hover{	background-image:url(images/menu/presentation-active.gif);}
		
		#menu ul li.cities span a{	
		background-image:url(images/menu/cities.gif);}
		#menu ul li.cities.active span a,
		#menu ul li.cities span a:hover	{	background-image:url(images/menu/cities-active.gif);}

		#menu ul li.news span a			{	background-image:url(images/menu/news.gif);}
		#menu ul li.news.active span a,
		#menu ul li.news span a:hover	{	background-image:url(images/menu/news-active.gif);}

		#menu ul li.publications span a					{	background-image:url(images/menu/publications.gif);}
		#menu ul li.publications.active span a,
		#menu ul li.publications span a:hover			{	background-image:url(images/menu/publications-active.gif);}

		#menu ul li.links span a				{	background-image:url(images/menu/links.gif);}
		#menu ul li.links.active span a,
		#menu ul li.links span a:hover		{	background-image:url(images/menu/links-active.gif);}

		#menu ul li.members span a				{	background-image:url(images/menu/members.gif);}
		#menu ul li.members.active span a,
		#menu ul li.members span a:hover		{	background-image:url(images/menu/members-active.gif);}

	#content {
		margin-left:10px;
		margin-top:0;
		float:left;
		width:570px;
        background:url('images/bg-content.jpg') repeat-x #FFF;
		}
	#content-bottom {
		clear:both;
		width:570px;
		height:6px;
        background:url('images/bg-content-bottom.gif') no-repeat left bottom;
		}
	.content-box-main {
		float:left;
		width:270px;
		margin: 0px;
		padding:20px 7px 0px 7px;
		}
			.content-box-main h1 {
				margin:0;padding:0;
				font-size:20px;
				}
			.derniers-articles {
				margin: 0px;
				padding: 0px;
				}
          .members-content {
            position: relative;
            }
			.derniers-articles img {
				margin: 0px;
				padding: 0px;
				}
			.derniers-articles ul {
				margin-left:0px;
				margin-top:0px;
				padding:0px;
				}
			.derniers-articles a {
				margin: 0px;
				padding: 0px;
				}
			.derniers-articles li {
				list-style-type:none;
				padding-bottom:5px;
				}
			.agenda ul {
				float:left;
				margin-left:0px;
				margin-top:13px;
				padding:0px;
				}
			.agenda li {
				float:left;
				width: 260px;
				list-style-type:none;
				padding:5px 0px;
				/*background:url('images/dotted-line.gif') no-repeat left bottom;*/
				}
			.agenda a {
				display:block;
				font-size:0.9em;
				font-weight:normal;
				text-decoration:none;
				color:#427A5A;
				margin: 0px 0px 0px 0px;
				}
			.agenda a:hover {
				text-decoration:underline;
				color:#990000;
				}
			.arrow {
				float: left;				
				margin: 0px;
				padding: 2px 5px 0px 0px;
				}
			.agenda img {
				margin:2px 0px;
				}
			.agenda p {
				margin:0;
				padding:0;
				font-size:0.9em;
				line-height:normal;
				}
			p.news-more	{
				width: 260px;
				float: left;
				text-align: right;
				}
				p.news-more a {
					position: relative;
					}
	* html .content-box {
		float:left;
		width:520px;
		margin: 10px 0px 0px 5px;
		padding: 0px 0px 30px 0px;
		}
	.content-box {
		float:left;
		width:520px;
		margin-left:10px;
		margin-top:10px;
		padding: 0px 0px 30px 0px;
		}			
      /* path in members area */
      #path {
        float: left;
        width: 540px;
        list-style-type: none;
        margin: 0px;
        padding: 10px 0px 20px 0px;
        }
      #path li {
        float: left;
        white-space: nowrap;
        margin: 1px;
        padding: 0;
        line-height: 0.8em;
        border: 1px solid #aaa;
        }
      #path a {
        float: left;
        font-size: 12px;
        color: #444;
        padding: 5px 5px 3px 5px;
        background: #e3edef;
        }
      #path a:hover {
        color: #000;
        background: #f9f9f9;
        text-decoration: none;
        }
        a.link-forum {
          position: absolute;
          top: -2px;
          left: 1px;
          font-size: 13px !important;
          font-weight: bold !important;
          color:#427A5A !important;
          padding: 5px 5px 3px 5px;
          background: #fff;
          border: 1px solid #aaa;
          }
        a.link-forum:hover {
          color: #900 !important;
          }
         .content-box h1 {
				padding:0;
				font-size:20px;
				margin:10px 0px 15px 0px;
				}
			.h1link {
				margin:0;padding:0;
				font-size:20px;
				margin-top:35px;
				margin-bottom:15px;
				}
			.content-box h2 {
				margin:0;padding:0;
				font-size:14px;
				margin-top:15px;
				margin-bottom:15px;
				}
			.content-box h3 {
				margin:0;padding:0;
				font-size:10px;
				margin-top:15px;
				margin-bottom:15px;
				}
			.content-box h4 {
				margin:0;padding:0;
				font-size:8px;
				font-weight: normal;
				margin-top:5px;
				margin-bottom:5px;
				}				
			* html h1.lower {
				margin:0;padding:0;
				font-size:20px;
				margin-top:55px;
				margin-bottom:15px;
				}
			h1.lower {
				margin:0;padding:0;
				font-size:20px;
				margin-top:35px;
				margin-bottom:15px;
				}
			h4.login {
				text-align: right;
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: normal;
				}
      h4.login span {
        font-weight: bold;
        }
      h4.login a {
        display: inline;
        font-weight: bold;
        }
			.content-box p {
				font-size:0.9em;
				line-height:1.9em;
				}
			.derniers-articles a {
				display:block;
				font-size:0.9em;
				font-weight:normal;
				text-decoration:none;
				color:#427A5A;
				}
			.derniers-articles a:hover {
				text-decoration:underline;
				color:#990000;
				}
			.derniers-articles img {
				margin:20px 0px;
				}
			.derniers-articles p {
				margin:0;
				padding:0;
				font-size:0.9em;
				line-height:normal;
				}
			/* this is for the links in the image descriptions */
			.derniers-articles p.spip_complement a {
				display: inline;
			}
			.derniers-articles ul {
				float:left;
				list-style-type:disc;
				margin:0;padding:10;
				}
			.derniers-articles li {
				padding:5px 0px;
				/*background:url('images/dotted-line.gif') no-repeat left bottom;*/
				}				
			.date {
				font-size:0.7em;
				}
			li.sitemap-list-element {
				height: 15px;
				padding: 0px;
				margin: 0px 0px 0px 10px;
				background:url('images/sitemap-line.gif') no-repeat left top;
				}
			a.sitemap-header {
				font-size: 0.8em;
				color: #000000;
				text-decoration: none;
				}
			a.sitemap-content {
				margin: 0px 0px 0px 28px;
				text-decoration: none;
				
				}
a.spip_in {
			display:inline;
			font-size:0.9em;
			font-weight:normal;
			text-decoration:none;
			color:#427A5A;
}
a.spip_in:hover {
			text-decoration:underline;
			color:#990000;
}
a.spip_out {
			display:inline;
			font-size:0.9em;
			font-weight:normal;
			text-decoration:none;
			color:#427A5A;
}
a.spip_out:hover {
			display:inline;
			font-size:0.9em;
			font-weight:normal;
			text-decoration:underline;
			color:#990000;
}
a.spip_note {
	display:inline;
}

div.spip_images {
	padding: 10px 15px 10px 0px ;
	
	}
p.spip {
	padding-bottom:10px;
	line-height:normal;
	font-size:0.9em;
/* 	border: 1px solid red;	 */
	text-align:justify;
	line-height: 1.6;
	}
img.spip_puce {
	margin: 0px;
	padding-bottom: 1px;
	position: outside;
	}
ul.spip {
    float: none;
    list-style-type: none;
    font-size:0.9em;
    margin: 0px 0px 0px 30px;
    padding: 0px;
	}
	ul.spip li.spip {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 12px;
		background: url('images/list1.gif') no-repeat 0px 5px;
		}
	* html ul.spip li.spip {
		background: url('images/list1.gif') no-repeat 0px 6px;
		}
		ul.spip li.spip ul.spip {
			font-size: 1em;
			margin: 5px 0px 10px 20px;
    		padding: 0px;
			}
			ul.spip li.spip ul.spip li.spip {
				display: block;
				margin: 0px 0px 5px 0px;
    			padding: 0px 0px 0px 8px;
    			background: url('images/list7.gif') no-repeat 0px 6px;
				}

table.spip {
	font-size:0.9em;
	text-align: center;
	width:530px;
	margin-top: 15px;
	margin-bottom: 25px;
}
table.spip tr.row_first {
        background-color: #3D788B;
        color: #f0ce68;
        font-weight: bold;
        text-align: center;
        height: 20px;
}
table.spip tr.row_odd {
	text-align: left;
        background-color: #C0C0C0;
}
table.spip tr.row_even {
        text-align: left;
        background-color: #F0F0F0;
}
table.spip td {
        padding: 1px;
        text-align: left;
        vertical-align: center;
}
h3.spip {
	font-size: 16px;
	}
h4.spip {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	}
h5.spip {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
	}
/* bordered text */ 
.texteencadre-spip {
  font-size: 0.9em;
  padding: 5px;
  border: 1px solid #2F6171;
  }
blockquote.spip {
  color: #333;
  margin: 20px;
  padding: 5px;
  background: #f5f5f5;
  }
  blockquote.spip p {
    margin: 0;
    padding: 0;
    }
  
#footer {
	margin-top:5px;
	padding-top:4px;
	width:570px;
	height:25px;
	border-top:1px dotted #FFF;
	float:right;
	color:#fff;
	font-size:12px;
	}
	#footer a.print {
		color: #ffffff;
		text-decoration: none;
		}
	#footer a.print:hover {
		text-decoration: underline;
		}
#footer-flags {
	float:right;
	text-align:right;
	padding-top:1px;
	}

#languages_main {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 100%;
	height: 100%;
        background: url('images/logo_bg.gif') no-repeat top right #ffffff;
		}
#languages_content {
		margin:10px 10px 10px 10px;
		padding: 0px;
		}
		#languages_content p {
				margin:10px 10px 10px 10px;
				padding: 0px;
				}
		#languages_content h1 {
				margin:0px 0px 0px 10px;
				padding:0;
				font-size:20px;
				margin-top:25px;
				margin-bottom:15px;
				}
		#languages_path {
				color:#FFF;
				}
				#languages_path ul {
						margin:0px 0px 0px 11px;
						padding:0px;
						}
				#languages_path li {
						list-style-type:none;
						display:inline;	
						margin:0px 0px 0px 0px;
						padding: 0px 12px 0px 0px;
						line-height:0.8em;
						}
				#languages_path a {
						font-size:0.8em;
						font-weight:normal;
						text-decoration:none;
						color:#427A5A;
						}
				#languages_path a:hover {
						color:#990000;
						}

#login-title {
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: 16px;
	}
	#login-title p {
		font-weight: normal;
		font-size: 13px;
		}
	#login-title a {
		font-weight: normal;
		font-size: 13px;
		color: #427A5A;
		text-decoration: none;
		}
	#login-title a:hover {
		color: #990000;
		}
#login-main {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-weight: normal;
	font-size: 13px;
	}
	#login-main fieldset {
		border: 1px solid #427A5A;
		padding: 10px;
		margin: 0px 0px 20px 0px;
		}
	#login-main a {
		margin: 5px 0px 0px 0px;
		font-weight: normal;
		font-size: 13px;
		color: #427A5A;
		text-decoration: none;
		}
	#login-main a:hover {
		color: #990000;
		}
	#login-main input {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		border: 1px solid #427A5A;
		}
	input#cm_sub_address {
		width: 180px;
		}
		
#login-main-newsletter {
	margin: 0px 0px 0px 10px;
	padding: 10px;
	font-weight: normal;
	font-size: 13px;
	border: 1px solid #427A5A;	
	/*float: left;
	display:inline;*/
	}
#login-main-newsletter-fields-table {
		
		border: 1px solid #880000;
		margin: 10px;
		padding: 10px;	
		background-color : #e0e0ff;
		}	
	
	
#login-main-newsletter a:hover {
		color: #990000;
		}

#login-main-newsletter p {
		border: 1px solid #880000;	
		}

login-main-newsletter-fields {
		
		border: 1px solid #880000;	
		background-color : #000000;
		}
/*		
newsletter-border .table {
		border: 1px solid #440000;	
	}		
		
/*

#login-main-newsletter input {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		border: 1px solid #427A5A;
		float: right;
		}

#login-main-newsletter label {
		border: 1px solid #800000;	
		/*float: left;*/
		}
*/
.spip-admin {
	position: relative;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	}
	.spip-admin input {
		height: 25px;
		margin-top: 5px;
		}


p.print {
	float: right;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
	p.print a {
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
		background: url('images/printer2.gif') no-repeat right 2px;
		}
/* STYLE FOR PRINTING */
#print-article-container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 1px dotted #ffffff;
	}
#print-article-content {
/* 	float: left; */
	margin: 3% 3% 3% 3%;
	padding: 0px;
	font-size: 14px;
	color: #000000;
	}
	#print-article-content h1 {
		margin: 20px 0px 10px 0px;
		padding: 0px;
		font-size: 18px;
		}
	#print-article-content h2 {
		margin: 5px 0px 5px 0px;
		padding: 0px;
		font-size: 14px;
		}
	#print-article-content h3 {
		margin: 5px 0px 5px 0px;
		padding: 0px;
		font-size: 12px;
		}
	#print-article-content p {
		text-align: left;
		margin: 7px 0px 7px 0px;
		color: #000000;
		line-height: 1.5;
		}
	#print-article-content p.spip img.spip_puce {
		margin: 10px 0px 0px 0px;
		}
	#print-article-content a {
		color: #666666;
		}
	#print-article-content img {
		margin: 0px 0px 7px 0px;
		}
	#print-footer {
		text-align: center;
		}
#city-news-content {
	width:500px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 5px 0px;
	}
#city-news-top {
/* 	float: left; */
	width:500px;
	border: 1px solid #eeeeee;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 5px 9px !important;
	}
	#city-news-content h2 {
		font-size: 16px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
	#city-news-top h2 {
		font-size: 14px;
		color: #666666;
		}
		#city-news-content ul {
			float: none;
			margin: 0px;
			padding: 0px;
			}
		#city-news-top ul {
			font-size: 14px !important;
			}
			#city-news-content ul li {
				margin: 0px 0px 10px 0px;
				padding: 0px;
				border-bottom: 1px dotted #ffffff;
				}
			#city-news-top a {
				color: #aaaaaa;
				}
			#city-news-top a:hover {
				color: #427A5A;
				text-decoration: none;
				}