/*
Theme Name: mna
Theme URI: http://marie-noelle-augendre.com
Author: Marie-Noëlle Augendre
Author URI: http://marie-noelle-augendre.com

*/

/* Reset
 */
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 {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	outline: none;
}

/* défauts
 */

body {
	font: 12.6px/18px Overlock, cursive;
}

h1, h2, h3, h4 {
    font-family: 'Happy Monkey',cursive;
/*	clear: both;*/
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
	margin-top: 1px;
	margin-bottom: 15px;
}

h3 {
	font-size: 14px;
	font-variant: small-caps;
	margin-bottom: 7px;
}

p, div {
	font-size: 15px;
	line-height: 24px;
}

#primary p
{
	margin-bottom: 18px;
}

#site-navigation div, #colophon div {
    font-size: 0.85em;
}

aside p {
	font-size: 0.9em;
	line-height: 1.3em;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

ol, ul {
	list-style: none outside none;
}

table {
	padding:20px;
}

#primary .tablepress {
	width: auto;
}

form tr {
	height: 45px;
}

input {
	font: inherit;
	padding: 1px;
}

.empty {
	clear: both;
}

.alignright {
	float: right;
/*	margin-top: -25px;*/
	margin-left: 20px;
}

.wp-caption-text {
	font-size: 0.9em;
	line-height: 1.15em;
}


/* couleurs et décoration
 */
body,
.ui-tabs-nav li a/*,
#primary .su-tabs .su-tabs-nav span,
#primary .su-tabs .su-tabs-panes .su-tabs-pane*/ {
	color: #cbcbcb;
}

:focus {
    outline: 1px solid #13ADE7;
}
a:link,
a:visited {
    color: #13ADE7;
}

a:hover, a:active {
    color: #ffa500;
}

#logo a,
#logo .GalleryDesc,
#primary h1,
.kwicks .name,
.ui-tabs-nav li.ui-tabs-active a,
#secondary h3 {
	color: #ffffff;
}

body,
/*#primary .su-tabs,*/
#site-navigation .sub-menu li,
#colophon {
	background-color:#282828;
}

#logo,
#primary .one-post h2,
#primary #accordion .ui-accordion-header,
#primary .tabs .ui-tabs-nav li,
#secondary aside h3/*,
#primary .su-tabs-nav span*/ {
	background-color: #121212;
}

#home-widgets .widget_ultimate_posts li,
#primary .tabs .ui-tabs-nav li.ui-tabs-active{
	background-color: #202020;
}

img,
table,
#primary .one-post,
#primary #accordion .ui-accordion-content,
#primary .ui-accordion-content img,
#primary #content .gallery-item, 
#primary .tabs .ui-tabs-panel,
#primary .one_post,
/*#primary .su-tabs-nav .su-tabs-current,
#primary .su-tabs-pane,*/
#primary .tablepress,
#primary .tablepress td,
#secondary {
	background-color: #202020;
	border: #121212 1px solid;
}

#primary .tabs .ui-tabs-nav li {
	border-color: #121212;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

#secondary li {
	border-color: #121212;
	border-width: 0 0 1px 0;
	border-style: solid;

}

#secondary li:last-of-type {
	border: none;

}

table,
#home-widgets .widget_ultimate_posts li,
#primary .one-post,
#primary .ui-accordion-content img,
#primary #content .gallery-item,
#primary .one_post,
#primary .tablepress {
	box-shadow: 1px 1px 3px 0 #121212;
}

input, textarea {
	color: #121212;
	background-color: #dcdcdc;
}


/* layout
 */
html, body, #page, #main {
	height: 100%;
}

#site-navigation, #main, #colophon {
	margin: 0 20px 0 40px;
}

#logo, #main {
	clear:both;
}

#logo {
    margin-top: 5px;
	padding: 15px 50px;
}

#primary {
	float:left;
	width:100%;
	min-width: 580px;
	max-width: 910px;
	padding: 45px 5px 30px 15px;
}

#content {
	width:100%;
}

#primary .tabs,
#primary #accordion,
#primary #masonry {
	width: 100%;
}

.single #primary .one-post,
.single #primary .navigation {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.single #primary .navigation {
	margin-top: 6px;
}

.single #primary .next {
	float: right;
}

.archive #primary .navigation {
	margin-top: -38px;
}

.archive #primary .navigation .next,
.archive #primary .navigation .previous {
	float: right;
	margin-left: 30px;
}

