/*
Theme Name:     Société des arts V03
Description:    Theme enfant pour le theme Twentyfifteen
Author:         Devsector.ch
Author URI:     http://www.devsector.ch
Template:       twentyfifteen
Version:        3.2.7
*/

/*
GESTION DES COULEURS
Beaux-arts: rgba(153, 0, 102, 1); .page-template-modele_classedesbeaux-arts
Industrie: rgba(235, 132, 47, 1); .page-template-modele_classeindustrieetcommerce
Agriculture: rgba(93, 144, 85, 1); .page-template-modele_classeagricultureetartdevivre
Jeudi: rgba(105, 31, 111, 1); .page-template-modele_jeudidupiano
Crosnier: rgba(153, 0, 102, 1); .page-template-modele_crosnier
Collections	rgba(20, 55, 82, 1); .page-template-modele_collections

Bleu fonce: rgba(20, 55, 82, 1);
*/
@import url("../twentyfifteen/style.css");




.grecaptcha-badge{
	left:-30000px !important;
}

body .vbox-content > img {
    max-height: 80vh !important;
}

/********** DESKTOP **********/

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1100px) {
body, html{height:100%; min-height: 100%;}
.sidebar{min-height: 100%; padding-bottom: 150px;}
.site-content{width: 750px;}
.single-post .site-content{max-width: 660px;}
.secondary{margin:calc(20% - 5px) 0;}
.site {
    margin:  0 auto;
    max-width: 1080px;
}
body:before {
    max-width: 413px;
    display: none;
}
.site-header{margin: 30px 0; padding: 0 50px;}
.sidebar{max-width: 320px; position: absolute !important;}
.hentry, .page-header, .page-content {margin: 0;}
.site-content {margin-left: 330px;position: relative;}
.main-navigation{min-height: 202px;}
.main-navigation ul {
    border-bottom: 0px solid rgba(51, 51, 51, 0.1);
    border-top: 0px solid rgba(51, 51, 51, 0.1);
}
.main-navigation li {
    border-top: 0px solid rgba(51, 51, 51, 0.1);
    position: relative;
}
.main-navigation li.space-top{
	margin-top: 3em;
}
.main-navigation li.space-top a{
	font-weight: 400;
}
.main-navigation a {
    padding: 0;
    font-size: 1.6rem;
    color:#666;
    font-weight: 400;
}
.main-navigation a:hover {
    color:rgba(20, 55, 82, 1);
    font-weight: 400;
}
.main-navigation li li a {
    padding: 0.2em 0;
}
.main-navigation ul ul {
    margin-left: 12px;
}
.main-navigation ul ul ul{
    margin-left: 2em;
}
.main-navigation ul ul ul a{text-transform: none;}
.site-main {padding: 206px 0 50px 0;}
.home .site-main{padding: 180px 0 3.3333% 0;}
.hentry, .hentry.has-post-thumbnail, .search header.entry-header {
    padding-top: 0;
}
.home .hentry{padding-top: 0;}

}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: 400;
}

.twocol article{width:63%; float: left;}
.twocol .listview.inpage article{width:100%; float: none;}
.twocol .colright{width:30%; float: right; padding-top: 0; margin-right: 10px;}

.home .widget{min-height: 120px;}

.single-post .thumbbox{
	margin-bottom: 2.4416em;
}
.single-post .entry-content a img{display: inline-block;}

a.devis-button
{
	display: inline-block;
	padding: 0.5em 1em;
	margin: 0.5em 0;
	color: white !important;
    background-color: rgba(20, 55, 82, 1);

}
p#buttonshow,
p#buttonhide.a_venir_off{
	padding: 0.5em 1em;
	margin: 0.5em 0;
	color: white !important;
    background-color: rgba(20, 55, 82, 1);
    position: absolute;
    left: 0;
    border: 1px solid rgba(20, 55, 82, 1);
}
p#buttonhide.a_venir_off{
	color: rgba(20, 55, 82, 1) !important;
    background-color: white;
}


/********** FIN DE DESKTOP **********/

body, html{
    background: #fff;
    font-family: 'Manrope', sans-serif;
}
body:before, .site-footer, .hentry, .page-header, .page-content {box-shadow: 0 0 0 rgba(255, 255, 255, 0);}

body, button, input, select, textarea {
    font-size: 1.3rem;
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4{font-weight: 300 !important;}
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
    border-bottom: 0px solid #999;
    color: #999;
}
.entry-content, .entry-summary, .page-content, .comment-content, .entry-content p {
    -moz-hyphens: none !important;
    -webkit-hyphens: none !important;
    -o-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-wrap: break-word;
}
.entry-content ul{margin-left: 1em;}
.entry-content ul.eo-event-meta{margin-left: 0em;}
.entry-header h1.entry-title{font-size: 2rem;}
.listview .entry-header h1.entry-title{font-size: 1.4rem; margin: 0}
.entry-title {
    font-size: 1.4rem;
    font-weight: 400;
}

.listview.archivage article,
.listview.archivage .monthgroup
{display: block !important;}


.hentry .hentry{margin:0;padding-top: 3.3333%;}

.entry-header {padding: 0;}
.entry-content, .entry-summary {padding: 0 0 10% 0;}

