/*!
Theme Name: sbabb
Theme URI: http://www.digeek.fr/
Author: digeek.fr
Author URI: http://www.digeek.fr/
Description: Thème réalisé pour societedesbeauxarts.com - 01/2018
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sbabb
Tags: custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

sbabb is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	background-color: #404040;
	font-family: 'Proxima Nova', sans-serif;
	font-size: 16px;
	/*font-size: 1rem;*/
	line-height: 1.5;
	/*-webkit-font-smoothing: antialiased;*/
	/* to stop flickering of text in safari */
	word-break: break-word;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #404040;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	/*font-size: 0.75rem;*/
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #fff;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
body{
	background-color: #50585e;
	color: #fff;
}
.main-wrapper{
	max-width: 1170px;
	margin: 0 auto;
}
#header{

}
#caroussel{

}
.nomargin{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.header-brand{
	padding-top: 30px;
	padding-bottom: 5px;
	position: relative;

}

#logo{
	float: left;

}
#becomemember{
	float: right;
	background-color: #d12f38;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	padding: 10px 30px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
#becomemember:hover,
#becomemember:active,
#becomemember:focus{
	background-color: #9f2a32;
	padding: 10px 35px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
#presentation{

}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#menuToggle button{
	display: none;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover, a:focus, a:active {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#primary-menu  {
	list-style: none;
	text-align: center;
	font-size:12px;
	font-family: 'Proxima Nova';
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	background-color: transparent;
	margin: 0;
}
#primary-menu li {
	display: inline-block;
	position: static;
	margin:0;
}
#primary-menu li a {
	display: block;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}
#primary-menu li a:hover,
#primary-menu li a:active,
#primary-menu li a:focus{
	text-decoration: none;
}
#primary-menu li.menu-item-has-children a:hover,
 #primary-menu li.menu-item-has-children a:active,
 #primary-menu li.menu-item-has-children a:focus
{
	 text-decoration: none;
	 background: url("assets/img/menu-hover.jpg") bottom center no-repeat;
 }
#primary-menu li.current-menu-item,
#primary-menu li.is-hover,
#primary-menu li.current_page_ancestor{
	text-decoration: none;
	background: url("assets/img/menu-hover-red.jpg") bottom center no-repeat;
}
#primary-menu li ul li.current-menu-item{
	text-decoration: none;
	background-image: none;
	font-weight: 400;
}
#primary-menu li ul.sub-menu{
	background-color: #eaeaea;
	width:100%;
	text-align: center;
	position: absolute;
	width: 100%;
	left:0;
	display: none;
	margin:0;
	z-index: 50;
	height:40px;
	padding: 0;
	line-height: 40px;
}
#primary-menu li:hover ul.sub-menu{
	display: block;
}
#primary-menu li ul.sub-menu li{
	padding:0;
}
#primary-menu li ul.sub-menu li a{
	color: #383838;
	padding:0 15px;
}
#primary-menu li ul.sub-menu li a:hover,
#primary-menu li ul.sub-menu li a:active,
#primary-menu li ul.sub-menu li a:focus{
	text-decoration: underline;
	background-image: none;
}
/*#primary-menu li ul.sub-menu li{*/
	/*display: inline-block;*/