#home-widgets {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#home-widgets .PiwigoPress {
	width: 65%;
	float: left;
/*	margin-top: 20px;*/
}

#home-widgets .widget_ultimate_posts {
	margin-left: 65%;
	margin-top: 8px;
}

#home-widgets .widget_ultimate_posts li {
	margin-bottom: 7px;
}

#end-of-page {
/*	margin-top: 100%;*/
}

/*.category-press-book #primary .one_post {
	float: left;
	width: 160px;
	height: 190px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 8px 0 0 5px;
	text-align: center;
	position: relative;
}

.category-press-book #primary .one_post > div {
	position: absolute;
	top: 50%;
	margin-top: -92px;
}

.category-realisations #primary .one_post {
	clear: both;
	margin-top: 20px;
	padding: 0 20px 12px 20px;
}*/

#secondary {
	width: 268px;
	float: right;
	min-height: 100%;
/*	padding: 10px 4px 8px 10px;*/
}

#secondary h3 {
	padding: 5px 0 5px 0;
	text-align: center;
}

#secondary div,
#secondary ul {
	padding: 2px 4px 6px 4px;
}

#end-of-page {
	visibility: hidden; 
}

#colophon {
	position: fixed;
	display: block;
	bottom:0;
	width: 890px;
	padding: 3px 6px 6px 0;
/*	z-index: -1;*/
}

/* styles éléments
 */

#site-navigation {
    display: block;
    text-transform: uppercase;
}

#site-navigation li {
    display: block;
    float: left;
    padding: 10px 15px;
}

#site-navigation .sub-menu {
	position: absolute;
	margin-left: -7px;
	visibility: hidden;
}

#site-navigation .sub-menu li {
	clear: left;
	width: 150px;
	padding: 8px 0 3px 20px;
	text-transform: none;
}

#site-navigation li:hover .sub-menu {
    visibility: visible;
}

#social-links {
/*	width: 120px; pour 5 icônes */
	width: 48px;
	float: right;
	margin-top: 10px;
	margin-right: 33px;
}

#social-links li span {
	display: block;
	width: 20px;
	height: 20px;
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
}

#social-links .facebook span {
	background-image: url("img/facebook.png");
}
#social-links .googleplus span {
	background-image: url("img/googleplus.png");
}
#social-links .twitter span {
	background-image: url("img/twitter.png");
}
#social-links .linkedin span {
	background-image: url("img/linkedin.png");
}
#social-links .rss span {
	background-image: url("img/rss.png");
}

#logo .GalleryTitle {
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
}

#main {
	font-size: 14px;
	line-height: 20px;
}

#primary h1 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#primary img.alignleft {
	margin-right: 8px;
}

#primary .one-post h2 {
	margin-top: 0;
	padding: 10px;
}

#primary .one-post .the_content {
	padding: 20px;
}

#primary iframe {
	margin-left: 120px;
}

#primary .vendors td {
	line-height: 1.2em;
}

#primary .vendors .column-1 {
	min-width: 85px;
	vertical-align: middle;
}

/*.contact, .dates {
	margin-top: 15px;
}

.mail:before, .site_web:before {
    content: " | ";
}*/

#secondary {
	border-top: none;
}

/* formulaire de recherche
 */
#search-button, #search-form {
	float: right;
	margin-top: 15px;
}

#search-button i {
	display:block;
	height: 30px;
	width:30px;
	margin: 5px;
}

#search-button:hover {
	cursor: pointer;
}

#search-form {
		width: 225px;
		height: 30px;
		position: absolute;
		right: 30px;
		margin-top: 47px;
		padding: 10px 0 0 5px;
}


/* formulaire de contact
 */

.formulaire {
	padding: 20px;
}

.formulaire .label {
    width: 175px;
	vertical-align: top;
}

.formulaire .little {
	font-size: 0.85em;
}

.formulaire .submit {
	text-align: right;
	vertical-align: bottom;
}

/* tables
 */
#primary .tarif_cp td {
	text-align: right;
}

/* widgets PiwigoPress
 */
#home-widgets .PWGP_widget {
	float: left;
	margin: 0 0 4px 10px;
}

#home-widgets .PWGP_widget img {
	padding: 8px;
	border-radius: 3px;
}

#home-widgets .widget_ultimate_posts li {
	padding: 5px 5px 5px 8px;
	border-radius: 3px;
}

#home-widgets .widget_ultimate_posts .post-title {
	margin-bottom: 5px;
}

