* {margin:0;padding:0;}
html,
body
	{
	font-family:circular-book,helvetica,arial,verdana;font-size:18px;line-height:1.3;
	color:#404040;
	background-color:#FFFFFF;
	-webkit-font-smoothing: antialiased;
	top: 0 !important;
	position: static !important;
  }
img.background
	{position:fixed;top:0;left:0;z-index:-1;}

nav,
header,
footer,
section,
article
	{position:relative;}

#container
	{position:relative;z-index:2;width:100%;}
#header
	{
	position:fixed;top:0;left:0;z-index:100;width:100%;
	margin:0;padding:65px 0 0 0;
	text-align:center;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
	box-shadow:0 0 3px rgba(0,0,0,.3);
	background: #FFFFFF;
	}
#header.small
	{padding-top:0;}


#footer
	{
	padding:20px 0 120px 0;
	}
#content
	{position:relative;width:100%;margin:115px auto 0 auto;padding:0 0 40px 0;}
.spacer
	{
	position:relative;clear:both;
	margin:0;
	}
.inner
	{position:relative;clear:both;padding:30px 30px 30px 15px;}
.inner.max_size
	{max-width:640px;margin:auto;}
.shadow
	{
	/*
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
	box-shadow:0 1px 3px rgba(0,0,0,.3);
	*/
	}
.block
	{}
.block.homepage
	{margin-bottom:-160px;}

#logo
	{
	position:absolute;top:0;height:140px;
	margin:-25px 10px 0 10px;
	}
#logo a
	{
	display:block;float:left;overflow:hidden;
	width:140px;height:140px;
	-moz-border-radius:70px;
	-webkit-border-radius:70px;
	border-radius:70px;
	}
#logo a img
	{
	position:relative;
	max-width:100%;
  	width:auto\9;height:auto;
  	vertical-align:middle;
  	border:0;
  	-ms-interpolation-mode: bicubic;
	}

#logo.small
	{margin:5px 10px 5px 10px;}