/*}*/
.sf-navbar,
.sf-navbar:before{
	background-color: transparent
}
.sf-navbar li{
	background-color: transparent;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.blackbox{
	background-color: #232323;
	/*border: solid 1px #FFF;*/
	padding: 25px;
}
.verticalmargin{
	margin-top: 25px;
}
a.ensavoirplus_link{
	background-color: #fff;
	color: #232323;
	padding: 4px 15px;
	text-align: center;
	float: right;
	text-decoration: none;
	text-transform: uppercase;
	border: solid 1px #232323;
	margin-top: 10px;
}
a.ensavoirplus_link:hover,
a.ensavoirplus_link:active,
a.ensavoirplus_link:focus{
	background-color: #232323;
	color: #fff;
	border: solid 1px #FFF;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
a.archive_link{
	color: #fff;
	padding: 6px 17px;
	text-align: center;
	float: right;
	text-decoration: none;
	border: solid 1px #FFF;
	text-transform: uppercase;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;

	clear: both;
	margin-top: 15px;
}
a.archive_link:hover,
a.archive_link:active,
a.archive_link:focus{
	padding: 4px 15px;
	color: #fff;
	border: solid 3px #FFF;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#breadcrumbs{
	max-width: 1170px;
	padding: 30px 50px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: 300;
	margin-top: 60px;
}

.entry-header,
.entry-content,
.newscontent{
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}
.entry-content h2{
	position: relative;
	padding-left: 50px;
	margin-bottom: 1em;
}
.entry-content h2:before {
	width: 25px;
	border-bottom: solid 1px #FFF;
	position: absolute;
	left: 0px;
	top: 49%;
	display: inline-block;
	content: ' ';
}
.entry-content h3{
	position: relative;
	padding-left: 50px;
	font-size: 18px;
	margin-top: 10px;
}
.entry-content h3:before {
	width: 35px;
	border-bottom: solid 1px #FFF;
	position: absolute;
	left: 0px;
	top: 49%;
	display: inline-block;
	content: ' ';
}
.entry-content a{
	text-decoration: underline;
}

.homecontent h1{
	font-family: "Playfair Display", Serif;
	font-size: 24px;
	font-weight: 400;
}
.homecontent .entry-content{
	max-width: 850px;
	margin:0 auto;
}
.newscontent > .row > div:first-child{
	border-right: solid 1px #FFF;
}
.newscontent h2,
h2{
	font-family: "Playfair Display", Serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 4px;
	margin-bottom: 35px;
}
.newscontent h2{
	text-align: center;
}
.evenement{
	margin-bottom: 35px;
}
.evenement {
	width: 100%;
	display: block;
	vertical-align: top;
	padding: 20px;
	margin:0;
}
.page-id-59 .evenement{
	width: 48%;
	display:inline-block;
}
.actus .actu{
	padding: 20px;
}
.actu h3,
.evenement h3{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: relative;
	line-height: 24px;
	margin-top: 0;
}
.actu h3:after,
.evenement h3:after{
	content: ' ';
	width:50px;
	border-bottom: solid 1px #FFF;
	position: absolute;
	left:-8px;
	top:20px;
}

.actu_date,
.evenement_date{
	font-family: "Playfair Display", Serif;
	font-size: 16px;
	font-weight: 400;
	text-align: right;
	font-style: italic;
	letter-spacing: 3px;
}
.entry-content .evenement_date{
	margin-bottom: 20px;
	text-align: left;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0;*/
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-red-wrapper{
	background-color: #d12f38;
	/*border-bottom: solid 1px #FFF;*/
	/*border-top: solid 1px #FFF;*/
	padding-bottom: 40px;
	padding-top: 40px;

}
.page-red-wrapper h1{
	font-family: "Playfair Display", Serif;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 3px;
	position: relative;
	padding-left: 65px;
	margin: 0;
}
.page-red-wrapper h1:after{
	content: ' ';
	width:50px;
	border-bottom: solid 1px #FFF;
	position: absolute;
	left:0px;
	top:49%;
}
.page-template-template-artistes h2{
	text-align: center;
}
#artistes{
	position: relative;
}
#artistes,
.artistes-cadre{
	background: url(assets/img/divider.png) center top repeat-y #232323;
	color: #fff;
	max-width: 880px;
	padding: 30px 50px;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: 2px;
}
#artistes_loader{
	width:100%;
	height:100%;
	background: url(assets/img/loader.gif) center center no-repeat #232323;
	margin: 0 auto;
	display: none;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:50;
	min-height: 100px;
}
.artistes-cadre{
	background-image: none;
	background-color: #232323;
	height:20px;
	padding:0;

}
#artistes #colonnes {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;

}
.bloc_letter{
	padding-left: 38px;
	margin-bottom: 20px;
	margin-left: 80px;
}
.bloc_letter:before{
	content: ' ';
	border-top: solid 1px #fff;
	width:45px;
	display: block;
	position: relative;
	left:-45px;
}
a.artiste_fullname{
	color: #fff;
	display: block;
}
a.artiste_fullname:hover,
a.artiste_fullname:active,
a.artiste_fullname:focus{
	color: #fff;
	text-decoration: underline;
}
.artiste_nom{
	text-transform: uppercase;
}
.vertical-separator{
	height:80px;
	width: 20px;
	border-left: solid 1px #FFF;
	margin-left: 50%;
}
.vertical-separator-small{
	height:40px;
	width: 20px;
	border-left: solid 1px #FFF;
	margin-left: 50%;
}

