/*
Theme Name: Musee Laurier
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Layout
-------------------------------------------------------------- */

@font-face{ 
	font-family: 'myriad-web-pro-webfont';
	src: url('fonts/myriad-wep-pro/myriad-web-pro-webfont.eot');
	src: url('fonts/myriad-wep-pro/myriad-web-pro-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/myriad-wep-pro/myriad-web-pro-webfont.woff') format('woff'),
	     url('fonts/myriad-wep-pro/myriad-web-pro-webfont.ttf') format('truetype'),
	     url('fonts/myriad-wep-pro/myriad-web-pro-webfont.svg#webfont') format('svg');
}

html{height:100%; font-family:Arial, Helvetica, sans-serif; background-image:url(images/bg-body.jpg);}
body{height:100%;}

strong{font-weight:bold;}
em{font-style:italic;}

#header{width:950px; height:168px; margin:0 auto 49px auto; position:relative;}
	#header div, #header a{display:block; position:absolute;}
	#header .logo{left:458px; bottom:0;}
    #header .lang{bottom:-20px; right:8px; color:#7b7b7b; font-family:/*'myriad-web-pro-webfont',*/ Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; text-decoration:none;}
		#header .lang:hover{text-decoration:underline;}
	#header .left, #header .right{height:14px; background-color:#c41230; bottom:0;}
    #header .left{width:408px; left:0;}
    #header .right{width:131px; right:0;}

#main{width:951px; margin:0 auto; position:relative;}

#sidebar{width:250px; float:left; position:relative; margin-bottom:75px;}
	#sidebar ul li a{display:block; margin-bottom:4px; padding-right:13px; text-align:right; font-family:/*'myriad-web-pro-webfont',*/ Arial, Helvetica, sans-serif; color:#FFF; font-size:19px; line-height:26px; background-color:#c41230; text-decoration:none;}
		#sidebar ul li a:hover{background-color:#9d7a80;}
	#sidebar .coord{padding:143px 0 10px 14px; margin-bottom:8px; font-size:15px; line-height:17px; color:#FFFFFF; background:#c41230 url(images/bg-sidebar-fioritures.gif) no-repeat 15px 11px;}
		#sidebar .coord strong{padding-right:7px;}
		#sidebar .coord a{color:#fff; text-decoration:none;}
			#sidebar .coord a:hover{text-decoration:underline;}
		#sidebar .icon{position:absolute; display:block;}
			#sidebar .icon:hover{ background-position:0 -100%;}
		#sidebar .facebook{height:41px; width:41px; left:14px; background-image:url(images/icon-facebook.gif);}
		#sidebar .flickr{height:44px; width:44px; left:66px; background-image:url(images/icon-flickr.gif);}
		#sidebar .youtube{height:42px; width:42px; left:120px; background-image:url(images/icon-youtube.gif);}
		#sidebar .regardhagard{height:24px; width:57px; left:176px; background-image:url(images/icon-regardhagard.gif);}


/* General pages */
.page #content{position:relative; width:667px; float:right; color:#4b0a17; margin-bottom:30px;}
	.page #content h1{font-size:18px; line-height:18px; padding-bottom:18px; font-weight:bold; text-transform:uppercase;}
	.page #content h2{font-size:18px; line-height:18px; padding:10px 0 18px; font-style:italic;}
	.page #content h3{font-size:16px; line-height:18px; padding:5px 0 18px; font-weight:bold; color:#4c2f35;}
	.page #content h4{font-size:16px; line-height:18px; padding:0px 0 18px; text-decoration:underline;}
	.page #content p{font-size:16px; line-height:18px; padding-bottom:18px;}
	.page #content a{color:#1e3c90;}
		.page #content a:hover{text-decoration:none;}
	.page #content ol, .page #content ul{margin:3px 0 18px 2em;}
	.page #content ul{list-style:disc;}
		.page #content ul ul{list-style:circle; margin-bottom:0;}
			.page #content ul ul ul{list-style:square;}
	.page #content ol{list-style:decimal;}
		.page #content ol ol{list-style:lower-alpha; margin-bottom:0;}
			.page #content ol ol ol{list-style:lower-roman;}
	.page #content li{padding:3px 0;}


