body {
	background: url(../images/background.gif) repeat top left;
	font-size: 0.8em;
	font-family: Calibri, "Lucida Grande", Tahoma, Arial;
	margin: 0px;
	color: #515151;
}

.formulaire {
	
	border: 1px solid;
	border-color: #d3d3d3;
	background-color: #eeeeee; 
	color:#333;
	
}
.boutondiapo {
	
	background-image:url(../images/boutondiapo.png);
	 border: none;
	background-repeat:no-repeat;
	width:176px;
	height:33px;
	color:#FFF;
	font-size:14px;
	padding-bottom:5px;
	
}

.boutonwallpaper :hover {
	background-image:url(../images/downloadfdhover.png);
	background-repeat:no-repeat;
}


a img { border: none; }
a { color:#333; text-decoration: none; }
a:hover { color:#333; text-decoration:underline; }
form { margin: 0px; }

#page #content #content-in #center { text-align:center; }
#page #content #content-in #left { text-align:left; }
#page #content #content-in #right { text-align:right; }

#menu {
	background: url(../images/menu.png) repeat-x center center;
	width: 100%;
	height: 36px;
}
	#menu ul {
		margin: 0px auto;
		padding: 5px 0px 0px 0px;
		list-style-type: none;
		width: 976px;
		height: 22px;
	}
		#menu ul li {
			float: left;
			height: 22px;
			text-align: center;
			position: relative;
			margin: 0px 2px;
		}
			#menu ul li.accueil a { width: 74px; } #menu ul li.accueil a:hover { background: url(../images/menu/accueil_hover.png) no-repeat center center; text-decoration:none; }
			#menu ul li.randonnees a { width: 126px; } #menu ul li.randonnees a:hover { text-decoration:none; }
			#menu ul li.randonnees a { width: 126px; } #menu ul li.randonnees:hover { background: url(../images/menu/randonnees_hover.png) no-repeat top center; }
			#menu ul li.programme a { width: 126px; } #menu ul li.programme a:hover { text-decoration:none; }
			#menu ul li.programme a { width: 140px; } #menu ul li.programme:hover { background: url(../images/menu/randonnees_hover.png) no-repeat top center; }
				#menu ul li.randonnees:hover #randonnees_menu { display: block; }
				#menu ul li.programme:hover #programme_menu { display: block; }
				#menu #randonnees_menu {
					background: url(../images/menu_randonnees.png) no-repeat top center;
					display: none;
					position: absolute;
					width: 233px;
					padding-right:10px;
					top: 21px;
					left: -51px;
					padding-top: 15px;
					/* */
					height: 353px;
				}
				#menu #programme_menu {
					background: url(../images/menu_programme.png) no-repeat top center;
					display: none;
					position: absolute;
					width: 233px;
					top: 21px;
					left: -51px;
					padding-top: 15px;
					/* */
					height: 254px;
				}
					#menu #randonnees_menu ul {
						width: 233px;
						height: auto;
					}
					#menu #programme_menu ul {
						width: 233px;
						height: auto;
					}
						#menu #randonnees_menu ul li {
							background: url(../images/menu_arrow.png) no-repeat left center;
							width: 220px;
							text-align: left;
							float: none;
							padding: 2px 0px 0px 15px;
							height: 22px;
							margin-left: 10px;
						}
						#menu #programme_menu ul li {
							background: url(../images/menu_arrow.png) no-repeat left center;
							width: 220px;
							text-align: left;
							float: none;
							padding: 2px 0px 0px 15px;
							height: 22px;
							margin-left: 10px;
						}
							#menu #randonnees_menu ul li a {
								display: block;
								width: 100%;
								color: #535353;
								float: none;
								padding-bottom:10px;
							}
							#menu #programme_menu ul li a {
								display: block;
								width: 100%;
								color: #535353;
								float: none;
								padding-bottom: 3px;
							}
								#menu #randonnees_menu ul li a:hover { background: url(../images/menu_randonnees-li-over.png) no-repeat bottom left; text-decoration:none;  }
								#menu #programme_menu ul li a:hover { background: url(../images/menu_randonnees-li-over.png) no-repeat bottom left; text-decoration:none;  }
		
			#menu ul li.aaland_actus a { width: 99px; } #menu ul li.aaland_actus a:hover { background: url(../images/menu/aaland_actus_hover.png) no-repeat top center; text-decoration:none; }
			#menu ul li.galerie_photo a { width: 115px; } #menu ul li.galerie_photo a:hover { background: url(../images/menu/galerie_photo_hover.png) no-repeat top center; text-decoration:none; }
			#menu ul li.fond_ecran a { width: 108px; } #menu ul li.fond_ecran a:hover { background: url(../images/menu/fond_ecran_hover.png) no-repeat top center; text-decoration:none; }
			#menu ul li.inscriptions a { width: 99px; } #menu ul li.inscriptions a:hover { background: url(../images/menu/inscriptions_hover.png) no-repeat top center; text-decoration:none; }
			#menu ul li.livre_or a { width: 94px; } #menu ul li.livre_or a:hover { background: url(../images/menu/livre_or_hover.png) no-repeat top center; text-decoration:none; }
			#menu ul li.contact a { width: 80px; } #menu ul li.contact a:hover { background: url(../images/menu/contact_hover.png) no-repeat top center; text-decoration:none;}
				#menu ul li a {
					display: block;
					float: left;
					width: 100%;
					height: 20px;
					padding-top: 2px;
					color: #fff;
				}
				#menu ul li a img { vertical-align: middle; }