ul#filtres,
ul#alphabet{
	list-style: none;
	margin:0;
	text-align: center;
}

ul#filtres{
	max-width: 550px;
	margin: 0px auto 20px auto;
}
ul#alphabet{
	max-width: 440px;
	margin: 0px auto 20px auto;
}

ul#filtres li,
ul#alphabet li{
	list-style: none;
	display: inline-block;
	padding: 5px 10px;
	background-color: #fff;
	color: #232323;
	border: solid 1px #50585e;
	margin: 5px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
}
ul#filtres li:hover,
ul#filtres li:active,
ul#filtres li:focus,
ul#filtres li.active,
ul#alphabet li:hover,
ul#alphabet li:active,
ul#alphabet li:focus,
ul#alphabet li.active{
	background-color: #50585e;
	color: #fff;
	border: solid 1px #fff;
}
.dofiltre{
	cursor: pointer;
}

img.artiste_portrait{
	border: solid 1px #fff;
	display: block;
	position: absolute;
	right: 40px;
	top: -33px;
}
.artiste_portrait_container{

	top: 0px;
}
.artiste_siteweb{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: solid 2px #fff;
	padding: 8px 15px;
	display: inline-block;
	margin-bottom: 10px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.artiste_siteweb:hover{
	color: #d12f38;
	background-color: #fff;
	text-decoration: none;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	}

.artiste_social{
	font-size: 24px;
	margin-left: 8px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.artiste_social:hover{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	opacity: 0.7;
}
.artiste_tel{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.artiste_email{
	text-decoration: none;
	color: #fff;
}
h2.subtitle{
	font-family: "Playfair Display", Serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 3px;
	position: relative;
	padding-left: 65px;
	margin: 0;
	text-align: left;
}
.single-artiste h3{
	font-family: "Playfair Display", Serif;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 35px;
}
#artiste-content{
	background-color: #232323;
	color: #fff;
	max-width: 1170px;
	padding: 30px 50px;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: 2px;
}
.artiste-bio{
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 300;
}
ul.artiste-galerie{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.artiste-galerie li{
	list-style: none;
	margin: 0;
	padding: 1%;
	width:30%;
	display: inline-block;
}
ul.artiste-galerie li a img{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
ul.artiste-galerie li a:hover img{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* All pages */
#page-content{
	background:  #232323;
	color: #fff;
	max-width: 1170px;
	padding: 30px 50px;
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: 2px;
	/*border: solid 1px #fff;*/
	padding-top: 60px;
}
#comments{
	max-width: 1170px;
	padding: 30px 50px;
	margin: 0 auto;
	font-size: 14px;/**/
}
.sidebar{
	max-width: 190px;
	float: right;
}
.sidebar-title{
	font-family: "Playfair Display", Serif;
	font-size: 18px;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 15px;
}
.sidebar-list ul{
	padding:0;
	font-size: 12px;
	margin-left: 0;
	list-style: none;
}
.sidebar-list ul li{
	margin-bottom: 0.8em;
}
.actu-list{
	clear: both;
}
.actu-list-item{
	width: 48%;
	padding: 1%;
	float: left;
}
.actu-list-date{
	font-size: 11px;
}

.post-navigation{
	max-width: 1170px;
	padding: 30px 50px;
	margin: 0 auto;
	font-family: 'Proxima Nova';
	font-weight: 300;
	font-style: normal;
}
.post-navigation .nav-next{
	float: right;
}
.post-navigation .nav-previous{
	float: left;
}
.post-navigation .nav-previous:before{
	content:'\00AB ';
	margin-right: 10px;
}
.post-navigation .nav-next:after{
	content:'\00BB ';
	margin-left: 10px;
}
/* Trombi */
#membres ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;

}
#membres ul li{
	list-style: none;
	padding: 30px;
	display: inline-block;
	max-width: 33%;
	vertical-align: top;
}
.membre_image,
.membre_description{
	width:100%;
}
.membre_description{
	background-color: #d12f38;
	color: #fff;
	padding: 10px;
}
.membre_image img{
	margin: 0px auto;
}
.membre_nom,
.membre_fonction,
.membre_email{
	text-align: center;
}
.membre_fonction{
	font-weight: 300;
}
.membre_email{
	font-weight: 300;
	font-size: 12px;
}

/* Galeries */
.item-galerie-caroussel{
	padding: 10px;
	opacity: 0.8;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.item-galerie-caroussel:hover{
	padding: 5px;
	opacity: 1;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
ul.slick-dots{
	list-style: none;
	position: absolute;
	left: 50%;
	bottom: 0px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0;
}
ul.slick-dots li{
	display: inline-block;
	height: 25px;
	width: 25px;
	overflow: hidden;
}
ul.slick-dots li button {
	height: 15px;
	width: 15px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	text-indent: -200px;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
	opacity: 0.6;
}
ul.slick-dots li:hover button,
ul.slick-dots li.slick-active button{
	opacity: 0.9;
}
.slick-arrow{
	width: 50px;
	height:50px;
	opacity: 1;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	border: none;
	position: absolute;
	text-indent: -100px;
	overflow: hidden;
	z-index: 10;
}
.slick-arrow:hover{
	opacity: 1;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.slick-prev{
	background: url(assets/img/prev_arrow.png) center center ;
	background-size:contain ;
	left:10px;
	top: 45%;
}
.slick-next{
	background: url(assets/img/next_arrow.png) center center;
	background-size:contain ;
	right: 10px;
	top: 45%;
}

.item-galerie{
	padding: 10px;
	opacity: 0.8;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	/*height:280px;*/
	display: inline-block;
	max-width: 24%;
}
.item-galerie:hover{
	opacity: 1;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.galerie{
	text-align: center;
}
.item-galerie a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	display: block;
}
.item-galerie:hover a {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
.galerie-caption{
	width: 100%;
	padding-top: 10px;
	height:80px;
	overflow: hidden;
}
a.galerie_archive_link{
	text-align: right;
	padding-top: 15px;
}
.galerie-archive-item{
	padding-bottom: 20px;
	border-bottom: solid 1px #fff;
	margin-bottom: 20px;
}
/* Single événement */
.type-evenement{
	padding: 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon{
	padding-top: 25px;
	margin-top: 25px;
	border-top: solid 1px #fff;
}
.site-info{
	background-color: #464e54;
	padding: 20px 80px;
}
.menu-footer,
.email-footer{
	margin-top: 15px;
	text-align: left;
	padding-left: 90px;
}

.email-footer a{
	color: #fff;
	font-size: 14px;
	padding: 6px 17px;
}
.menu-footer{
	margin-top: 0;
}
.menu-footer a{
	color: #fff;
	padding: 6px 17px;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	font-weight: 400;
	letter-spacing: 2px;
}


/*--------------------------------------------------------------
## RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 1170px) {
	.main-wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 768px) {
	/* NAV */

	#menuToggle{
		display: block;
		width: 60px;
		height: 60px;
		position: absolute;
		right: 20px;
		z-index: 900;
		bottom: 15px;
		-webkit-transition: all 200ms;
		-moz-transition: all 200ms;
		-ms-transition: all 200ms;
		-o-transition: all 200ms;
		transition: all 200ms;
	}
	#menuToggle.is-active{

		bottom: auto;
		top:0;
		-webkit-transition: all 200ms;
		-moz-transition: all 200ms;
		-ms-transition: all 200ms;
		-o-transition: all 200ms;
		transition: all 200ms;
	}
	#menuToggle button{
		display: block;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		background-color: #FFF;
	}
	.menu-menu-1-container{
		position: fixed;
		z-index:500;
		background-color: rgba(70, 78, 84, 0.90);
		height:100%;
		width:100%;
		top:0;
		display: none;
	}
	#primary-menu {
		padding: 20px 0;
		margin: 0;
		height:100%;
		overflow: scroll;
	}
	#primary-menu li {
		display: block;
		position: relative;
		margin: 0;
	}

	#primary-menu li a {
		font-size: 18px;
		display: block;
		color: #fff;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
		padding-bottom: 0px;
	}
	#primary-menu li ul.sub-menu {
		background-color: rgba(234, 234, 234, 0.2);
		width: 100%;
		text-align: center;
		position: relative;
		width: 100%;
		left: 0;
		display: block;
		margin: 0 auto;
		z-index: 50;
		height: auto;
		padding: 0;
		line-height: 30px;
		max-width: 90%;
	}
	#primary-menu li ul.sub-menu li a{
		font-size: 16px;
		color: rgb(234, 234, 234);
	}
	#primary-menu li.menu-item-has-children a:hover,
	#primary-menu li.menu-item-has-children a:active,
	#primary-menu li.menu-item-has-children a:focus,
	#primary-menu li.current-menu-item,
	#primary-menu li.is-hover,
	#primary-menu li.current_page_ancestor{
		text-decoration: none;
		background-image: none;
	}
	#becomemember {
		float: left;
		padding: 10px 30px;
		margin: 20px;
		display: block;
		clear: both;
		max-width: 50%;
	}

	.artiste_coordonnees{
		margin-top: 25px;
	}
	.row_header_artiste{
		position: relative;
	}
	.artiste_portrait_container{
		display: block;
		width: 160px;
		position: absolute;
		right: 40px;
		top: 50px;
	}
	#artiste-content {
		margin-top: 30px;
	}
	footer img{
		margin: 10px auto !important;
		float: none !important;
		display: block !important;
	}
	.menu-footer,
	.email-footer{
		padding: 0px;
	}
	.email-footer a,
	.email-footer a,
	.menu-footer a {
		display: block;
		text-align: center;

	}
	#membres ul li{
		max-width: 50%;

	}
	.page-id-59 .evenement {
		width: 100%;
		display: block;
	}
	.sidebar {
		max-width: 300px;
		float: none;
		margin: 10px auto;
	}
	.item-galerie{

		max-width: 32%;
	}
}