#logo.small a
	{
	width:40px;height:40px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
#logo span.slogan
	{
	position:relative;display:block;float:left;padding:20px 10px;line-height:20px;
	font-size:18px;font-weight:normal;font-family:gentium-regular;text-align:left;color:#E20613;
	}
#logo span.slogan span.title
	{position:relative;display:block;font-size:20px;font-family:gentium-bold;}
#logo span.slogan span.baseline
	{position:relative;display:block;}
#logo.small span.slogan
	{padding:10px;}
#logo.small span.slogan span.baseline
	{display:none;}



#footer
	{text-align:center;}

#footer .copyright
	{font-size:16px;}
#footer .address
	{font-size:16px;}
#footer .address span.strong
	{font-family:circular-bold;}
#footer .address span.uppercase
	{font-family:circular-bold;text-transform:uppercase;}

#footer .logo
	{width:400px;height:100px;margin-bottom:20px;}

#footer .partners img.clunytourisme
	{width:83px;height:93px;margin:4px 10px;}
#footer .partners img.centremonument
	{width:150px;height:70px;margin:15px 10px;}
#footer .partners img.clunypedia
	{width:150px;height:42px;margin:7px 10px;}



/* admin */

.admin
	{
	position:fixed;z-index:200;left:0;bottom:0;color:#FFFFFF;
	background-color:#000000;
	padding:10px 2%;width:96%;
	}
.admin a
	{text-decoration:none;line-height:25px;color:#FFFFFF;}




.button_admin
	{
	position:relative;z-index:50;
	display:inline-block;
  	*display:inline;
	padding:0;line-height:24px;
	font-size:20px;text-decoration:none;
	color:#606060;
	width:24px;height:24px;text-align:center;
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	background-image:-moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
	background-image:-webkit-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-ms-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-o-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:linear-gradient(top, #FFFFFF, #F0F0F0);
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3);
	}
.bg_color_0.spacer a.button_admin,
.bg_color_1.spacer a.button_admin,
.bg_color_2.spacer a.button_admin,
.bg_color_3.spacer a.button_admin,
.bg_color_4.spacer a.button_admin,
.bg_color_5.spacer a.button_admin,
.bg_color_6.spacer a.button_admin
	{
	color:#606060;
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	background-image:-moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
	background-image:-webkit-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-ms-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:-o-linear-gradient(top, #FFFFFF, #F0F0F0);
	background-image:linear-gradient(top, #FFFFFF, #F0F0F0);
	}
.button_admin.right
	{float:right;}
.button_admin.small
	{
	line-height:16px;font-size:16px;
	width:16px;height:16px;
	}

.button_admin:hover,
.bg_color_0.spacer a.button_admin:hover,
.bg_color_1.spacer a.button_admin:hover,
.bg_color_2.spacer a.button_admin:hover,
.bg_color_3.spacer a.button_admin:hover,
.bg_color_4.spacer a.button_admin:hover,
.bg_color_5.spacer a.button_admin:hover,
.bg_color_6.spacer a.button_admin:hover
	{
	color:#FFFFFF;
	border:1px solid #39b54a;
	background-color:#8dc63f;
	background-image:-moz-linear-gradient(top, #8dc63f, #39b54a);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#39b54a));
	background-image:-webkit-linear-gradient(top, #8dc63f, #39b54a);
	background-image:-ms-linear-gradient(top, #8dc63f, #39b54a);
	background-image:-o-linear-gradient(top, #8dc63f, #39b54a);
	background-image:linear-gradient(top, #8dc63f, #39b54a);
	}



@media all and (max-width:980px)
	{
	body
		{font-size:13px;}
	#header,
	#header.small
		{position:relative;top:0;padding:0 0 0 0;}
	#logo
		{
		position:absolute;top:5px;left:5px;overflow:hidden;
		height:40px;margin:0;
		}
	#logo a
		{width:40px;height:40px;}
	#logo span.slogan
		{
		padding:10px 10px;
		font-size:16px;
		}
	#logo span.slogan span.baseline
		{display:none;}

	#content
		{padding:0;margin:0 0 30px 0;}

	.admin,
	.button_admin
		{display:none;}

	.block.homepage
		{margin-bottom:0;}
	}

@media all and (max-width:640px)
	{
	#logo span.slogan
		{padding:12px 10px;}
	#logo span.slogan span.title
		{font-size:14px;}

	#footer .address
		{font-size:11px;}
	#footer .address span
		{font-size:12px;}
	#footer .network
		{display:none;}

	#footer .copyright
		{font-size:11px;}
	#footer .address
		{font-size:11px;}

	#footer dl.sticker dt
		{width:40px;}
	#footer dl.sticker dd
		{margin-left:50px;}
	}

@media all and (max-width:480px)
	{
	#logo span.slogan
		{padding:13px 10px;}
	#logo span.slogan span.title
		{font-size:12px;}
	}

@media all and (max-width:320px)
	{
	#logo span.slogan
		{padding:15px 10px;}
	#logo span.slogan span.title
		{font-size:11px;}
	}

@media print
	{
	html,
	body
		{background-color:#FFFFFF;color:#404040;font-size:12px;}
	#loading,
	.box_image,
	.box_free,
	#nav_tags,
	.menu ul,
	.menu_icon ul,
	.menu form,
	.show_menu,
	.block.navigation,
	.socialmedia_link,
	.socialmedia_share,
	.network,
	.partners
		{display:none;}

	.block.homepage
		{margin-bottom:0;}

	.shadow
		{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		}

	#container
		{width:640px;margin:auto;}
	#header,
	#header.small
		{
		position:relative;top:auto;left:auto;z-index:100;width:100%;
		margin:0;padding:20px 0;
		text-align:left;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		}
	#footer
		{}
	#content
		{margin:20px auto;}

	#logo
		{
		position:relative;top:auto;height:auto;width:100%;
		margin:0 10px;
		}
	#logo a
		{
		display:block;float:left;overflow:hidden;
		width:70px;height:70px;
		-moz-border-radius:35px;
		-webkit-border-radius:35px;
		border-radius:35px;
		}
	#logo a img
		{
		position:relative;
		max-width:100%;
		width:auto\9;height:auto;
		vertical-align:middle;
		border:0;
		-ms-interpolation-mode: bicubic;
		}
	#logo span.slogan
		{
		position:relative;display:block;float:left;padding:15px 10px;
		font-size:16px;font-weight:normal;font-family:circular-book;text-align:left;
		}
	#logo span.slogan span.title
		{position:relative;display:block;font-size:18px;font-family:montserrat-bold;text-transform:uppercase;}
	#logo span.slogan span.baseline
		{position:relative;display:block;}

	h1
		{font-size:25px;}
	h2
		{font-size:20px;}
	h3
		{font-size:15px;}
	h4
		{font-size:15px;}
	h5
		{font-size:16px;}
	h6
		{font-size:14px;}

	a
		{color:#808080;}

	.teaser.vertical .caption,
	.thumbnail.vertical .caption
		{min-height:235px;}

	ul.accordion .dropdown
		{position:relative;display:block !important;}
	}