body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}
img { border: 0;}

.title1 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
	text-align: center;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #8eb35a;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.title4 {
	font-family: georgia, times;
	color: #666666;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;

}
.title5 {
	color: #666666;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;

}
.title6 {
	margin: 0;
	padding: 10px 0;
	font-size: 165%;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}
.title7 {
	
	font-size: 85%;

}
.title8 {
	font-weight: normal;
	font-size: 85%;

}
.petititalic {
	margin: 0;
	padding: 10px 0;
	font-size: 85%;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}
.title9 {
	margin: 0;
	padding: 10px 0;
	font-size: 105%;
	font-weight: normal;
	font-style: italic;
	color: #FF9523;
}
.title10 {
	font-family: georgia, times;
	color: Red;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;

}
.boxed {
	padding: 10px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px;
	background: #FF9523 url(images/img10.gif) repeat-x;
	color: #FFFFFF;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;
	width: 300px;
}

.col-two {
	float: right;
	width: 300px;
}

.image {
	border: 2px;
	border-style: solid;
	border-color: #000000;
	width: 270px;
	height: 212px;
}
/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-y;
	background-color: 8eb35a;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
	background: #507804 ;	
}

/* Logo */

#logo {
	height: 220px;
	background: #FFFFFF url(images/lutin2.jpg) no-repeat center top;
}

#logo h1, #logo h2 {
	margin: 0;
	margin-top: 0px;
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #9C9C9C;
}

#logo h1 {
	padding: 120px 0 0 0;
	font-size: 36px;
}

#logo h2 {
	font-size: 14px;
}

#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

/* Menu */

#menu {
	padding: 20px;
	background: #507804 ;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 5px 0;
	
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Compteur*/
#compteur{
	text-align: center;
}
/* Login */

#login {
	padding: 20px;
	background: #507804;
}

#login a {
	text-decoration: none;
	font-size: 109%;
	color: #FFFFFF;
}

#login a:hover {
	text-decoration: underline;
}


/* Content */

#content {
	float: right;
	width: 740px;
}
#defilement {
	text-align: center;
	margin-bottom: 20px;
	
}
#image{
	text-align: center;
}
#h6 {
	font-size: 200%;
	color: #FFFFFF;
}

#partenaires ul {
	list-style: none;
}

/* Infos */



#infos{
	text-align: center;
	align: center;
}

#meteo{
	text-align: center;
	align: center;
	
}
#label{
	text-align: center;
	align: center;
	margin-top: 10px;
	
}
.legende{
	text-align: center;
	align: center;
	margin-top: 10px;
	text-size: 10px;
	
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/img12.gif) repeat-x;
	/*background-color: #333333;*/
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(images/img13.gif) repeat-x;
	color: white;
	font-size: 26px;
	vertical-align: middle; 
	
	}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}