@media (max-width: 640px) {
	.artiste_portrait_container {
		right: 0px;
	}
	.item-galerie{
		font-size: 13px;
	}

}

@media (max-width: 480px) {
	#breadcrumbs{
		margin-top: 0;
	}
	.page-red-wrapper h1 {
		font-family: "Playfair Display", Serif;
		font-size: 30px;
		font-weight: 400;
		letter-spacing: 3px;
		position: relative;
		padding-left: 10px;
		padding-right: 0px;
		margin: 0;
		overflow: hidden;
	}
	#artistes #colonnes {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
	#artistes, .artistes-cadre{
		background: #232323;

	}
	.bloc_letter{
		margin-left: 30px;
	}
	.site-info {
		padding: 20px 20px;
	}
	.artiste_portrait_container {
		display: block;
		width: 100%;
		position: relative;
		right: initial;
		top: initial;
		bottom: initial;
		text-align: center;
	}
	.artiste_portrait_container img.artiste_portrait {
		border: solid 1px #fff;
		display: inline;
		position: relative;
		right: initial;
		top: initial;
	}
	.artiste_coordonnees {
		text-align: center;
	}
	#artiste-content {

		margin-top: 30px;
	}

	.alignright,
	.alignleft{
		margin: 10px auto;
		float: none;
		clear: both;
	}
	.item-galerie{
		max-width: 49%;
	}
	.page-red-wrapper h1:after {
		display: none;
	}
	.entry-content h2 {
		position: relative;
		padding-left: 30px;
		font-size: 18px;
		margin-bottom: 1em;
		word-break: break-word;
	}
	ul.artiste-galerie li {
		list-style: none;
		margin: 0;
		padding: 1%;
		width: 100%;
		display: block;
	}
}
img[title="Partenaires"]{
	margin-top: 30px;
}
#nf-description-52{
	display:none;
}