.entry-footer {padding: 5% 0;}
.entry-footer {background-color: #FFFFFF;}
.single .entry-footer {display: none;}

.site-info {padding: 5% 0;}
.site-title{margin-top: 60px;}
.site-title a{display: block;width:460px;height:52px;text-indent: -3000px; background: url(images/logo-societedesarts.svg);background-repeat: no-repeat;background-size: contain;}
.site-description {
    height: 1px;text-indent: -3000px;
}
.entry-title{text-transform: uppercase; font-weight: 900 !important;}
.cleaner{clear: both;}
.homegrid_box{max-width: 800px;}
.site-content p{text-align: justify; margin-bottom:1em;}

.page-id-6 .entry-content, .page-id-6 .entry-footer{display: none}
.page-id-733 .entry-content, .page-id-733 .entry-footer{display: none}
.page-id-2432 .entry-content, .page-id-2432 .entry-footer{display: none}



.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1em;
    margin-top: 2em;
    font-weight: 400 !important;
}
.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
    font-size: 1.5rem;
    line-height: 1.1852;
    margin-bottom: 1.1852em;
    margin-top: 2.3704em;
    font-weight: 400 !important;
}
.hentry{position: static;}
.comitebox.entry-content{margin-top: 5em;}
.home .more-link{display: none;}


/********** SEARCh ************/
.header-widget-area{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 225px;
}
.widget.widget_search{
	padding: 0;
}
.header-widget-area input[type="search"],
.widget-area input[type="search"]{
	background: transparent;
	border-width: 0 0 1px 0;
	font-size: 1.2rem;
	padding: 0.5em 0;
}
.search-results .more-link{
	display: block;
	text-align: right;
}
.search-results .more-link:before{
	content: " ";
	display: block;
	width: 100%;
	height: 5px;
}
.search-results .entry-summary .more-link::after{
	font-size: 18px;
	top: 1px;
}
.search-results .entry-summary {
    padding: 0 0 20px 0;
}
.search-results .hentry + .hentry{
	margin-top: 20px;
}
.pagination .prev, .pagination .next {
    background-color: transparent;
    color: black;
    display: inline-block;
    height: 32px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 32px;
}
.pagination .prev::before, .pagination .next::before {
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    position: relative;
    width: 32px;
}
.pagination .nav-links {
    min-height: 32px;
}
.pagination .page-numbers {
    line-height: 32px;

}

/* Search Widgets
--------------------------------------------- */
.search-form,
.header-search-form,
.widget .search-form{
	position: relative;
}

.search-form input,
.header-search-form input,
.widget .search-form input{
	width: 100%;
	border: 1px solid #9d9d9d;
	border-width: 0 0 1px 0;
	padding: 8px 0;
	padding-right: 55px;
	font-size: 14px;
}

.search-form button,
.header-search-form button,
.widget .search-form button{
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	border: none;
	width: 25px;
	padding-top: 5px;
	color: #b7b7b7;
	background:url(images/loupe.svg) no-repeat center center;
	background-size: 14px;
	cursor: pointer;
	clip: unset !important;
	text-indent: -5000px;
	padding: 0.8462em 1em !important;
	opacity: 0.4;
}



/********** HOMEGRID GENERAL **********/
.homegrid_box ul,.homegrid_box li {margin: 0; padding: 0; list-style: none;}