#home-widgets .PWGP_caption, 
#secondary .PWGP_caption, 
#secondary .PiwigoPress .widget-title {
	display: none;
}

#secondary .PWGP_thumb {
	margin-left: 5px;
	box-shadow: 2px 2px 4px 0 #121212;
}

/* surcharge styles gallery
 */

.gallery-item {
	margin-bottom: 10px;
}

.masonry .gallery-item {
	width: inherit !important;
	margin-bottom: 5px;
}

.gallery-caption {
	display: block;
/*	max-width: 100%;
	padding: 0 0px 8px 0px;*/
	font-size: 0.85em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.ui-tabs-panel .gallery .gallery-item {
/*	height: 144px;
	padding: 0 6px 6px 0;*/
	border: none !important;
	box-shadow: none !important;
}

/* surcharge styles fancybox
 */

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	box-shadow: 0 0 0 -40px #fcfcfc !important;
}

#slb_viewer_wrap .slb_data_content span {
	font-family: Overlock, cursive;
	font-size: 16px;
}

#slb_viewer_wrap .slb_data_desc span {
	font-size: 13px;
}

/* styles accordéons
 */
#primary #accordion .ui-accordion-header {
	padding: 8px 15px 8px 30px;
	margin-bottom: 0;
	background-image: url("img/eye_16x12.png");
	background-position: 7px 12px;
	background-repeat: no-repeat;
}

#primary #accordion .ui-accordion-header-active {
	background-image: url("img/eye_16x12_active.png");
}

#primary #accordion .ui-accordion-header .dates {
	display: block;
	font-size: 0.85em;
	text-align: right;
	margin-top: -19px;
}

#primary #accordion .ui-accordion-content {
	position: relative;
	padding: 25px 30px 10px 30px;
	border-top: none;
	font-size: 1.15em;
}

#primary #accordion .ui-accordion-content .informations {
	font-size: 0.85em;
}

#primary #accordion .ui-accordion-content .link {
	position: absolute;
	bottom: 15px;
	font-size: 0.85em;
}

/* styles masonry
 */
#primary .masonry .item {
/*	padding: 8px 5px 5px 5px;
	text-align: center;
	margin: 4px;*/
}

/* styles tabs
 */
#primary .tabs {
	margin-top: 40px;
}

#primary .tabs .ui-tabs-nav li {
    display: inline-block;
	height: 28px;
    padding: 9px 12px 0 10px;
    text-align: center;
	font-family: "Happy Monkey", cursive;
	font-size: 13px;
	border-radius: 18px 18px 0 0;
}

#primary .tabs .ui-tabs-panel {
	margin-top: -1px;
	padding: 15px;
}

/* styles carousel
 */
#primary .roundabout {
	height: 500px;
}

/* styles kwicks
 */
/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
body {
/*	background-color: #1d1e21;
	padding: 50px;*/
}
.kwicks {
	/* recommended styles for kwicks ul container */
	width:1100px;
	height:480px;
	list-style: none;
	position: relative;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 160px;
	height: 480px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 0px; /*Set to same as spacing option. */
}

.kwicks .shadow {
    background: url("img/kwicks_shadow.png") no-repeat scroll right top transparent;
    height: 100%;
    position: absolute;
    right: 0;
    width: 27px;
    z-index: 999;
}

.kwicks .name {
    position: absolute;
    bottom: -7px;
    width: 184px;
	background: url("img/000_80.png") repeat scroll 0 0 transparent;
    padding: 10px 5px 10px 6px;
	font-size: 14px;
    overflow: hidden;
}

.kwicks .desc {
    position: absolute;
    bottom: -15px;
    width: 100%;
	background: url("img/000_80.png") repeat scroll 0 0 transparent;
    padding: 20px 15px;
    overflow: hidden;
    display: none;
}

.kwicks a{
	color:#cbcbcb;
	font-size: 1.25em;
}

.kwicks img {
	height:480px;
	border: none;
}

.kwicks li:hover .name{
	visibility: hidden;
}

.kwicks a:hover .desc{
	/*display: block;*/
}

/* forçage formattage iframe issuuembed et blurb
 */
#primary .issuuembed,
#primary .issuuembed a {
	font: 12.6px/18px Overlock, cursive !important;
}

#primary .issuuembed a {
	color: #13ade7 !important;
}

#primary .blurb
{
	margin-left: auto;
	margin-right: auto;
}

/* partage réseaux sociaux
 */
.single #primary .juiz_sps_links ul {
	text-align: center;
}