/* @override 
	http://localhost:8888/jmcropsal/wp-content/themes/jmc/style.css?ver=3.5.2
	http://www.utopsie.com/work/jmc/003/wp-content/themes/jmc/style.css?ver=3.5.2 */

/*
Theme Name:     JMC
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme 
Author:         utopsie
Author URI:     http://www.utopsie.com
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

/* Working -------------------------- */
.legende {
	display: none;
	padding: 3px 5px 5px;
	font-size: 70%;
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	//display: inline-block;
	float: left;
	position: absolute;
	top: 25px;
	opacity: 0.6;
	border-width: 1px;
	border-color: #a7a7a7;
	left: 20px;
	z-index: 98;
}
.legende_2 {
	display: none;
	padding: 3px 5px 5px;
	font-size: 70%;
	background-color: rgba(255, 255, 255, 0.2);
	color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	//display: inline-block;
	position: absolute;
	opacity: 0.6;
	border-width: 1px;
	border-color: #a7a7a7;
	left: 20px;
	float: left;
	z-index: 99;
	line-height: 1em;
}

/* Fonts ------------------------------- */

@font-face {
    font-family: 'blockgothiclxc';
    src: url('fonts/blockgothiclightextracond-webfont.eot');
    src: url('fonts/blockgothiclightextracond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blockgothiclightextracond-webfont.woff') format('woff'),
         url('fonts/blockgothiclightextracond-webfont.ttf') format('truetype'),
         url('fonts/blockgothiclightextracond-webfont.svg#blockgothiclightextracondRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Cleanup ----------------------------- */
body {
	background: url(images/bg_sable.jpg) #dcdccc !important;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin: 0;
	padding: 0;
	width: 100%;
}
body.custom-font-enabled {
	font: 1.1em/normal "minion-pro","Georgia",serif;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.71);
}
body .site {
	box-shadow: none;
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	display: block;
}
#bg_top {
	width: 100%;
	height: 160px;
	position: absolute;
	top: 0;
	background: url(images/bg_top.jpg) left repeat-x black;
	z-index: 0;
}
a {
	color: #8F6820;
	text-decoration: none;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.site-content article {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}	
/* Footer */
footer[role="contentinfo"] {
	border-top: none;
	display: block;
	float: right;
	width: 79.2%;
	margin-top: 0;
}
footer ul.menu  {
	border-top: 1px solid black;
	width: 80%;
	font: 24px 'blockgothiclxc';
	text-transform: uppercase;
	padding-top: .3em;
	display: block;
	text-align: justify;
	float: none;
}
footer ul.menu li.menu-item {
	display: inline-block;
	margin: 0;
	float: none;
}
footer ul.menu li.menu-item.menu-item-322 {
	width: 100%;
	display: inline-block;
	float: none;
	margin: 0;
	height: 0;
	overflow: hidden;
}
#wpstats {
	visibility: hidden;
}
/* Structure --------------------------- */