.homegrid_box li {display: inline-block; width:33%;text-align: center;background-color: #ccc; margin-bottom: 5px;}

/********** MAIN NAVIGATION **********/
.main-navigation ul .current_page_item ul, .main-navigation ul .current-menu-parent ul {
    display: block;
}
.main-navigation{font-family: 'Manrope', sans-serif;font-weight: 300;text-transform: uppercase; margin: 0 0 51px 50px;}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current-page-ancestor > a {
    font-weight: 400;
    color: rgba(20, 55, 82, 1);
}

.main-navigation li li.current-menu-item > a {
    color: #000;
    font-weight: 600;
}
.main-navigation li li.current-menu-item > a,
.entry-title,
.entry-content h2,
.entry-header .entry-title,
.eo-event-meta
{color: rgba(20, 55, 82, 1);}

.page-template-modele_classedesbeaux-arts .main-navigation li li.current-menu-item > a,
.page-template-modele_classedesbeaux-arts .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_classedesbeaux-arts .main-navigation li li.current-menu-item > a,
.page-template-modele_classedesbeaux-arts .entry-title,
.page-template-modele_classedesbeaux-arts .entry-content h2,
.classe-des-beaux-arts .entry-header .entry-title,
.classe-des-beaux-arts .entry-header .entry-title a,
.classe-des-beaux-arts .eo-event-meta,
.classe-des-beaux-arts h2.eventtype,
.main-navigation .menu-item-60 a:hover
{color: rgba(153, 0, 102, 1);}
.page-template-modele_classeindustrieetcommerce .main-navigation li li.current-menu-item > a,
.page-template-modele_classeindustrieetcommerce .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_classeindustrieetcommerce .main-navigation li li.current-menu-item > a,
.page-template-modele_classeindustrieetcommerce .entry-title,
.page-template-modele_classeindustrieetcommerce .entry-content h2,
.classe-industrie-et-commerce .entry-header .entry-title,
.classe-industrie-et-commerce .entry-header .entry-title a,
.classe-industrie-et-commerce .eo-event-meta,
.classe-industrie-et-commerce h2.eventtype,
.main-navigation .menu-item-62 a:hover
{color:rgba(235, 132, 47, 1);}
.page-template-modele_classeagricultureetartdevivre .main-navigation li li.current-menu-item > a,
.page-template-modele_classeagricultureetartdevivre .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_classeagricultureetartdevivre .main-navigation li li.current-menu-item > a,
.page-template-modele_classeagricultureetartdevivre .entry-title,
.page-template-modele_classeagricultureetartdevivre .entry-content h2,
.classe-dagriculture-et-art-de-vivre .entry-header .entry-title,
.classe-dagriculture-et-art-de-vivre .entry-header .entry-title a,
.classe-dagriculture-et-art-de-vivre .eo-event-meta,
.classe-dagriculture-et-art-de-vivre h2.eventtype,
.main-navigation .menu-item-61 a:hover
{color:rgba(93, 144, 85, 1);}
.page-template-modele_jeudidupiano .main-navigation li li.current-menu-item > a,
.page-template-modele_jeudidupiano .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_jeudidupiano .main-navigation li li.current-menu-item > a,
.page-template-modele_jeudidupiano .entry-title,
.page-template-modele_jeudidupiano .entry-content h2,
.jeudis-du-piano .entry-header .entry-title,
.jeudis-du-piano .entry-header .entry-title a,
.jeudis-du-piano .eo-event-meta,
.jeudis-du-piano h2.eventtype,

.event-category-jeudis-du-piano .entry-header .entry-title,
.event-category-jeudis-du-piano .entry-header .entry-title a,
.event-category-jeudis-du-piano .eo-event-meta,
.event-category-jeudis-du-piano h2.eventtype, /* AJOUT POUR SOUS CATEGORIES */

.main-navigation .menu-item-63 a:hover
{color:rgba(105, 31, 111, 1);}


.page-template-modele_concertsaupalais .main-navigation li li.current-menu-item > a,
.page-template-modele_concertsaupalais .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_concertsaupalais .main-navigation li li.current-menu-item > a,
.page-template-modele_concertsaupalais .entry-title,
.page-template-modele_concertsaupalais .entry-content h2,
.concerts-au-palais .entry-header .entry-title,
.concerts-au-palais .entry-header .entry-title a,
.concerts-au-palais .eo-event-meta,
.concerts-au-palais h2.eventtype,

.event-category-jeudis-du-piano .entry-header .entry-title,
.event-category-jeudis-du-piano .entry-header .entry-title a,
.event-category-jeudis-du-piano .eo-event-meta,
.event-category-jeudis-du-piano h2.eventtype, /* AJOUT POUR SOUS CATEGORIES */

.main-navigation .menu-item-63 a:hover
{color:rgba(105, 31, 111, 1);}

.page-template-modele_crosnier .main-navigation li li.current-menu-item > a,
.category-47 .main-navigation li li.current-menu-item > a,
.category-47 .main-navigation li li.current-menu-ancestor > a,
.page-template-eventlistviewbyear .main-navigation li li.current-menu-item > a,
.page-template-eventlistviewbyear .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_crosnier .main-navigation li li.current-menu-item > a,
.page-template-modele_crosnier .entry-title,
.category-47 .entry-title,/* TITRE DE LA PAGE NEWS */
.page-template-eventlistviewbyear .entry-title,/* TITRE DE LA PAGE ARCHIVES */
.archive .entry-title a,/* COULEUR DES LIENS NEWS */
.category-47 a.more-link,
.page-template-modele_crosnier .entry-content h2,
.salle-crosnier .entry-header .entry-title,
.salle-crosnier .entry-header .entry-title a,
.salle-crosnier .eo-event-meta,
.salle-crosnier h2.eventtype,
.main-navigation .menu-item-64 a:hover,
.page-template-eventlistviewbyear_cosniercurrent .entry-header .entry-title
{color: rgba(153, 0, 102, 1);}

.societe-des-arts .entry-header .entry-title,
.societe-des-arts .entry-header .entry-title a,
.societe-des-arts .eo-event-meta,
.societe-des-arts h2.eventtype,
{color: rgba(20, 55, 82, 1);}


.page-template-modele_collections .main-navigation li li.current-menu-item > a,
.page-template-modele_collections .main-navigation li li.current-menu-ancestor > a,
.page-template-modele_collections .main-navigation li li.current-menu-item > a,
.page-template-modele_collections .entry-title,
.page-template-modele_collections .entry-content h2,
.collections .entry-header .entry-title,
.collections .entry-header .entry-title a,
.collections .eo-event-meta,
.collections h2.eventtype
{color:rgba(20, 55, 82, 1);}


.archive .category-societe-des-arts .entry-title a /* COULEUR DES LIENS NEWS */{
	color: rgba(20, 55, 82, 1);
}


.dropdown-toggle:after, .dropdown-toggle{display: none;}

.main-navigation ul ul a{color: #999;font-size: 0.8em;}

/********** HOMEGRID **********/

.view {
    width: 250px;
    height: 250px;
    float: left;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content {
    width: 250px;
    height: 250px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative;
    height: 250px;
    width: auto;
}
.view h2 {
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
    text-align: left;
    position: relative;
    font-size: 1.125em;
    padding: 10px 25px 10px 20px;
    margin: 0;
    font-size: 1.6em;
    line-height: 1.25em;
    font-weight: normal;
    position:absolute;
    top:10px;
    left:0;
    width: 100%;
    max-width: none;
}
.view h2 strong{
	font-weight: normal;
	font-weight: 700;
	color: rgba(255,255,255,1);
}
.view h2 span{font-size: 0.7em;}

.view h2.tempnews{
	bottom: 8px;
	top: auto;
	font-size: 1.25em;
	border: 1px solid white;
	width: calc(100% - 50px);
	margin: 20px;
	padding: 5px 8px 5px 8px;
}
.view h2.tempnews sup{
	font-size: 0.6em;
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.home .view{
    background-color: rgba(20, 55, 82, 1);
}
.home .view a{
    display: block;
    width:250px;
    height:250px;
    position:relative;
    background-size: cover;
    overflow: hidden;
}
.home .view a:hover .imgbg{
    scale: 1.06;
    -webkit-filter: grayscale(100%) contrast(110%) brightness(1);
    filter: grayscale(100%) contrast(110%) brightness(1);
    opacity: 1;
}
.home .view .imgbg{
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
  -webkit-filter: grayscale(100%) contrast(130%) brightness(1);
  filter: grayscale(100%) contrast(130%) brightness(1);
  background: no-repeat center center;
  background-size: cover;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}

.view-first.page-template-modele_classedesbeaux-arts .mask,
.page-template-modele_classedesbeaux-arts .colright li .mask,
.classe-des-beaux-arts .colright li .mask,
.classe-des-beaux-arts .inscriptionbox a,
.home .view.page-template-modele_classedesbeaux-arts
{background-color: rgba(153, 0, 102, 0.6); }
.view-first.page-template-modele_classeindustrieetcommerce .mask,
.page-template-modele_classeindustrieetcommerce .colright li .mask,
.classe-industrie-et-commerce .colright li .mask,
.classe-industrie-et-commerce .inscriptionbox a,
.home .view.page-template-modele_classeindustrieetcommerce
{ background-color:rgba(235, 132, 47, 0.6);}
.view-first.page-template-modele_classeagricultureetartdevivre .mask,
.page-template-modele_classeagricultureetartdevivre .colright li .mask,
.classe-dagriculture-et-art-de-vivre .colright li .mask,
.classe-dagriculture-et-art-de-vivre .inscriptionbox a,
.home .view.page-template-modele_classeagricultureetartdevivre
{background-color: rgba(93, 144, 85, 0.6); }
.view-first.page-template-modele_jeudidupiano .mask,
.page-template-modele_jeudidupiano .colright li .mask,
.jeudis-du-piano .colright li .mask,
.jeudis-du-piano .inscriptionbox a,
.concerts-au-palais .inscriptionbox a,
.home .view.page-template-modele_jeudidupiano,

.event-category-jeudis-du-piano .colright li .mask, /* AJOUT POUR SOUS CATEGORIES */
.event-category-jeudis-du-piano .inscriptionbox a /* AJOUT POUR SOUS CATEGORIES */

{background-color: rgba(105, 31, 111, 0.6); }
.view-first.page-template-modele_crosnier .mask,
.page-template-modele_crosnier .colright li .mask,
.salle-crosnier .colright li .mask,
.salle-crosnier .inscriptionbox a,
.home .view.page-template-modele_crosnier
{background-color: rgba(153, 0, 102, 0.6);}
.view-first.page-template-modele_collections .mask,
.page-template-modele_collections .colright li .mask,
.collections .colright li .mask,
.collections .inscriptionbox a,
.home .view.page-template-modele_collections
{background-color: rgba(20, 55, 82, 0.6);}


.societe-des-arts .colright li .mask,
.societe-des-arts .inscriptionbox a
{background-color: rgba(20, 55, 82, 0.6); }

.page-template-default .colright li .mask
{background-color: rgba(20, 55, 82, 0.6);}

.view-first h2 {
    opacity: 1;
    transition: all 0.2s ease-in-out;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);*/
}

.view-first:hover img {
    transform: scale(1.025);
}
.view-first:hover .mask {
    opacity: 0;
}
.view-first:hover h2{
    opacity: 1;
}
.eo-event-meta li{list-style: none;}


/* *********HOME HIGHLIGHT **********/
.highlightblock{
	color:white;
	background-color: rgba(153, 0, 102, 0.7);
	padding: 10px;
	margin:5px;
	color: white;
	transition: all 0.3s ease-in-out;
	display: flex;
}
.highlightblock.highlightblock-crosnier{
	display: block;
}
.highlightblock.highlightblock-crosnier h4{
	font-weight: bold !important;
}
.highlightblock.highlightblock-crosnier .eventtypebox{
	padding: 5px 0;
}
.highlightblock-date{
	white-space: nowrap;
	padding-right: 1.5em;
}


.highlightblock .hentry a{


}
.highlightblock .hentry a h2{
	font-weight: bold !important;
}
.highlightblock .hentry.category-classe-des-beaux-arts a{
	color:white;
	background-color: rgba(153, 0, 102, 0.7);
	padding: 10px;
	margin:5px;
	color: white;
	transition: all 0.3s ease-in-out;
}
.highlightblock .hentry.category-classe-des-beaux-arts a:hover{
	background-color: rgba(153, 0, 102, 1);
}
.highlightblock .hentry a{
	display: flex;
}
.highlightblock .hentry a .highlightblock-date{
	white-space: nowrap;
	padding-right: 1.5em;
}

/* *********AFFICHAGE CALENDRIER PRINCIPAL ********* */
.fc table, html .fc {
    font-size: 1em;
    font-family: 'Manrope', sans-serif;
    border-width: 0;
}
.fc-header td{border:0;}
table.fc-header{border: 0;}
.ui-widget-header{background-image: none !important; text-transform: uppercase;color: #aaa !important;}
.fc-header-title h2::first-letter{text-transform: uppercase;}

.listview article.pastevent{transition: all 0.2s ease-in-out;opacity: 0.4; display: none;}

/* AFFICHAGE TOUJOURS VISIBLE DANS LES PAGES */
.parent-pageid-66 .listview article.pastevent,
.parent-pageid-53 .listview article.pastevent,
.parent-pageid-55 .listview article.pastevent,
.parent-pageid-47 .listview article.pastevent,
.parent-pageid-49 .listview article.pastevent,
.parent-pageid-139 .listview article.pastevent
{display:block !important;}


.listview article.pastevent:hover{opacity: 1;}
.listview .monthgroup{
    clear:both;
    padding:2em 0 0 0;
    border-bottom: 1px solid #ccc;
}

.listview .supervisible .monthgroup{display: block !important;}

.listview .monthgroup.pastmonth{opacity:0.3; /*display:none;*/}
.a_venir_off{display: none;}
/*article + .monthgroup{clear:both;padding-top: 2em;}*/
.listview_undertitle{padding:0 0 1em 0;}

.supervisible .listview_undertitle{display: none;}

.eventstoggleview a.off{color:#ccc;}
#buttonshow, #buttonhide{cursor: pointer;}
.listview_undertitle_left{width:50%;float: left;}
/*
.listview_undertitle_right{width:50%;float: right;text-align: right;position: relative;min-height: 2rem;}
*/
.listview_undertitle_right{width:100%;float: none;text-align: left;position: relative;min-height: 2rem;}

.listview{margin: 0 8.3333%;}
.listview .hentry{
    margin: 0;
    border-bottom: 1px solid #ccc;
}

.listview .supervisible .hentry{display: block !important;}

.listview .hentry .article_content{
    margin: 0;
}
body .listview .entry-header h1.entry-title{
    color:rgba(20, 55, 82, 1);
}
.info-classe{
    color:rgba(20, 55, 82, 1);
    font-size: 0.8em;
}

.listview .entry-header .eventtypebox{width: 20%; text-align: right;}
.listview .hentry.has-post-thumbnail {padding-top: 0;}
.listview h2{font-size: 2rem; text-transform: uppercase; margin: 0.5em 0;}
.listview .listview_undertitle_left p{font-weight: 400; font-size: 2rem;}
.listview .listview_undertitle_right p{text-align: right;}
.listview .monthgroup h2{font-size: 2rem; text-transform: uppercase; font-weight: 400 !important; line-height: 2;margin-bottom: 0.2em;}
.listview header.entry-header{
    padding-top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}
.listview h1.entry-title{line-height: 1.2em; display: block !important; }
.listview .event-entry-meta{
    line-height: 1.2em; display: block !important; padding: 10px ; width:17%;
	background-color: rgba(20, 55, 82, 1);
	color: white;
	text-transform: uppercase;
	}

.main-info{
    width: 63%;
    padding: 10px 15px;
}

.ui-state-default .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_21759b_256x240.png") !important;
}
.qtip, .ui-tooltip{border-width:0 !important;border-color: #b0b0b0 !important;border-radius: 5px;}
.qtip-title{font-family: 'Manrope', sans-serif;padding: 2px 9px; color: #333;}
.qtip-content{border-top: 0;font-family: 'Manrope', sans-serif;}
.event-entry-meta{font-weight: 400;text-transform: capitalize;}
.event-entry-meta .extrait{padding-top: 5px; font-size: 0.9em;font-weight: 400;}
.event-entry-meta .extrait p{margin:0; padding: 0; text-align: left;}

.eventtypebox{padding: 10px 0; font-size: 0.8em;text-transform: uppercase; line-height: 1.1;}

/* LIST EVENTS */

.listview {
    margin: 0;
}
.listview.inpage {
	clear: both;
}
.listview .event-entry-meta p{font-size: 0.8em;}
.listview .entry-header{overflow: hidden; position:relative;}

#nav-below{padding: 2em 0;}

/* PARTENAIRES */

.page-template-modele-partenaire .entry-content a img, .page-template-modele-partenaire .entry-summary a img, .page-template-modele-partenaire .page-content a img,.page-template-modele-partenaire .comment-content a img {
    display: inline-block;
}
.page-template-modele-partenaire .entry-content img{
	width: 240px;
	height: auto;
}

/* FORMULAIRE */

#uwpqsf_id{border:0;}
.uform_title {display: none;}
.uwpqsf_class select {
    border: 1px solid #ccc;
    margin-left: 0;
    margin-right: 0;
    width: 98%;
    padding: 0.5em;
}
.uwpqsf_submit {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}

/* FORM INSCRIPTION */
.checkbox-658 .wpcf7-list-item:nth-child(2n){
	margin-bottom: 1em;
}

form p{margin-bottom: 1em;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    padding: 0.3em;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"] {
    font-size: 1.2rem;
    padding: 0.5em 1em;
}
button.eo-booking-button {
	font-size: 1.5rem;
}
button, input[type="button"], input[type="reset"], input[type="submit"]{background-color: rgba(20, 55, 82, 1);}
input, textarea {
    border: 1px solid rgba(51, 51, 51, 0.25);
}
.eo-booking-form-element-button p{
	text-align: right;
}
.mailpoetformbox {padding: 10px; background-color: rgba(217, 217, 217, 1); }
.mailpoetformbox h3{font-size: 1.2em; margin-bottom: 0.5em;font-weight: 400 !important; }

/*checkbox inscription */
.cotisationdebase .wpcf7-form-control.wpcf7-checkbox,
.cotisationdesoutien .wpcf7-form-control.wpcf7-checkbox,
.bienfaiteur .wpcf7-form-control.wpcf7-checkbox,
.donateur .wpcf7-form-control.wpcf7-checkbox{

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.cotisationdebase .wpcf7-form-control.wpcf7-checkbox p,
.cotisationdesoutien .wpcf7-form-control.wpcf7-checkbox p,
.bienfaiteur .wpcf7-form-control.wpcf7-checkbox p,
.donateur .wpcf7-form-control.wpcf7-checkbox p{
	font-weight: 400;
	}
.cotisationdebase .wpcf7-form-control.wpcf7-checkbox span,
.cotisationdesoutien .wpcf7-form-control.wpcf7-checkbox span,
.bienfaiteur .wpcf7-form-control.wpcf7-checkbox span,
.donateur .wpcf7-form-control.wpcf7-checkbox span{
	width: 50%;
	font-weight: 300;
	}

.eo-booking-notice-booking-complete + #eo-booking-form{
	display: none;
}

/* PAGE INSCRIPTIONS */

.page-id-584 .twocol article {
    width: 100%;
    float: none;
}
.wpcf7-form table{
	border:0;
}
.entry-content .wpcf7-form table td{
	border:1px solid #ccc;
	border-width: 0 0 1px 0;
}

/* FORMULAIRE DE COMMANDE DE VIN */
#wpcf7-f11858-p11853-o1 .wpcf7-form fieldset{
	border: 1px solid #ccc;
	margin-bottom: 3rem;
	padding: 1rem;
}

#wpcf7-f11858-p11853-o1 .wpcf7-form fieldset legend{
	font-weight: bold;
	font-size: 1.4rem;
}

/* EVENT DETAILS */
body.single-event .eo-event-meta {
    float: none !important;
    width: 100% !important;
}
#eo-bookings h3{margin-bottom: 1.1852em; margin-top: 0;font-family: 'Manrope', sans-serif;font-weight: 400; font-size: 2rem;}
.eo-booking-form-element-radio ul, .eo-booking-form-element-radio li{list-style: none;}
.eo-booking-form-element-radio ul{margin-left: 0; margin-bottom:0 }
.eo-booking-form-element-radio li{ margin-right: 20px;}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
    margin-right: 3px;
}

.entry-content .wpcf7-form h3{margin: 1em 0 !important; }
.wpcf7-checkbox .wpcf7-list-item {display: block;}



#eo-bookings {
position: fixed;
top: 15%;
left: 15%;
width: 70%;
height: 65%;
padding: 1% !important;
background-color: white;
z-index:1002;
overflow: auto;
}
#closebutton{
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: rgba(20, 55, 82, 1);
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
}


#closebutton{display: none;}
#eo-bookings{display:none;}


#eo-bookings .eo-booking-notice.eo-booking-notice-booking-complete{
	background-color: #00ff33;
    border-color: #00cc33;
    font-size: 1.2em;
    font-weight: bold;
}


