body {
	background: #ffffff url(../gfx/bg-wrap.gif) repeat-x;
	margin: 0;
}

#wrap {
	width: 979px;
	margin: 0 auto;
	background: #ffffff;
}


#header {	
	clear: both;
	margin: 0px; 
	padding: 0px;		
	width: 979px;
	float: left;
	background: #ffffff;
}
#logo {	
	margin-top: 25px; 
	margin-bottom: 25px; 
	padding-left: 20px;		
	width: 300px;
	float: left;
}
#calendar {	
	margin-top: 25px; 
	margin-bottom: 25px; 
	padding-right: 20px;		
	width: 300px;
	float: right;
	text-align:right;
}
#calendar p {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #9a9a9a;
	display: inline;
}


#climat {	
	clear: both;
	margin-bottom: 25px; 
	padding: 0px;		
	width: 979px;
	height:196px;
	float: left;
	background: #ffffff;
}
#climat p {	
	font-family: tahoma, sans-serif;
	font-size: 10px;
	color: #ffffff;
	margin:0px;
}
#climat a {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: inline;
	text-decoration: none;	
}
#climat a:hover {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #ffffff;
	display: inline;
	text-decoration: none;	
}
#climat-left {	
	clear: both;
	margin: 0px; 
	padding: 0px;		
	width: 630px;
	float: left;
}

html>body #climat-1 {width:254px;}
#climat-1 {	
	clear: both;
	margin: 0px; 
	padding: 30px;		
	width: 314px;
	height:196px;
	float: left;
	background: #f4f4f4 url(../gfx/climat-1.gif) no-repeat;
}

html>body #climat-2 {width:254px;}
#climat-2 {	
	margin: 0px; 
	padding: 30px;		
	width: 314px;
	height:196px;
	float: right;
	background: url(../gfx/climat-2.gif) no-repeat;
}

html>body #climat-3 {width:287px;}
#climat-3 {	
	margin: 0px; 
	padding: 30px;		
	width: 347px;
	height:196px;
	float: right;
	background: url(../gfx/climat-3.gif) no-repeat;
}
#climat-3 p {	
	color: #333333;
}
#climat-3 a {	
	color: #333333;
}
#climat-3 a:hover {	
	color: #ffffff;
	background: #333333;
}


#content {	
	clear: both;
	margin: 0px; 
	padding: 0px;		
	width: 979px;
	float: left;
	background: #ffffff;
}
#content-left {	
	clear: both;
	margin: 0px; 
	padding: 0px;		
	width: 630px;
	float: left;
}
#content-left p {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
}
#content-left a {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #000033;
	padding: 1px;
}
#content-left a:hover {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 1px;
	background: #999999;
	display: inline;
	text-decoration: none;	
}

html>body #content-left-padding {width:590px;}
#content-left-padding {	
	clear: both;
	margin: 0px; 
	padding: 20px;		
	width: 630px;
	float: left;
}
#content-left-padding h1 {	
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #333333;
}

#content-left-padding p {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
}
#content-left-padding li {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
}
#content-left-padding a {	
	font: 11px, tahoma, sans-serif;
	color: #000033;
	padding: 1px;
}
#content-left-padding a:hover {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding: 1px;
	background: #999999;
	display: inline;
	text-decoration: none;	
}
#content-right {	
	margin: 0px; 
	padding-left: 23px;		
	padding-right: 23px;
	width: 300px;
	float: right;
	text-align:center;
}

#content-right a {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #000033;
	padding: 1px;
}
#content-right h3 {	
	font-family: tahoma, sans-serif;
	font-size: 15px;
	color: #000033;
}



/* header menu */
#menu {	
	clear: both;
	margin-bottom: 10px; 
	padding: 0px;		
	width: 979px;		
	background: #20a120;
	float: left;
}
#menu ul {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	width: 740px;
	color: #FFF;
	margin: 0 20px;
	padding: 0;
	display: inline;
	b/order-bottom: 6px solid #FFF;
	b/ackground-color: #4E3525;		 	
	
	float: left;	
}
#menu li {
	float: left;
	list-style: none;
}
#menu li a {
	display: block;
	padding: 15px 15px;	
	color: #FFF;	
	text-decoration: none;	
}
#menu li a:hover {
	background: #75d375;
	color: #FFF;
}
#menu li a#current  {
	background: #75d375;
	color: #FFF;
}

#menu-bottom {	
	clear: both;
	padding: 0px;		
	width: 979px;
	float: left;
	text-align:right;
}
#menu-bottom ul {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 10px;
	display: inline;
	float: right;	
}
#menu-bottom li {
	float: left;
	list-style: none;
}
#menu-bottom li a {
	display: block;
	color: #ff9500;	
	text-decoration: none;	
	padding: 1px 10px;	
}
#menu-bottom li a:hover {
	background: #ff9500;
	color: #FFF;
}


#foot/er {	
	clear: both;
	margin-top: 10px solid #a6a296; 
	background: #2d3034;
	padding: 0px;		
	width: 979px;
	float: left;
}
#footer p {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #a6a296;
	display: inline;
}
#footer a {	
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #ffcb00;
	display: inline;
}


html>body #footer {width:939px;}
#footer {	
	clear: both;
	margin-top:10px;
	border-top: 3px solid #a6a296; 
	background: #2d3034;
	padding: 20px;		
	width: 979px;
	float: left;
}
#footer-left {	
	padding: 0px;		
	width: 400px;
	float: left;
}
#footer-right {	
	padding: 0px;		
	width: 300px;
	float: right;
	text-align:right;
}

.news {
	padding: 0px;	
	border-top: 2px solid #f0f0f0; 	
	width: 300px;
	text-align:left;
	margin-bottom:20px;
}
.news-date {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	color: #eba062;
	display: inline;
}
.news-title {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #be3838;
	display: inline;
}
.news-lead {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #b2b2b2;
	display: inline;
}