header hgroup {
	width: 250px;
	height: 160px;
	position: absolute;
	top: 0;
	display: block;
}
h1, h2 {
	font-family: 'blockgothiclxc';
}
.site-header h1 a {
	background: url(images/logo_header.png);
	width: 250px;
	height: 160px;
	text-indent: -99999px;
}
.site-header h1 a:hover {
	background-position: 0 -189px;
}
ul {
	list-style: none;
	padding: 0;
	display: block;
	float: left;
}
li {
	margin-left: 0 !important;
	display: block;
	float: left;
}
ul.liste {
	width: 100%;
	display: block;
	float: left;
}
.page ul.main_liste {
	width: 80%;
}
ul.main_liste > li {
	width: 100%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid black;
}
ul.main_liste > li:nth-of-type(1){

}
ul.main_liste > li:last-of-type {
	border-bottom-style: none;
}
ul.main_liste > li:nth-of-type(1) ul.liste > li  {
	width: 30%;
	margin-right: 5%;
}
ul.main_liste > li:nth-of-type(1) ul.liste > li.peintures  {
	width: 100%;
}
ul.main_liste > li:nth-of-type(1) ul.liste > li:nth-of-type(3) {
	margin-right: 0;
}
ul.main_liste > li:nth-of-type(1) li a {
	display: block;
	float: left;
	width: 100%;
}
ul.liste > li {
	display: block;
	margin: 0;
	float: left;
	width: 100%;
}
.first_images_list {
	width: 100%;
	display: block;
}
ul.galerie {
	list-style: none;
	padding: 0;
	display: block;
	float: left;
	margin-left: -13px;
	margin-right: 0;
	width: 100%;
}
.first_images_list ul.galerie {
	display: block;
	float: left;
}
ul.galerie li {
	display: block;
	margin: 0 5% 10px 0;
	line-height: 0;
	float: left;
}
.images_list ul.galerie li {
	width: 30%;
}
.first_images_list ul.galerie li {
	width: 100%;
}
.peintures ul.galerie li {
	width: 30%;
}
ul.galerie li:nth-of-type(3) {
	margin-right: 0;
}
ul.galerie li img {
	padding: 0 13px 30px;
	background: url(images/shadow.png) no-repeat;
	background-size: 100% 100%;
}
a img:hover {
	opacity: 0.65;
}
ul.main_liste li h2 {
	//margin-bottom: 1em;	
}