.inscriptionbox{float: right; margin-top: -5.5em;}
.inscriptionbox a{ display: inline-block; padding: 2px 6px; background-color: #000; color: #fff; text-transform: uppercase;}
/*RIGHT COLUMN */
.colright ul, .colright li{list-style: none; padding: 0; margin:0;}
.colright li{position: relative;float: left; margin: 0 10px 10px 0;}

.colright li:nth-child(even) {margin: 0 0 5px 0;}
.colright li:nth-child(odd) {margin: 0 5px 5px 0;}


.colright li a{display:block;overflow: hidden; width: 110px; height:110px;}
.colright li.jeudis-du-piano a{display:block;overflow: hidden; width: 230px; height:auto;}
.colright li.jeudis-du-piano a img{opacity:1;}
.colright li.jeudis-du-piano a:hover img{opacity:1;}

.colright li a img{transition: all 0.4s ease-in-out 0s;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
}


.colright li a:hover > .mask{opacity: 0}
.colright li a:hover > img{
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.colright li .mask {
    height: 110px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 110px;

}
.colright li .mask {
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0.95;
    transition: all 0.4s ease-in-out 0s;
}
.colright .thumbbox{margin-bottom: 4rem;position: relative; overflow: hidden;
}
.featured_caption{
	margin:0;
	font-size: 0.85em;
	line-height: 1.3;
	position: absolute;
	bottom: -20px;
	width: 100%;
	padding: 30px 20px 20px 20px;
	color:white;

	opacity: 0;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.6+42 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.35) 42%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.35) 42%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.35) 42%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */

	text-shadow: 1px 1px #000000;


}
.colright .thumbbox:hover > .featured_caption{
	opacity: 1;
	bottom:0;
}