#page {
	width: 976px;
	margin: 0px auto;
}

	#page #content {
		background: url(../images/content-top.png) no-repeat top center;
		padding-top: 10px;
	}
		#page #content #content-in {
			background: url(../images/content-bg.png) repeat-y top center;
			
		}
			#page #content #content-in .block {				
			    width: 900px;
				padding: 0px 25px;
			}
				#page #content #content-in .block h3 {
					margin: 0px;
					color: #9CC527;
					font-size: 1.2em;
				}
				
				
				
				#page #content div.commentaire {
				background: #efefef url(../images/commentaires_top.jpg) no-repeat top center;
				width: 529px;
				padding: 15px 0px 0px 0px;
				margin: auto;
			}
				#page #content div.commentaire p { margin: 0px; padding: 2px 10px; }
				#page #content div.commentaire .commentaire-infos {
					background: url(../images/commentaires_bottom.jpg) no-repeat center center;
					height: 22px;
					padding: 20px 0px 0px 50px;
				}
					#page #content div.commentaire .commentaire-infos span.auteur {
						font-size: 1.4em;
					}
				
				
					#page #content #content-in .block h3.center {
						text-align: center;
						margin-bottom: 5px;
					}
				#page #content #content-in .block span.author {
					color: #939393;
					font-size: 0.9em;
				}
				#page #content #content-in .block img.img {
					float: left;
					margin: 4px;
				}
				#page #content #content-in .block p {
					text-align: justify;
					margin: 4px 0px;
				}
	#page #footer {
		background: url(../images/content-bottom.png) no-repeat top center;
		padding: 24px 0px 5px 0px;
		text-align: center;
		color: #fff;
		font-size: 0.9em;
	}
		#page #footer a { color: #fff; }

div.clearer { clear: both; }

#gallerie {
	background:#efefef url(../images/galeriehaut.png) no-repeat scroll 0 top;
	margin:48px 0 48px 0;
	width:897px;
}

#gallerie img {
	float:left;
}

#gallerie .content {
	background:transparent url(../images/galerie_logo.png) no-repeat scroll left center;
	padding-left:200px;
	min-height:200px;
	width:670px;
}

#gallerie .content h3 {
	text-align:center;
	padding:8px;
}

#gallerie .footer {
	background:#efefef url(../images/galeriebas.png) no-repeat scroll 0 bottom;
	padding-left:440px;
	margin-top:5px;
	height:25px;
	width:457px;
}

#gallerie .footer a {
	padding-top:8px;
	float:left;
}

/* ===========================================================
Pagination ================================================== */

.pagination {
	font-size:11px;
	height:26px;
	margin-left:350px;
}

.pagination a {
	background:transparent url(../images/black_puce.png) no-repeat scroll 0 0;
	text-align:center;
	margin-left:8px;
	padding-top:3px;
	color:#ffffff;
	width:20px;
	height:18px;
	float:left;
}

.pagination .selected {
	background:transparent url(../images/on_puce.png) no-repeat scroll 0 0;
	text-align:center;
	margin-left:8px;
	padding-top:3px;
	color:#ffffff;
	width:20px;
	height:18px;
	float:left;
}

.pagination a:hover {

	text-decoration:underline;
}

.pagination .cpage {
	background:transparent url(../images/black_button.png) no-repeat scroll 0 0;
	width:100px;
}


#programme {
	background:#efefef url(../images/galeriehaut.png) no-repeat scroll 0 top;
	margin:48px 0px 48px 15px;
	width:897px;
}



#programme .content {
	width:880px;
	padding-left:8px;
	
}

#programme .content h3 {
	text-align:left;
	padding:8px;
}

#programme .footer {
	background:#efefef url(../images/galeriebas.png) no-repeat scroll 0 bottom;
	padding-left:440px;
	height:25px;
	width:457px;
}

/* ===========================================================
Form ====================================================== */

.button {
	cursor:pointer;
}

.form {
	margin:28px 0 0 0px;
	color:#797979;

}

.form p {
	margin-bottom:12px;
}

.form, .form p {
	width:545px;
}

.form p.left, .form p.right {
	width:50%;
}

.form label {
	margin-left:12px;
}

.form label.tleft {
	margin-left:32px;
}

.form p.right {
	text-align:right;
	width:50%;
}

.form label {
	color:#797979;
	width:100%;
	float:left;
}

.form .text {
	background:transparent url(../images/form_text.png) no-repeat scroll 0 0;
	color:#797979;
	padding:8px;
	width:235px;
	height:15px;
	border:none;
}

.form .text_long {
	background:transparent url(../images/form_text_long.png) no-repeat scroll 0 0;
	color:#797979;
	padding:8px;
	width:527px;
	height:15px;
	border:none;
}

form .submit {
	background:transparent url(../images/submit.png) no-repeat scroll 0 0;
	padding-bottom:5px;
	cursor:pointer;
	color:#ffffff;
	width:158px;
	height:35px;
	border:none;
}

form .submit:hover {
	background:transparent url(../images/submit_hover.png) no-repeat scroll 0 0;
	border:none;
}


.form textarea {
	background:transparent url(../images/form_textarea.png) no-repeat scroll 0 0;
	color:#797979;
	height:205px;
	width:530px;
	padding:8px;
	border:none;
}