/* Accueil ----------------------------- */
.home #bg_top {
	display: none;
}
.home header {
	display: none;
}
.home .site-content {
	width: 90%;
}
.home .entry-content {
	display: block;
	float: left;
	margin-top: 160px;
}
.home .entry-content .main_logo {
	width: 176px;
	height: 204px;
	background: url(images/logo_main.png);
	display: block;
	float: left;
	margin-right: 10px;
}
.home .entry-content .main_image {
	width: 293px;
	height: 390px;
	background: url(images/head_main.png);
	display: block;
	float: left;
	margin-top: -80px;
}
.home.page .entry-content p {
	display: block;
	float: right;
	position: relative;
	width: 42%;
	clear: right;
	line-height: normal;
	font-size: 0.95em;
}
.drop-cap p:first-of-type:first-letter {
	font-family: 'blockgothiclxc' !important;
	float: left;
	margin: auto .05em auto auto;
	padding: inherit;
	font-size: 4.9em;
	font-family: inherit;
	line-height: 0.84;
	text-indent: 0;
	color: inherit;
}
p + .drop-cap {
	text-indent: 0;
	margin-top: 0;
}
.home .entry-content p a {
	font-family: 'blockgothiclxc';
	font-size: 36px;
	line-height: 1em;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid black;
	text-transform: uppercase;
}
.site-header {
	z-index: 999;
	position: relative;
	padding: 0;
	height: 160px;
	top: 0;
	margin-right: 0;
	width: 100%;
}
.main-navigation {
	position: absolute;
	bottom: 0;
	display: block;
	margin-left: 200px;
	right: 0;
	width: 80%;
}
.nav-menu {
	font-family: 'blockgothiclxc';
	text-shadow: 0 1px 1px black;
	width: 79.2%;
	display: block;
	float: left;
	background-color: transparent;
	padding-right: 20px;
	box-sizing: border-box;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-style: none;
	width: 100%;
	text-align: justify;
	line-height: 0.5em;
}
.main-navigation li {
	font-size: 36px;
	//margin-right: 40px;
	display: inline-block;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.main-navigation li.menu-item-327 {
	//margin-right: 0;

margin: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 0;
	line-height: 0;
}
.main-navigation li a {
	line-height: 1em;
}
.main-navigation li a:hover {
	color: #e2e2d2;
}
.main-navigation .page-item a {
	color: #b9bda3;
}
.main-navigation .current_page_item a {
	font-weight: normal;
	font-style: normal;
	color: #e2e2d2;
}

/* Pages ------------------------------- */
.home .site-content {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
}
.site-content {
	display: block;
	float: right;
	width: 79.2%;
}
.page .entry-content p {
	width: 80%;
	display: block;
}
.entry-header .entry-title {
	font-size: 40px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}

.entry-content h2 {
	font-size: 40px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 0;
	line-height: normal;
	margin-bottom: 0.5em;
}
.title {
	font: normal normal 36px 'blockgothiclxc';
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
.entry-content ul.main_liste .link {
	font: normal normal 24px 'blockgothiclxc';
	text-transform: uppercase;
	margin-bottom: 0.5em;
	display: block;
	float: left;
	clear: left;
}


/* Single ------------------------------ */
.single .entry-content p {
	width: 80%;
	display: block;
}
.entry-content h1 {
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
.gallery-size-thumbnail {
	margin-left: -13px !important;
}

.gallery img.attachment-thumbnail {
	padding: 0 13px 30px;
	background: url(images/shadow.png) no-repeat;
	background-size: 100% 100%;
	border: none !important;
}
.single .gallery img.attachment-thumbnail {
	
}
.gallery-item {

}

/* Tiled Gallery ----------------------- */

.tiled-gallery {
	margin-left: -13px !important;
}
.tiled-gallery a {
	width: 100% !important;
	height: 100%;
	display: block;
	float: left;
	z-index: 2;
	position: relative;
}
.tiled-gallery img {
	margin: 0px !important; /* Ensure that this value isn't overridden by themes that give content images blanket margins */
	padding: 0 13px 30px !important;
	//left top no-repeat !important;
	//background-size: 100% 100% !important;
	display: block;
}
.tiled-gallery-title {
	display: none;
	margin-bottom: 30px !important;
	margin-left: 13px;
	font-weight: bold !important;
	text-shadow: 0 1px 3px black !important;
	color: white !important;
	font-size: 14px !important;
	text-indent: 8px !important;
	padding-bottom: 2px !important;
	width: 80% !important;
	display: block;
	position: absolute;
	bottom: 0;
	background-color: transparent !important;
}
.tiled-gallery-caption {
	display: none;
}
.g_shadow {
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	z-index: 1;
}
.g_shadow .g_bg_a {
	width: 13px;
	display: block;
	float: left;
	left: 0;
	background: url(images/g_bg_a.png) no-repeat;
	bottom: 60px;
	position: absolute;
	top: 0;
}
.g_shadow .g_bg_b {
	width: 13px;
	display: block;
	float: left;
	background: url(images/g_bg_b.png), no-repeat;
	bottom: 60px;
	position: absolute;
	top: 0;
	right: 8px;
}
.g_shadow .g_bg_c {
	width: 60px;
	display: block;
	float: left;
	left: 0;
	background: url(images/g_bg_c.png) no-repeat;
	bottom: 0;
	position: absolute;
	height: 60px;
}
.g_shadow .g_bg_d {
	height: 60px;
	background: url(images/g_bg_d.png) left bottom repeat-x;
	display: block;
	position: absolute;
	left: 60px;
	bottom: 0;
	right: 68px;
	float: left;
}
.g_shadow .g_bg_e {
	width: 60px;
	display: block;
	float: left;
	background: url(images/g_bg_e.png) right top no-repeat;
	bottom: 0;
	position: absolute;
	right: 8px;
	height: 60px;
}

/* Lightbox ---------------------------- */

#imageContainer {
	padding: 2px !important;
}
#imageDataContainer {
	font: .9em "minion-pro","Georgia",serif !important;
}
#bottomNav {
	padding-top: 10px;
}
#imageDetails {
	padding-bottom: 10px;
	padding-top: 10px;
}
#caption {
	width: 100%;
}
#captionText {
	font-weight: normal;
	font-style: normal;
	font-size: 0.95em;
}
#numberDisplay {
	display: none !important;
}
#prevLink,#nextLink {
	width:45%;
	height:100%;
	background:transparent url('./images/blank.gif') no-repeat;
	display:block
}
#prevLink {
	left:0;
	float:left
}
#nextLink { 
	right:0;
	float:right
}
#prevLink:hover,
#prevLink:visited:hover {
	background:url('images/prev.png') left 50% no-repeat !important;
}
#nextLink:hover,
#nextLink:visited:hover {
	background:url('images/next.png') right 50% no-repeat !important;
}

/* ------------------------------------- */