/*
 * Theme Name: Hervé Demon
 * Theme URI: http://www.hervedemon.fr
 * Description: Le theme par défaut du site officiel de Hervé Demon
 * Version: 2.0
 * Author: Peurduloup
 * Author URI: http://www.peurduloup.com
*/
* { margin:0; padding:0; }
a { color:inherit; }
a img { border:none; }

/*
 * Fonts
 */
@font-face {
	font-family:'SteelfishRg';
	src:url('fonts/steelfish_rg-webfont.eot');
	src:url('fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/steelfish_rg-webfont.woff') format('woff'),
		url('fonts/steelfish_rg-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

/*
 * Gabarit général
 */

html, body {
	min-height:100%;
}

body {
	min-width:1000px;
	color:#000;
	font:0.875em/1.2857em 'Myriad Pro', 'Trebuchet MS', sans-serif; /* 14px/18px */
	padding-top:1.57142857em; /* 22px */
	border-top:4px solid #000;
	background:#fff url(images/common/bg.jpg) no-repeat center top;
	background-size:cover;
}

.site {
	position:relative;
	width:70em;
	max-width:100%;
	margin:0 auto;
}

/*
 * Header
 */
.header {
	position:relative;
	overflow:hidden;
	margin-bottom:0.42857143em; /* 6px */
	font-family:'SteelfishRg', sans-serif;
	text-transform:uppercase;
}

.header-title {
	float:left;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0.13333333em; /* 4px */
	color:#df7927;
	font-size:2.14285714em; /* 30px */
	line-height:1.3333em; /* 40px */
	letter-spacing:0.1em;
	text-decoration:none;
}

.header-menu {
	float:left;
	list-style:none;
}

	.header-menu .menu-item {
		float:left;
	}

		.header-menu .menu-item a {
			display:block;
			padding-left:0.909090em; /* 20px */
			padding-right:0.909090em;
			padding-top:0.18181818em; /* 4px */
			color:#595552;
			font-size:1.57142857em; /* 22px */
			line-height:1.81818182em; /* 30px */
			letter-spacing:0.1em;
			text-decoration:none;
			transition:background-color linear 0.25s;
		}

			.header-menu .menu-item a:hover,
			.header-menu .menu-item a:focus {
				background-color:rgba(255,255,255,0.4);
			}

		.header-menu .current-menu-item a,
		.header-menu .current_page_item a,
		.header-menu .current-post-ancestor a,
		body.single-spectacles .header-menu a[href*='spectacles'] {
			text-decoration:underline;
		}

		.header-menu .menu-item a[href*="facebook.com"] {
			position:relative;
			width:40px;
			overflow:hidden;
			text-indent:-9999px;
			padding-left:0;
			padding-right:0;
			background-image:url(images/common/menu-facebook.png);
			background-repeat:no-repeat;
			background-position:center center;
		}

/*
 * Footer
 */
.footer {
	padding-top:0.90909091em; /* 10px */
	padding-bottom:0.90909091em;
	color:#484145;
	font-size:0.78571429em; /* 11px */
	text-align:right;
}

/*
 * Sidebar
 */
.sidebar {
	float:left;
	width:36.4285714%; /* 357px */
	padding:120px 90px 40px 60px;
	box-sizing:border-box;
	color:#dde8ec;
}

	.sidebar-box--facebook {
		margin-top:208px;
		margin-bottom:50px;
	}

	.sidebar-title {
		display:block;
		font-family:'SteelfishRg', sans-serif;
		font-size:2.42857143em; /* 34px */
		line-height:1.47058824em; /* 50px */
		letter-spacing:0.2em;
		font-weight:normal;
		text-transform:uppercase;
	}

		/*
		 * Facebook Sidebar
		 */
		.sidebar-box--facebook a {
			display:block;
			font-weight:bold;
			text-decoration:none;
		}

		.sidebar-box--facebook .sidebar-title:after {
			content:'';
			display:inline-block;
			background:url(images/common/thumb.png) no-repeat 0 0;
			width:43px;
			height:37px;
		}

/*
 * Contenu principal
 */
.main {
	position:relative;
	clear:both;
	border-bottom:13px solid #433b42;
}

	.main-shadow {
		-webkit-filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.75));
		-moz-filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.75));
		filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.75));
	}

	.main-inner {
		position:relative;
		overflow:hidden;
		min-height:400px;
		background:#d5e1e5 url(images/common/sidebar-background.jpg) repeat-y 0 0;
		background:url(images/common/sidebar-background.jpg) no-repeat 0 0, url(images/common/sidebar-background-repeat.jpg) repeat-y 0 800px;
		-webkit-clip-path:polygon(0 15px, 30px 0, 950px 0, 100% 15px, 100% 100%, 0 100%);
		clip-path:polygon(0 15px, 30px 0, 950px 0, 100% 15px, 100% 100%, 0 100%);
		clip-path:url(images/common/filters.svg#cornersClipPath);
		-webkit-transform:translate(0);
		transform:translate(0);
	}

	.content {
		box-sizing:border-box;
		padding:25px 30px;
	}

		.content--with-sidebar {
			float:right;
			width:63.5714286%; /* 623px */
		}

		.content-title {
			margin-bottom:0.5em;
			color:#3f3c37;
			font-family:'SteelfishRg', sans-serif;
			font-size:4.28571429em; /* 60px */
			font-weight:normal;
			line-height:1;
			letter-spacing:0.2em;
			text-align:right;
			text-transform:uppercase;
		}

			.content-title a {
				text-decoration:none;
			}

			.post-header .content-title {
				text-align:left;
			}

/*
 * Page d'accueil
 */
body.home .main-inner {
	background-image:none;
}

.home-main-image {
	display:block;
	width:100%;
	height:auto;
}

.home .post-entry {
	position:absolute;
	left:5.1875rem; /* 83px */
	top:24.6875rem; /* 395px */
	width:20.5rem; /* 328px */
	height:12.75rem; /* 204px */
	padding:12px 15px 0 20px;
	color:#000;
	font-size:0.8175rem;
	line-height:1.25;
	letter-spacing:0.025em;
	overflow:auto;
	box-sizing:border-box;
	background-color: rgba(255, 255, 255, 0.89);
}

	.home .post-entry h2 {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
	}

	.home .post-entry > *:not(:last-child) {
		margin-bottom:1.021875rem;
	}

/*
 * Actu
 */
.post {
	position:relative;
}

	body.archive .post {
		overflow:hidden;
		margin-left:-80px;
		padding-left:80px;
		padding-bottom:24px;
		margin-bottom:24px;
		border-bottom:1px solid #fff;
	}

	.post-date {
		float:right;
		color:#396f94;
		font-size:0.71428571em; /* 10px */
		margin-bottom:1em;
	}

	.post-title {
		margin-bottom:0.625em; /* 10px */
		color:#ed6e08;
		font-size:1.14285714em; /* 16px */
		font-weight:bold;
		text-transform:uppercase;
	}

		body.single-post .post-title {
			font-size:1.28571429em; /* 18px */
		}

		.post-title-link {
			text-decoration:none;
		}

			.post-title-link:after {
				content:'… Lire la suite';
				position:absolute;
				right:0;
				bottom:8px;
				color:#dfe8ed;
				font-size:0.75em; /* 12px */
				line-height:1.25em;
				padding:0 0.25em;
				text-transform:lowercase;
				background:#296389;
			}

	.post .post-image {
		float:left;
		margin-left:-80px;
		margin-right:30px;
		margin-bottom:1em;
		box-shadow:2px 2px 5px rgba(0,0,0,0.5);
	}

		.post .post-image img {
			display:block;
			border:10px solid #fff;
		}

/* Post entry tags */
.post-entry {
	text-align:justify;
}

	body.category .post-entry,
	body.single-post .post-entry {
		margin-right:40px;
	}

	.post-entry p {
		margin-bottom:1em;
	}

	.post-entry h2 {
		color:#df7927;
		font-size:1.28571429em; /* 18px */
	}

	.post-entry iframe,
	.post-entry video,
	.post-entry object {
		max-width:100%;
	}

	.post-entry .alignleft {
		float:left;
		margin:0 1em 0.25em 0;
	}

	.post-entry .alignright {
		float:right;
		margin:0 0 0.25em 1em;
	}

/* Navigation */
.nav {
	text-align:right;
	text-transform:lowercase;
}

	.nav a, .nav-button {
		display:inline-block;
		color:#fff;
		font-size:0.85714286em; /* 12px */
		font-weight:bold;
		line-height:1.333333em;
		padding:0 0.25em;
		text-decoration:none;
		text-transform:lowercase;
		background:#ed6e08;
		transition:background-color linear 0.25s;
	}

		.nav a:hover, .nav-button:hover {
			background-color:#d96100;
		}

		.nav a[rel="prev"] span, .nav a[rel="next"] span {
			display:none;
		}

		.nav a.nav-link-all {
			display:inline-block;
			padding-left:0.5em;
			padding-right:0.5em;
		}

		.nav a[rel="prev"]:before {
			padding-left:1em;
			padding-right:0.5em;
			content:'\25C4';
		}

		.nav a[rel="next"]:after {
			padding-left:0.5em;
			padding-right:1em;
			content:'\25BA';
		}

		body.archive .nav a:before {
			content:'…';
		}

/*
 * Formulaire
 */
.textbox {
	min-height:22px;
	padding:0 10px;
	background:#fff;
	border:none;
	box-sizing:border-box;
	color:#2a648b;
}

textarea {
	font-family:'Myriad Pro', 'Trebuchet MS', sans-serif;
	font-size:1em;
	resize:vertical;
}

.button {
	min-height:22px;
	color:#ced7dd;
	font-weight:bold;
	text-align:center;
	background:#2a648b;
	border:none;
	cursor:pointer;
	text-decoration:none;
}

/*
 * Page Biographie
 */
.page-slug-biographie .main-inner {
	min-height:51.8571429em; /* 726px */
	background:#d0dce1 url(images/bio/bio.jpg) no-repeat 0 0;
}

.page-slug-biographie .content--with-sidebar {
	width:53.0612245%; /* 520px */
	padding-top:50px;
	padding-left:40px;
}

.page-slug-biographie .post-entry p {
	margin-bottom: 0.5em;
}

.page-slug-biographie .main:before {
	content:'';
	display:block;
	width:8.57142857em; /* 120px */
	height:18.5714286em; /* 260px */
	position:absolute;
	left:-8.57142857em; /* -120px */
	top:19.7857143em; /* 277px */
	z-index:2;
	background:url(images/bio/hand.png) no-repeat right top;
	background-size:cover;
}

.bio-emphasize {
	margin-top:1em;
	margin-left:195px;
}

/*
 * Page Spectacles
 */
.post-type-archive-spectacles .main-inner {
	min-height:600px;
	background:#386782 url(images/spectacles/spectacles.jpg) no-repeat 0 0;
	background-size:cover;
}

	.post-type-archive-spectacles .content--with-sidebar {
		float:left;
		width:64,2857143%; /* 630px */
		padding:25px 40px;
	}

	.post-type-archive-spectacles .sidebar {
		float:right;
		width:35.7142857%; /* 350px */
		padding:25px 40px;
	}

	/* Titres de la page */
	.content-title--spectacles-young,
	.content-title--spectacles-adult {
		display:inline-block;
		margin-bottom:0.75em;
	}

		.content-title--spectacles-young {
			color:#99bbcf;
		}

			.content-title--spectacles-young span {
				color:#fff;
			}

			.content-title--spectacles-adult span {
				color:#ed7110;
			}

		.content-title--spectacles-young span,
		.content-title--spectacles-adult span{
			display:block;
			text-align:right;
			font-size:0.5em;
		}

	/* Un spectacle */
	.spectacle {
		position:relative;
		float:left;
		width:255px;
		border:0;
		padding:0;
		margin:0;
	}

		.spectacle:before,
		.spectacle:after {
			content:'';
			position:absolute;
			z-index:1;
			left:-5px;
			display:block;
			width:265px;
			height:65px;
			background:url(images/spectacles/scotch.png) no-repeat 0 0;
		}

			.spectacle:before {
				top:-30px;
			}

			.spectacle:after {
				bottom:-40px;
				background-position:0 -65px;
			}

			.spectacle--slug-l-autre-cote:before,
			.spectacle--slug-l-autre-cote:after {
				background-image:url(images/spectacles/scotch-dark.png);
			}

		.spectacle + .spectacle {
			margin-left:25px;
		}

		.spectacle .post-image {
			position:relative;
			float:none;
			box-shadow:none;
			margin:0;
			max-height:255px;
			overflow:hidden;
		}

			.spectacle .post-image a {
				display:block;
				max-height:255px;
				overflow:hidden;
			}

			.spectacle .post-image img {
				width:255px;
				height:255px;
				border:0;
			}

		.spectacle-entry {
			position:relative;
			z-index:2;
			padding:12px 15px 15px 22px;
			height:100px;
			overflow:hidden;
			text-overflow:ellipsis;
			line-height:1;
		}

			.spectacle-entry *:last-child {
				margin-bottom:0;
			}

			.spectacle-title {
				margin-bottom:0.25em;
				color:inherit;
				font-size:1.64285714em; /* 23px */
				font-family:'SteelfishRg', sans-serif;
				font-weight:normal;
				letter-spacing:0.05em;
				text-transform:uppercase;
			}

				.spectacle-title a {
					text-decoration:none;
				}

					.spectacle-title a:before {
						content:'';
						position:absolute;
						left:0;
						right:0;
						top:0;
						bottom:0;
						background:rgba(0,0,0,0);
					}

					.spectacle-title a:after {
						content:'+';
						position:absolute;
						right:5px;
						bottom:5px;
						display:block;
						width:20px;
						height:20px;
						color:#171717;
						text-align:center;
						line-height:20px;
						background:#fff;
					}

		/* Sable chaud et vent mouillé */
		.spectacle--slug-sable-chaud-et-vent-mouille {
			color:#014768;
			background:#f4dda8;
		}
		
		.spectacle--slug-sable-chaud-et-vent-mouille .spectacle-entry p {
			color:#3b89a5;
		}

		/* Juste un bisou */
		.spectacle--slug-juste-un-bisou {
			color:#fff;
			background:#fb9d82;
		}

		/* L'autre côté */
		.spectacle--slug-l-autre-cote {
			color:#fff;
			background:#1f3437;
		}

			.spectacle--slug-l-autre-cote .post-image:after {
				content:'';
				position:absolute;
				left:0;
				top:0;
				z-index:2;
				display:block;
				width:78px;
				height:66px;
				background:url(images/spectacles/new.png) no-repeat 0 0;
			}

/*
 * Page d'un Spectacle
 */
.single-spectacles .main-inner {
	background:#386782 url(images/spectacles/spectacles-single.jpg) repeat-y 0 0;
	background-size:100% 100%;
}

.single-spectacles .content--with-sidebar {
	width:55.4081633%; /* 543px */
	padding:50px 40px 50px 50px;
	color:#095879;
}

	.single-spectacles .post-header {
		margin-bottom:2.85714286em; /* 40px */
	}

		.single-spectacles .content-title {
			margin-bottom:0.02em;
			color:inherit;
			font-size:3.42857143em; /* 48px */
			letter-spacing:0.06em;
		}

		.single-spectacles .post-subtitle {
			font-size:1.28571429em; /* 18px */
			text-transform:uppercase;
			font-weight:normal;
		}

.single-spectacles .sidebar {
	width:44.5918367%; /* 437px */
	padding:50px 20px 50px 30px;
	color:#000;
}

	.single-spectacles .post-image {
		margin:-50px -20px 50px -30px;
	}

	.sidebar-post-entry p,
	.sidebar-post-entry li {
		margin-bottom:1em;
	}

	.sidebar-post-entry h3 {
		margin-bottom:0.7em;
		font-weight:normal;
		color:#f7e1be;
		font-size:1.42857143em; /* 20px */
		text-transform:uppercase;
	}

	.sidebar-post-entry ul {
		list-style:none;
	}

		.sidebar-post-entry li:before {
			content:'-';
			margin-right:0.25em;
		}

	.sidebar-post-entry p > strong:only-child,
	.sidebar-post-entry li > strong:first-child {
		font-weight:bold;
		font-size:1.14285714em; /* 16px */
		text-transform:uppercase;
	}

	/* Juste un bisou */
	.single-spectacles-juste-un-bisou .main-inner {
		background:#386782 url(images/spectacles/spectacles-single-bisou.jpg) repeat-y 0 0;
		background-size:cover;
	}

	.single-spectacles-juste-un-bisou .content--with-sidebar {
		color:#6e4034;
	}

	.single-spectacles-juste-un-bisou .sidebar-post-entry h3 {
		color:#be3a32;
	}

/*
 * Page Contacts
 */
.page-slug-contacts .content--with-sidebar {
	padding:55px 60px;
}

	.page-slug-contacts .content--with-sidebar:after {
		content:'';
		position:absolute;
		right:0;
		bottom:0;
		display:block;
		width:670px;
		height:300px;
		background:url(images/contacts/letter.png) no-repeat bottom right;
	}

	.page-slug-contacts .post-entry {
		padding-bottom:150px;
	}

	.page-slug-contacts .post-entry h2 {
		text-transform:uppercase;
	}

	.page-slug-contacts .post-entry .aside {
		float:right;
	}

/*
 * Page Ateliers
 */
.page-slug-ateliers .main-inner {
	background:url(images/ateliers/ateliers.jpg) no-repeat 0 0, url(images/common/sidebar-background.jpg) no-repeat right 0, url(images/ateliers/sidebar-background-repeat.jpg) repeat-y 0 800px;
	background-size:45.1020408% auto, cover;
}

.page-slug-ateliers .content {
	padding:45px 25px 25px 35px;
	width:55.1020408%; /* 540px */
}

.page-slug-ateliers .sidebar {
	display:none;
}

.workshops {
	list-style:none;
}

.workshop {
	display:block;
	margin-bottom:1em;
	overflow:hidden;
}

	.workshop h2 {
		margin-bottom:0.25em;
		font-size:1em;
	}

		.workshop h2:before {
			content:'- ';
		}

		.workshop h2 em {
			color:#10649e;
			font-style:normal;
		}

		.workshop ul {
			list-style:disc inside;
		}

		.workshop .wp-audio-shortcode {
			display:inline-block;
			margin:0 1em;
			width:150px !important;
			height:16px !important;
			overflow:hidden;
				background:#296389 !important;
		}

			.workshop .mejs-container .mejs-controls {
				height:24px;
				background:none;
			}

				.workshop .mejs-container .mejs-controls div {
					height:16px !important;
				}

			.workshop .mejs-controls .mejs-volume-button,
			.workshop .mejs-controls .mejs-horizontal-volume-slider {
				display:none !important;
			}

			.workshop .mejs-playpause-button {
				width:25px !important;
				background:#296389 !important;
			}

/*
 * Page Concerts
 */
.post-type-archive-concerts .main-inner {
	min-height:805px;
	background:#d0dce1 url(images/concerts/concerts.jpg) no-repeat 0 0;
	background-size:contain;
}

	.post-type-archive-concerts .content--with-sidebar {
		width:53.0612245%; /* 520px */
		padding:35px 30px 15px 100px;
	}

		.post-type-archive-concerts .main:before {
			content:'';
			display:block;
			width:5.71429em; /* 80px */
			height:10.7143em; /* 150px */
			position:absolute;
			left:-5.71429em; /* -80px */
			top:9.85714em; /* 138px */
			z-index:2;
			background:url(images/concerts/arm.png) no-repeat right top;
			background-size:cover;
		}

	.post-type-archive-concerts .content-title {
		float:left;
		text-align:left;
	}

	.post-type-archive-concerts .legend {
		float:right;
		list-style:none;
		color:#3f3c37;
		font-size:1.28571429em; /* 18px */
		font-family:'SteelfishRg', sans-serif;
		letter-spacing:0.1em;
		text-transform:lowercase;
	}

		.post-type-archive-concerts .legend li {
			line-height:25px;
			margin-top:2px;
		}

	.post-type-archive-concerts .post-entry {
		clear:both;
	}

	.concert-icon {
		width:26px;
		height:26px;
		vertical-align:middle;
	}

.concerts {
	clear:both;
	list-style:none;
}

	.concert {
		position:relative;
		padding:8px 10px 8px 25px;
	}

		.concert:nth-child(2n+1) {
			background-color:#bacfda;
			background-color:rgba(93,144,176,0.21);
		}

		.concert .concert-icon {
			position:absolute;
			left:-10px;
			top:50%;
			margin-top:-13px;
		}

/*
 * Page Disques
 */
.single-disques .main-inner {
	min-height:600px;
	background:#49494a url(images/disques/sidebar.jpg) no-repeat 0 0;
	background-size:37.6530612% 100%; /* 369px */
}

	.single-disques .content--with-sidebar {
		float:right;
		width:62.3469388%; /* 611px */
		min-height:792px;
		padding:55px 30px 25px 23px;
		background:no-repeat center top;
		background-size:cover;
	}

		.single-disques-l-autre-cote .content--with-sidebar {
			background-image:url(images/disques/background-autre-cote.jpg);
		}

		.single-disques-juste-un-bisou .content--with-sidebar {
			background-image:url(images/disques/background-juste-un-bisou.jpg);
		}

		.single-disques-petits-bonheurs .content--with-sidebar {
			background-image:url(images/disques/background-petits-bonheurs.jpg);
		}

		.single-disques-dans-le-creux-de-mon-oreille .content--with-sidebar {
			background-image:url(images/disques/background-oreille.jpg);
		}

		.single-disques-j-entends-ton-coeur .content--with-sidebar {
			background-image:url(images/disques/background-j-entends-ton-coeur.jpg);
		}

		.single-disques-rien-ne-s-efface .content--with-sidebar {
			background-image:url(images/disques/background-rien-ne-s-efface.jpg);
		}

.album {
	width:100%;
	padding:13px 10px 15px 15px;
	background:url(images/disques/main.jpg) repeat-y 0 0;
	background-size:cover;
	box-sizing:border-box;
}

	.album-header {
		display:block;
		margin-bottom:5px;
	}

		.album-title {
			display:inline-block;
			margin:0;
			color:#ccc9ca;
			font-size:2.14285714em; /* 30px */
			line-height:1;
			text-align:left;
		}

		.album-date {
			float:right;
			color:#ccc9ca;
			font-size:1.28571429em; /* 18px */
			font-family:'SteelfishRg', sans-serif;
			letter-spacing:0.05em;
			line-height:2.22222222em; /* 40px */
		}

	.album-main {
		width:100%;
		overflow:hidden;
		margin-bottom:20px;
		background:#fff;
	}

		.album-main .post-image {
			float:left;
			width:52.532833%;
			overflow:hidden;
		}

			.album-main .post-image img {
				display:block;
				width:100%;
				height:auto;
			}

		.album-main-post {
			float:right;
			width:47.467167%; /* 253px */
		}

		.album-entry {
			max-height:18.5714286em; /* 260px */
			margin:10px 0;
			padding:0 10px;
			overflow:auto;
		}

			.album-entry .wp-playlist {
				padding:0;
				margin:0;
				border:none;
			}

				.album-entry .wp-playlist * {
					font-size:1em;
				}

			.album-entry .wp-playlist-current-item {
				display:none;
			}

	.album-link {
		display:inline-block;
		min-width:180px;
		height:13px;
		overflow:hidden;
		padding:2px 10px 13px;
		margin-bottom:1em;
		color:#43677d;
		font-size:0.92857143em; /* 13px */
		line-height:1;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		background:#eaeaea;
	}

		.album-link img {
			vertical-align:bottom;
		}

		.album-link--deezer {
			float:right;
			text-align:center;
		}

		.album-link--order {
			padding:10px 10px 5px;
			background-image:url(images/disques/disc.png);
			background-position:160px center;
			background-repeat:no-repeat;
		}

	.album-footer-mention {
		clear:both;
		color:#fff;
		font-size:0.85714286em;
		text-align:right;
	}

/* Sidebar d'un album */
.single-disques .sidebar {
	float:left;
	width:37.6530612%; /* 369px */
	padding:32px 17px 10px 22px;
}

	.single-disques .sidebar .content-title {
		margin-left:15px;
		margin-bottom:25px;
		color:#c4c0c1;
		font-size:2.78571429em; /* 39px */
		text-align:left;
	}

.disques-tag-title {
	clear:both;
	padding:3px 10px;
	margin-bottom:18px;
	font-size:1.07142857em; /* 15px */
	font-family:'SteelfishRg', sans-serif;
	font-weight:normal;
	letter-spacing:0.2em;
	text-transform:uppercase;
	background:#4f98c5;
}

.albums-list {
	margin:0 0 30px;
	list-style:none;
}

	.albums-list:after,
	.albums-list .albums:after {
		content:'';
		display:block;
		clear:both;
	}

	.albums {
		position:relative;
		clear:both;
		margin-bottom:12px;
	}

		.albums .post-image {
			float:left;
			margin-right:12px;
			border:2px solid #5c8aa6;
			box-shadow:-5px 5px 5px rgba(0,0,0,.75);
		}

			.albums .post-image img {
				display:block;
				width:78px;
				height:78px;
			}

		.albums-title {
			padding:2px 0;
			color:#faf4f4;
			font-size:1em;
			font-weight:normal;
			text-transform:uppercase;
		}

			.albums-title-link {
				text-decoration:none;
			}

				.albums-title-link:before {
					content:'';
					position:absolute;
					left:0;
					right:0;
					top:0;
					bottom:0;
					background:rgba(0,0,0,0);
				}

		.albums-date {
			color:#c4c0c1;
			font-size:1em;
		}

		.albums-meta {
			color:#c4c0c1;
			font-size:0.85714286em; /* 12px */
			font-style:italic;
		}

/*
 * Page Pro
 */
.page-slug-pro .content-title {
	text-align:right;
}

.pro-forms p,
.pro-forms label {
	font-weight:bold;
}

.pro-forms p {
	margin-bottom:1.42857143em; /* 20px */
}

.pro-forms .textbox:focus,
.pro-forms .textbox:active {
	outline:1px solid #2a648b;
}

/* Code */
.pro-form-code {
	margin-bottom:2em;
}

	.pro-form-code .field {
		display:inline;
		margin-right:0.5em;
	}

	.pro-form-code .textbox {
		min-width:180px;
	}

/* Utilisateur */
.pro-form-user {
	max-width:22.1428571em; /* 310px */
	margin-bottom:2em;
}

	.pro-form-user .field {
		margin-bottom:14px;
		margin-bottom:1rem;
		font-size:0;
	}

	.pro-form-user label {
		display:inline-block;
		font-size:14px;
		width:5em; /* 70px */
		vertical-align:top;
	}

	.pro-form-user .textbox {
		font-size:14px;
		font-family:'Myriad Pro', 'Trebuchet MS', sans-serif;
		width:17.1428571em; /* 240px */
	}

	.pro-form-user textarea.textbox {
		padding-top:5px;
		padding-bottom:5px;
		min-height:110px;
	}

	.pro-form-user .button {
		float:right;
		margin-bottom:2em;
	}

	.pro-form-user small {
		clear:both;
		display:block;
	}