.archive .content-area{width:63%}
.archive .more-link{display: none;}


/* TABLE */

.entry-content table h4{text-transform: uppercase; margin:0; padding:0; font-size:1em; font-weight: 600 !important;}
.entry-content table td{border: 0;}
.page-id-45 .tablepress tbody td{border: 0 !important; padding: 2px 0 !important;}
.page-id-45 .tablepress tbody td:nth-child(even){text-align: right; }

.table-horaire td{
	padding: 0 !important;
}

/* NEWS */
.newsdatebox{font-weight: 400;}

/* WIDGET */

.widget {
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 220px;
    font-size: 1.25rem;
    line-height: 1.3em;
    -webkit-hyphens: none;-moz-hyphens: none;hyphens: none;
}
.home .homewidgetgroup{
    padding-top: 2rem;
}
.home .homewidgetleft{; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none; }
.home .homewidgetright{; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none;}
.home .widget .hentry + .hentry{
    margin-top: 1em;
}

.home .homewidgetleft .widget{margin: 0;background-color: #fff;max-width:none;}
.home .homewidgetright .widget{ margin: 0; max-width:none;color:#333;}
.home .home-page-content{
	padding-top: 50px;
}
.newstitle{width:60%;}
.newsdate{font-weight: bold; color: #333; width:20%; text-transform: uppercase;}
.newsmorlink{font-weight: 400; color: rgba(20, 55, 82, 1);width:20%; text-align: right;font-size: 0.85em; text-transform: uppercase}
.home .events-line,
.page-template-modele_replay .events-line{
    margin-bottom: 1em;
    background-color: transparent;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.home .entry-info,
.page-template-modele_replay .entry-info{
    width:60%;
}
.home .entry-meta{
    width:20%;
    text-align: right;
}
.home .events-date,
.page-template-modele_replay .events-date{
    width:20%;
    font-weight: bold;
    text-transform: uppercase;
}
a.home-resa-link,
a.home-resa-link:hover,
a.home-resa-link:active{
	display: inline-block;
	background-color: transparent;
	color:  rgba(20, 55, 82, 1);
	padding-top: 0;	
	
	font-size: 0.85em;
	white-space: nowrap;
	text-transform: uppercase;
}

a.home-resa-link.style-reservation,
a.home-resa-link.style-reservation:hover,
a.home-resa-link.style-reservation:active{	
	background-color: rgba(20, 55, 82, 1);
	color: white;
	padding: 2px 5px;
}
.widget li{list-style: none;}
h2.widget-title{font-family: 'Manrope', sans-serif; font-weight: 700 !important; margin-bottom: 0.3em;; }
.widget h4{font-weight: 700 !important; text-transform: uppercase;}
.widget p{margin-bottom: 0;}
/*
.widget .salle-crosnier a, .widget .category-salle-crosnier .newstitle a{color:rgba(153, 0, 102, 1);}
.widget .classe-des-beaux-arts a, .widget .category-classe-des-beaux-arts .newstitle a{color:rgba(153, 0, 102, 1);}
.widget .classe-industrie-et-commerce a, .widget .category-classe-industrie-et-commerce .newstitle a{color:rgba(235, 132, 47, 1);}
.widget .classe-dagriculture-et-art-de-vivre a, .widget .category-classe-dagriculture-et-art-de-vivre .newstitle a{color:rgba(93, 144, 85, 1);}
.widget .jeudis-du-piano a, .widget .category-jeudis-du-piano .newstitle a{color: rgba(105, 31, 111, 1);}
.widget .societe-des-arts a, .widget .category-societe-des-arts .newstitle a{color:rgba(20, 55, 82, 1);}
.widget .collections a, .widget .category-societe-des-arts .newstitle a{color:rgba(20, 55, 82, 1);}
*/
.widget span.extrait{display: block; margin-top: 0.3em;font-size: 0.9em}

.widget.nextupcomingevent .eventtypebox{padding: 3px 0;}
.highlight  h2.widget-title{margin-bottom: 1em;}
.home  h2.widget-title{margin-bottom: 1em;font-size: 1.35rem;border-bottom: 1px solid #ccc;padding-bottom: 0.5em;}
.highlight .highlight_list h2{font-weight: 400 !important; text-transform: uppercase;}
.highlight_list li{
    background-color: transparent;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}


/* REPLAY */
.replay-list h3{
	font-weight: bold !important;
	text-transform: uppercase;
}
.replay-list .events-line{
	border-bottom: 1px solid #ccc;
	margin:0;
	padding:0.8rem 0 1rem 0;
}
.replay-list .events-line:first-of-type{
	border-top: 1px solid #ccc;
}




/* LIGHTBOX */
#cboxCurrent {
    bottom: 0;
    color: #999;
    display: none !important;
    left: 100px;
    position: absolute;
}
#cboxOverlay {
    background: none repeat scroll 0 0 rgba(20, 55, 82, 1) !important;
}
#cboxTitle {
    color: #666 !important;
    font-size: 0.85em;
}
/* FOOTER */
.site-footer{width:750px;margin-left: 330px;font-size: 0.68em;line-height: 1.4em; border:0; padding: 50px 0;}
.powered{display: none;}
.site-info {padding: 0;}
.footercol{width:33.333%; float: left;}
.footercolcontent.timebox{display: flex; justify-content: space-between;}
.footercol .timegrid.first{width:30%;}
.footercol .timegrid{width:45%;}
.footercol .timegrid.last{text-align: right;width:25%;} 
.home .footercolcontent{padding: 0 5px;}

.site-footer a.socialink {display: inline-block; width:16px; height:16px; text-indent: -3000px;margin-top: 5px; margin-right: 5px}
.site-footer a.facebooklink{background-image: url("images/fb_icon.png")}
.site-footer a.instagramlink{background-image: url("images/insta_icon.png")}
.site-footer a.linkedinlink{background-image: url("images/linkedin_icon.png")}
.site-footer a.youtubelink{background-image: url("images/youtube_icon.png")}

.page-id-84 .site-footer{
	display: none;
}

/* FULLWIDTH PAGE*/

.page-template-modele_fullwidth .secondary{display: none;}
 .page-template-modele_fullwidth .site-content{margin:0 50px; width: auto; max-width: 100%;}


/* RESPONSIVE */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* iPads (portrait and landscape) ----------- */
	.site-title {margin-top: 0; margin-bottom: 1.2em;}
	.site-branding{padding-right: 0;}
	.secondary-toggle{top:30px;right:0px;}
	.site-header {border-bottom: 1px solid rgba(51, 51, 51, 0.1);padding: 5% ; border:0;}
	.secondary {margin: 0 5% 5% 5%;padding: 0;}
	.main-navigation{margin:0;}
	.site-main{padding: 0;}


	.hentry, .page-header, .page-content {margin: 0 5%; padding: 0;}
	.twocol article{width:55%;}
	.twocol .colright{margin-right: 5%}

	.archive .content-area{width:100%}

	.listview {margin: 0 5% 5% 5%;}

	.widget.nextupcomingevent{margin:1em 0 1em 0;max-width: none;}

	.home .view .imgbg{width:16.2em; height:16.2em;}
	.home .view a {height: auto;width: 100%;}
	.view{height: 16.2em;width:16.2em; }
	.view h2{top:50%;margin-top: -2.5em;}

	.home .homewidgetgroup{margin:5%;}

	.home .homewidgetleft{float: none; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none; width: 100%;}
	.home .homewidgetright{float: none; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none; width: 100%;}
	.home .homewidgetleft .widget{margin: 0;background-color: #fff;max-width:none;width: 100%;}
	.home .homewidgetright .widget{margin: 0;background-color: #fff;max-width:none;width: 100%;}
	.home .widget ul, .home .widget li{padding-left: 0; margin-left:0}
	.home .homewidgetgroup{margin-top: 2em;}


	.site-footer {margin:5%; padding: 50px 0; width: auto; }

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* iPads (landscape) ----------- */

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* iPads (portrait) ----------- */
/* Styles */
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* IPHONE HOR & VERT */

	#page{padding: 0 20px;}
	.site-header{padding: 70px 0 0 0; border:0;}
	.site-main{margin-top: 2em;}
	.site-title {margin-top: 0; margin-bottom: 1.2em;}
	.site-title a{max-width: 100%;}
	.site-branding{padding-right: 0;}
	.secondary-toggle{top:-35px;right:5px;}
	.home .view .imgbg{width:21.429em; height:21.429em;}
	.home .view a {height: auto;width: 100%;}
	.view{height: 21.429em;width:21.429em; margin: 0 auto;float: none;}
	.view h2{top:50%;margin-top: -1.5em;}

	.main-navigation{margin:0;}
	.secondary{padding: 0;}
	.widget{margin:0 0 2em 0;max-width: none;}
	.home .homewidgetleft{float: none; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none;width: 100%;}
	.home .homewidgetright{float: none; -webkit-hyphens: none;-moz-hyphens: none;hyphens: none;width: 100%;}
	.home .homewidgetleft .widget{margin: 0;background-color: #fff;max-width:none;width: 100%;}
	.home .homewidgetright .widget{margin: 0;background-color: #fff;max-width:none;width: 100%;}
	.home .widget ul, .home .widget li{padding-left: 0; margin-left:0}
	.home .homewidgetgroup{margin-top: 2em;}

	.twocol article {float: none;width: auto;}
	.twocol .colright {float: none;padding-top: 0;width: auto; }
	.listview.inpage{padding-top: 2em;}
	.listview .hentry{width:48%; padding-top: 0; margin: 0 0 1em 0;}
	.listview .hentry:nth-child(2n+1){float: right; }
	.listview article a{width:100%;height:auto;}
	.listview .hentry .article_content {margin: 0 0 0 0;}

	.listview_undertitle_left{width:100%;float: none;clear: both}
	.listview_undertitle_right{width:100%;float: none;text-align: left; clear: both}
	.listview .listview_undertitle_right p{text-align: left;}

	.hentry + .hentry {border-top: 0px solid rgba(51, 51, 51, 0.1);}
	.colright li a {width:100%;height:auto;}
	.colright li a img {width:100%;height:auto;}
	.colright li .mask{width:100%;height:auto;}
	.colright li .mask:before{content: "";display: block;padding-top: 100%; 	/* initial ratio of 1:1*/}

	.thumbbox{text-align: center;}
	.thumbbox img{width: 70%; height: auto;}
	.colright li{width:48%; float: left; margin: 0 0 1em 0;}
	.colright li:nth-child(2n+2){float: right; margin-right: 0}
	.colright li:nth-child(even) {margin: 0 0 1em 0;}
	.colright li:nth-child(odd) {margin: 0 0 1em 0;}


	.site-footer {margin-left: 0; padding: 50px 0; width: auto; }
	.footercol{width:auto; float: none; margin: 0 0 15px 0;}

}