/* Homepage */
	.home #content{width:660px;}
		.home #content p{font-size:15px; line-height:18px; text-align:center; color:#4c0a18;}
		.home #content .slideshow{width:660px; height:405px; overflow:hidden; padding:0; margin:0; margin-bottom:15px; list-style:none;}
			.home #content .slideshow img{width:660px;}
		.home #content .sites{position:relative; height:130px; margin-top:2px; font-size:12px; line-height:14px; text-align:center; background:url(images/bg-home-selection.png) no-repeat 0px 36px;}
			.home #content .sites h2{position:absolute; background-repeat:no-repeat; font-size:inherit; line-height:inherit; font-style:inherit;}
				.home #content .sites .museelaurier{left:45px; background-image:url(images/icon-museelaurier.gif); background-position:0px 4px;}
				.home #content .sites .hoteldespostes{left:200px; background-image:url(images/icon-hoteldespostes.gif); background-position:9px 0px;}
				.home #content .sites .grangefleury{left:347px; background-image:url(images/icon-grangefleury.gif); background-position:11px 5px;}
				.home #content .sites .maisonfleury{left:495px; background-image:url(images/icon-maisonfleury.gif); background-position:5px 9px;}
			.home #content .sites a{display:block; padding-top:96px; width:120px; color:#000; text-decoration:none;}
				.home #content .sites a:hover{text-decoration:underline;}


/*page-template-template-location-php*/
.page-template-template-location-php{background-repeat:no-repeat;}
	.page-template-template-location-php #content{width:520px; float:right;}
	.page-template-template-location-php #links{position:absolute; text-align:center; top:0px; left:290px; width:103px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:15px;}
		.page-template-template-location-php #links .btn{display:block; margin-bottom:12px; padding:14px; border-radius:8px; color:#FFFFFF; background-color:#c62032; text-decoration:none;}
	
	/* Musée Laurier */
	.page-id-7,.page-id-124{background-image:url(images/bg-body-museelaurier.png); background-position:68% 217px;}
	
	/* Musée de l’hôtel des postes */
	.page-id-10,.page-id-139{background-image:url(images/bg-body-hotelpostes.png); background-position:65% 217px;}
	
	/* Maison Fleury */
	.page-id-13,.page-id-142{background-image:url(images/bg-body-maisonfleury.png); background-position:63% 217px;}
	
	/* Grange Fleury */
	.page-id-16,.page-id-144{background-image:url(images/bg-body-grangefleury.png); background-position:62% 217px;}


/*page-template-template-narrow-php*/
.page-template-template-narrow-php{}
	.page-template-template-narrow-php #content{width:520px; float:right;}
	.page-template-template-narrow-php #links{position:absolute; text-align:center; top:0px; left:290px; width:103px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:15px;}
		.page-template-template-narrow-php #links .btn{display:block; margin-bottom:12px; padding:14px; border-radius:8px; color:#FFFFFF; background-color:#c62032; text-decoration:none;}


/*page-template-template-collection-php*/
.page-template-template-collection-php{}
	.page-template-template-collection-php #content{width:520px; float:right;}
		.page-template-template-collection-php #artistes{}
			.page-template-template-collection-php #artistes h2{padding:0 0 0 12px; margin:12px 0 16px; font-size:16px; line-height:30px; font-style:normal; color:#FFFFFF; background-color:#c41230;}
			.page-template-template-collection-php #artistes ul{list-style:none; padding:0; margin:0; font-style:italic; font-weight:bold; line-height:22px;}
			.page-template-template-collection-php #artistes a{ color:#4c0a18;}


/*page-template-template-contact-php*/
.page-template-template-contact-php{}
	/*.page-template-template-contact-php #content{}*/
	.page-template-template-contact-php #content p{padding-bottom:5px; font-size:14px; line-height:15px;}
	.page-template-template-contact-php #content ul{float:left; width:208px; padding:0; margin:0; list-style:none;}
		.page-template-template-contact-php #content ul li{padding-bottom:20px; font-size:14px; line-height:15px;}
			.page-template-template-contact-php #content ul li h2{padding:0; margin:0; margin-bottom:10px; font-size:14px; line-height:15px; font-weight:bold; font-style:normal;}
			.page-template-template-contact-php #content ul li p{}
			.page-template-template-contact-php #content ul li a{color:#1e3c90; text-decoration:none;}
				.page-template-template-contact-php #content ul li a:hover{text-decoration:underline;}
	.page-template-template-contact-php #hours{float:right; width:450px; margin-bottom:32px; color:#000000;}
		.page-template-template-contact-php #hours h2{padding:0; margin:0 0 8px 18px; font-size:14px; line-height:15px; font-weight:bold; font-style:normal;}
		.page-template-template-contact-php #hours div{padding:15px 18px 13px 18px; background-color:rgba(255,255,255,0.5);}
			.page-template-template-contact-php #hours div p{}
	.page-template-template-contact-php #map{float:right; width:450px; height:450px;}
	.page-template-template-contact-php #sponsors{float:right; width:660px; margin-top:32px; text-align:left;}