@font-face {
font-family: 'Oswald-Regular';
src: url(//chostakovitch.org/wp-content/themes/chostakovitch/fonts/Oswald-Regular.ttf);
}
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog {
display: block;
}
body {
font-family: 'Open Sans', sans serif;
color: #171717;
font-size: 14px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
margin:0;
padding:0;
background-color:#fff;
}
.site-main{
width:960px;
margin:0 auto 0 auto;
position:relative;
overflow:hidden;
clear:both;
background: white;
min-height: 510px;	
}
.page-id-83 .site-main, .page-id-855 .site-main, .page-id-862 .site-main, .page-id-864 .site-main, .page-id-1410 .site-main{
overflow:visible;
}
a{color:#dea767;}
a, li {
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
cursor: pointer;
}
a:hover, li:hover {
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
ul, li  {margin:0; }
h1, h2, h3, h4, h5, h6, p, a, span{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-padding-before: 0;
-webkit-padding-after: 0;
-webkit-padding-start: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin:0;
padding:0;
-webkit-box-sizing: border-box ;
-moz-box-sizing: border-box ;
box-sizing: border-box ;
}
ul, li{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin:0;
-webkit-box-sizing: border-box ;
-moz-box-sizing: border-box ;
box-sizing: border-box ;
}
.clear{clear:both;}
#secondary{
display: none;
}
.skip-link{
display: none;
} .entry-content{
opacity: 0;   
-webkit-transition: all 0.5s 1s ease-in;
-moz-transition: all 0.5s 1s ease-in;
-o-transition: all 0.5s 1s ease-in;
-ms-transition: all 0.5s 1s ease-in;
transition: all 0.5s 1s ease-in;
}
.site-header, .site-footer{
opacity: 0;   
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.load {opacity:1} .site-header{
height: 130px;
background: rgba(153, 134, 117, 1);	
}
.site-branding{
font-size: 0px;
display: inline-block;
}
.site-header .wrapper{
width: 100%;
margin: 0 auto;
}
.site-description, header .entry-title{
display:none;
}
.site-header-menu{
float: left;
position: relative;	
} .main-navigation{
float: left;	
}
.main-navigation .menu-menu-principal-japonais-container #menu-menu-principal-japonais-1 li a{
font-size: 13.5px!important;
padding: 13px 14px!important;		
}
.main-navigation .menu-menu-principal-japonais-container #menu-menu-principal-japonais-1 .menu-item-943 a{
font-size: 0px!important;
}
.main-navigation > div > ul > li{
border-right: 1px solid #735c45;
color: white;
float:left;
position: relative;
padding: 0px;
list-style-type: none;		
}
.main-navigation > div > ul > li:after{
content:'';
width:100%;
height:5px;
background: #ffdd9d;
position: absolute;
bottom: 0px;
left: 0px;	
}
.main-navigation > div > ul > li > a{
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
color: white;
height: 130px;
width: 180px;	
display: block;	
padding: 14px 16px;	
background: rgba(178, 169, 169, 0.90);	
}
.main-navigation > div > ul > li a:hover{
background: rgba(23, 23, 23, 0.98);	
color:#fff;  
}
@media screen and (max-width: 1100px) and (min-width: 992px){
.main-navigation > div > ul > li > a{
font-size: 14px;
width: 160px;
}
}
.main-navigation > div > ul > li.current-menu-item a{
color:#fff;
}
#right-menu{
display: none;
}
.menu-item-919, .menu-item-931, .menu-item-938, .menu-item-943, .menu-item-2101{
width: 679px;
}
.main-navigation .menu-item-919 a, .main-navigation .menu-item-931 a, .main-navigation .menu-item-938 a, .main-navigation .menu-item-943 a, .main-navigation .menu-item-2101 a{
width: 678px;
background: #ada4a4 url(//chostakovitch.org/wp-content/themes/chostakovitch/img/asso-banner.png) top no-repeat; 	
font-size: 0px;
padding: 0;
}
.main-navigation .menu-item-919 a:hover, .main-navigation .menu-item-931 a:hover, .main-navigation .menu-item-938 a:hover, .main-navigation .menu-item-943 a:hover, .main-navigation .menu-item-2101 a:hover{
width: 678px;	
background: #ada4a4 url(//chostakovitch.org/wp-content/themes/chostakovitch/img/asso-banner-hover.png) top no-repeat; 
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;	
}
.primary-menu .wpml-ls-item.menu-item-has-children {
position: fixed;
top: 80px;
right: 20px;
border:0;
}
.primary-menu .wpml-ls-item a{
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
color: white;
height: 20px;
width: 30px;
display: block;
padding: 0px 4px;
background: transparent;
text-align: center;
}
.primary-menu .wpml-ls-item.menu-item-has-children:hover .sub-menu {
top: 19px;
position:absolute;
}
.primary-menu .wpml-ls-item.menu-item-has-children .sub-menu {
border:0;
}
.primary-menu .wpml-ls-item.menu-item-has-children::after{display:none;}
.primary-menu .wpml-ls-item.menu-item-has-children .sub-menu > li {
margin: 0;
border-top: 0;
}
.menu-menu-container > ul > .wpml-ls-item.menu-item-has-children a:hover {
background: transparent;
color: #fff;
}
@media screen and (max-width: 1670px) {
.primary-menu .menu-item-919, .primary-menu .menu-item-918, .primary-menu .menu-item-938, .primary-menu .menu-item-931, .primary-menu .menu-item-943, .primary-menu .menu-item-2101{
width: 180px;		
}
.primary-menu .menu-item-919 a,.primary-menu .menu-item-918 a, .primary-menu .menu-item-938 a, .primary-menu .menu-item-943 a, .primary-menu .menu-item-931 a, .primary-menu .menu-item-2101 a{
font-size: 0px;
width: 179px;
background: #ada4a4 url(//chostakovitch.org/wp-content/themes/chostakovitch/img/tampon-chostakovitch.png) center 5px no-repeat;
}
.primary-menu .menu-item-919 a:hover, .primary-menu .menu-item-918 a:hover, .primary-menu .menu-item-938 a:hover,  .primary-menu .menu-item-931 a:hover, .primary-menu .menu-item-943 a:hover, .primary-menu .menu-item-2101 a:hover{
font-size: 0px;
width: 179px;
background: #ada4a4 url(//chostakovitch.org/wp-content/themes/chostakovitch/img/tampon-chostakovitch-noir.png) center 5px no-repeat;
}
} .main-navigation > div > ul > li.menu-item-2102 a{
font-size: 14px;
} .social-navigation > div{
height: 125px;
background: rgba(153, 134, 117, 0.95);	
float: left;		
border-bottom: 5px solid #bea791;
}
#social-navigation{
display:inline-block;
}
.social-navigation > div > ul{
padding: 0;
}
.social-navigation > div > ul > li{
border-top: 1px solid #735c45;	
border-right: 1px solid #735c45;		
float:left;
position: relative;		
margin-top: 77px;	
padding: 0px;
list-style-type: none;		
width: auto;
}
.social-navigation > div ul li:hover{
background: rgba(153, 134, 117, 0.98);			
}
.social-navigation > div ul li a{
font-weight: 300;
color: #ebd9c7;
text-transform: uppercase;
font-size: 18px;
display: block;	
height: 52px;	
padding: 10px 20px;		
}
.social-navigation > div ul li a span{
position: relative;
clip-path: unset;
margin: auto;
}
.social-navigation > div ul li a:hover{
color: #221e14;
}
.social-navigation > div ul li:after{
content:'';
width:100%;
height:5px;
background: #bea791;
position: absolute;
bottom: 0px;
left: 0px;	
display:none;	
}
.social-navigation > div:after{
content:'';
width: 100%;
height: 125px;
background: rgba(153, 134, 117, 0.85);	
position: absolute;	
max-width: 528px;	
display:none;
}
@media screen and (max-width: 1300px) {
.social-navigation > div ul li a{
padding: 13px 13px!important;
font-size: 16px!important;		
}
}
@media screen and (max-width: 1100px) and (min-width: 992px){
.social-navigation > div ul li a {
padding: 10px 10px!important;
font-size: 14px!important;
height: 41px;		
}
.social-navigation > div > ul > li{
margin-top: 88px;
}
}   .homepage-image{
margin-top: -5px;
max-width: 100%;
}
.mobile-header{
display: none;
}
@media screen and (max-width: 992px) {
.site-main{
width: 94%;
margin: 0 3%;
}
.site-header{
height: 0px;
margin: 0;		
}
#site-header-menu{
bottom: -80px;
}
.site-title{
background-size: 302px 36px;
width: auto;
margin: 15px auto 0 auto;
}	
.mobile-header{
height: 90px;
display: block;	
background: rgba(153, 134, 117, 1);	
margin-bottom: 20px;	
}
.mobile-header img{
margin: 15px 0px 0px 15px;	
}	
}
@media screen and (max-width: 768px) {
.mobile-header{
height: 70px;
display: block;	
background: rgba(153, 134, 117, 1);	
margin-bottom: 20px;	
}
.mobile-header img{
margin: 15px 0px 0px 15px;	
width: 200px;
}	
}
element.style {
width: 200px;
} .dropdown-toggle{
display: none;
}
.sub-menu{
display:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;	 
border-bottom: 5px solid #ffdd9d;
}
.menu-item-has-children:hover .sub-menu{
display: block;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;  
list-style-type: none;
padding: 0;
margin: 0;	 
position:absolute;
top:130px;
left:0;	
z-index:999;
}
.sub-menu > li {
margin: 0;
border-top: 1px solid black;
}
.menu-menu-container > ul > li.current-menu-item .sub-menu > li > a,
.sub-menu > li > a {
font-size: 15px;
text-transform: normal;
font-weight: 600;
color: white;
height: auto;
width: 181px;	
display: block;	
padding: 14px 20px;	
background-color:rgba(178, 169, 169, 0.98);
}
.menu-menu-container > ul > li.current-menu-item .sub-menu > li > a:hover,
.sub-menu > li > a:hover{
background-color:rgba(23, 23, 23, 0.95);
color:#fff;
}
@media screen and (max-width: 992px) {
} #right-menu{
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/menu-mobile.png) 0px 0px no-repeat; 
width: 45px;
height: 48px;
border: 0px;
font-size: 0px;
cursor: pointer;
display:none;	
margin: 0 auto;	
}
#right-menu:hover{	
cursor:pointer;
opacity: 0.9;
}
.primary-menu{
padding: 0;
} #volet-right{
display:none;
}
.mm-opened #volet-right {display:block;}
#volet-right ul {
width:100%;
text-align:center;
}
#volet-right ul li{
width:100%;	
border-bottom:1px solid #e8e8e8;
}
#volet-right ul li a{
color:#c7c5d3;
padding:25px 15px 25px 15px;
font-size:15px;
font-family:'Open Sans';
text-align: center;
display:block;
}
.top-volet{
display:block;
width:100%;
height: 0px;
border-bottom:1px solid #e8e8e8;
}
.mm-menu {
width: 350px;
}
@media screen and (max-width: 992px) {
.main-navigation {
float: left;
position: absolute;
z-index: 99999;
}
h1.titre-contenu{
margin-top: 20px;
padding: 0px 40px;
}
.mm-menu {
width: 500px!important;
}
#right-menu{
display:block;
right: 15px;	
position: absolute;	
z-index: 99;		
}
.site-header-menu #site-navigation, .social-navigation > div{ 
display: none;	
}
.main-navigation > div > ul > li > a{
height: 70px;
width: 219px!important;
}
#volet-right ul li{
width: 88%!important;
}
.menu-menu-principal-container>ul>li>a{
padding:15px 10px 15px 10px;
color: white;
text-transform:none;
text-align: left;
width: 100%!important;		
}
.menu-menu-principal-container>ul>li>a:hover{
color:#302f36;
}
.primary-menu .menu-item-919 a, .primary-menu .menu-item-918 a, .primary-menu .menu-item-938 a, .primary-menu .menu-item-943 a{
background: #ada4a4;
}
.primary-menu .menu-item-919 a:hover, .primary-menu .menu-item-918 a:hover, .primary-menu .menu-item-938 a:hover, .primary-menu .menu-item-943 a:hover{
background: #ada4a4;
}
.main-navigation > div > ul > li a:hover {
background: #ada4a4;
}	
.mm-opened > li > a, .mm-opened > li > span{
padding: 10px 10px 10px 10px!important;
width: 100%!important;
text-indent: 20px!important;		
}
#volet-right ul li a.mm-subopen{
padding:15px 15px 15px 10px!important;
color: white!important;
width: 40px!important;
display: none;
}	
.mm-list a.mm-subclose{
margin-top:0px!important;
text-indent: 20px!important;
background: black!important;
color: white!important;
}
.mm-list a.mm-subclose:before {
left: 15px!important;
top: 16px!important;
}	
#volet-right .menu-menu-principal-container ul li.wpml-ls-current-language{
width: 20px!important;
margin: 0px;
}
#volet-right .menu-menu-principal-container ul li.wpml-ls-current-language a.mm-subopen:before{
border: 0px;
}
}
@media screen and (max-width: 700px) {
h1.titre-contenu{
font-size: 30px!important;
}
}
@media screen and (max-width: 992px) {
.main-navigation {
float: unset;
position: absolute;
z-index: 99999;
width: 100%;
padding-top: 40px;
}
.mm-menu {
width: 100%!important;
}
#volet-right ul li {
width: 100%!important;
}
#volet-right ul li a {
width: 100%!important;
color: white!important;
}
.mm-list > li {
width: 100%!important;
}
#volet-right .mm-list a.mm-subopen+a, #volet-right .mm-list a.mm-subopen+span {
width: 100%!important;
height: auto;
}
#volet-right ul{
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#volet-right .menu-menu-principal-container ul li.wpml-ls-current-language {
width: 20px!important;
margin: 0;
position: absolute;
top: 0;
right: 20px;
display: none;
}	
.menu-menu-brun-container>ul{
padding-left: 0;
}
} .entry-content h1{
font-family: 'Open Sans', serif;
color: #171717;
font-size: 20px;
font-weight:600;
padding-bottom:20px;
padding-top:30px;
}
.entry-content p {
font-size:14px;
font-family: 'Open Sans', serif;
color: #171717;
padding-bottom:20px;
text-align:justify;
}
.edit-link {display:none;}
h1.titre-contenu{
font-family:'Oswald-Regular';
font-size: 40px;
text-align: center;
margin: 50px 0px;
}
.entry-content ul{
padding-bottom:20px;	
}
.entry-content .bouton{
text-transform: uppercase;
color: white;
font-size: 20px;
font-weight: 600;
text-align: center;
display: inline-block;
padding: 20px 50px;
background-color: #2d924e;
margin-bottom: 50px;
}
.entry-content .bouton:hover{
background-color: #34a559;
}
h2.titre-contenu{
font-size: 16px;
text-transform: uppercase;
position: relative;
font-weight: 600;
margin-top: 20px;
margin-bottom: 10px;	
}
.jaune{
color: #e2c794;
}
.vert{
color: #81bb6a;
}
h2.titre-contenu:after{
content: '';
width: 100%;
border-bottom: 1px dashed #bdb6b6;
display: inline-block;
margin-left: 10px;
height: 10px;
position: absolute;
}
h3{
font-size: 30px;
font-weight: 400;
margin-bottom: 35px;
}
.encadre{
background: #f8f3ed;
padding: 30px 20px 20px 20px;
}
.encadre-footer{
background: #ffdd9d;
text-align: center;
padding: 20px 20px;	
font-size: 20px;
}
.encadre h4{
font-size: 30px;
font-weight: 400;
padding: 0px 0px 20px 0px;
}
p > img{
padding: 0px;
}
@media screen and (max-width: 992px) {
p > img{
width: 100%;
height: auto;
}
h1.titre-contenu{
margin: 0px;
padding-top: 0px;
}		
} .cycloneslider{
top: 0px;
overflow: visible;
z-index: -2;
margin-top: -130px;
position: relative;
}
.cycloneslider-slide img{
margin: 0;
width: 100%;
}
.home-main{
margin-top: 30px;	
border-top: 7px solid #b2a9a9;
padding-top: 80px;
}
.home-blocs{
margin-bottom: 72px;
overflow: hidden;
margin-top: 40px;	
}
.home-bloc{
display: block;
text-transform: uppercase;
margin-right: 5px;
float: left;
position: relative;
}
.home-bloc:hover{
opacity: 0.8;
}
.home-blocs a:last-child{
margin-right: 0px;	
}
.home-bloc h3{
position: absolute;
bottom: 20px;
left: 20px;
font: 600 18px/22px 'Open Sans';
color: white;
text-transform: uppercase;
margin: 0px;
}
.contener-logo{
width: 96%;
text-align: center;
position: absolute;
top: -82px;
display: inline-block;		
}
@media screen and (max-width: 992px) {
.home-blocs{
width: 100%;
}
.home-bloc{
width: 24.25%;
margin-right: 1%;
}
.home-bloc img{
width: 100%;
height: auto;
}
.contener-logo{
display: none;		
}
.home-main {
margin-top: 0px;
border-top: 0px solid #b2a9a9;
padding-top: 20px;
}
}
@media screen and (max-width: 800px) {
.home-bloc h3{
font-size: 14px;
bottom: 12px;
left: 12px;
}
}
@media screen and (max-width: 600px) {
.home-bloc{
width: 48%;
margin-right: 1%;
margin-left: 1%;		
}
.home-bloc h3{
font-size: 13px;
bottom: 10px;
left: 10px;
}
.home-logo{
width: 80%;
height: auto;		
}	
.contener-logo{
top: -30px;	
}
} .asso-bloc-gauche{
width: 320px;
margin-right: 50px;
float: left;
overflow:hidden;
}
.asso-bloc-gauche .titre-contenu:after{
width: 250px;
}
.asso-bloc-droite{
width: 590px;
float: left;	
display: none!important;
}
.asso-bloc-droite .titre-contenu:after{
width: 370px;
}
@media screen and (max-width: 992px) {
.asso-bloc-gauche, .asso-bloc-droite{
width: 100%;
margin-right: 0px;
float: none;
}
.asso-bloc-gauche .titre-contenu:after, .asso-bloc-droite .titre-contenu:after{
width: 100%;
}
} .views{
padding: 20px;
border-top:2px solid #b2a9a9;
}
.views p {padding-bottom:0;
text-align:left;}
.views:nth-child(even){
background: #f5f3ef;
}
.views:nth-child(odd){
background: white;
}
.views:nth-child(11n){
border-bottom: 2px solid #b2a9a9;
}
.views h1{
font-family:'Open Sans';
font-size: 20px;
padding: 10px 0px;
}
.views h3{
font-family:'Open Sans';
font-size: 13px;
color: #81bb6a;
text-transform: uppercase;
font-weight: 600;
display: block;
margin: 10px 0px 5px 0px;
} .menu-filtres{
padding: 20px;
margin-bottom: 40px;
}
.menu-filtres input{
color: white;
text-transform: uppercase;
background: #332c32;
font: 700 14px 'Open Sans';
border: 0;
padding: 5px 15px;
cursor: pointer;
}
.menu-filtres input:hover{
background: #453f44;
}
.js-wpv-filter-trigger, .filtre-concerts-actu .wpv-sort-control-select{
width: 300px;
padding: 7px 10px;
height: 29px;
border: 0;	
} .filtres-ev{
background: #81bb6a;
}
.view-evenement-association{
position: relative;
padding: 20px 20px 60px 20px;
overflow: hidden;	
}
.view-evenement-association h3{
color: #81bb6a;
}
.view-evenement-association p{
font-family:'Open Sans';
font-size: 16px;
color: #918888;
}
.view-evenement-association .ev-gauche{
float: left;
width: 78%;
padding-right: 2%;
}
.view-evenement-association .type-ev{
font-family:'Open Sans';
font-size: 13px;
color: #81bb6a;
text-transform: uppercase;
font-weight: 600;
display: block;
margin: 10px 0px 5px 0px;
}
.view-evenement-association .date-lieu{
padding-bottom: 10px;
border-bottom: 2px dotted #b8b0b0;
}
#cboxTitle, #cboxCurrent{
display: none!important;
}
.view-evenement-association .date-ev{
font-family:'Open Sans';
font-size: 13px;
color: #b2a9a9;
text-transform: uppercase;
font-weight: 600;
width: 100%;
margin-right: 20px;
position: relative;	
padding-left: 20px;	
}
.view-evenement-association .date-ev:before{
content:'';
position: absolute;
display: inline-block;
left: 0px;
width: 20px;
height: 24px;
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/calendrier.png) no-repeat;
}
.view-evenement-association .lieu-ev{
font-family:'Open Sans';
font-size: 13px;
color: #b2a9a9;
text-transform: uppercase;
font-weight: 600;
position: relative;
padding-left: 20px;
}
.view-evenement-association .lieu-ev:before{
content:'';
position: absolute;
display: inline-block;
left: 0px;
width: 20px;
height: 20px;
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/place.png) no-repeat;
}
.view-evenement-association .lieu-ev:before{
content:'';
position: absolute;
display: inline-block;
left: 0px;
width: 20px;
height: 20px;
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/place.png) no-repeat;
}
.ev-droite{
float: right;
width: 20%;
}
.ev-droite .affiche{
display: inline-block;
outline: none;
float: right;	
margin-bottom: 10px;
}
.lien-programme{
font: 700 12px 'Open Sans';
display: inline-block;
color: white;
padding: 5px 10px;
background: #b2a9a9;
margin-top: 10px;
}
.lien-programme:hover {
background-color: #999191;
}
.lien-video{
font: 700 12px 'Open Sans';
display: inline-block;
color: white;
padding: 5px 10px;
background: #c0c0c0;
margin-top: 10px;	
}
.filtres-ev select.js-wpv-filter-trigger{
margin: 0px 3px 0px 3px;
}
.remonter{
width: 70px;
height: 70px;
position: fixed;
display: inline-block;
bottom: 60px;
right: 30px;
z-index: 99;
background: #b3a9aa url(//chostakovitch.org/wp-content/themes/chostakovitch/img/arrowseason5.png) center no-repeat;
font-size: 0px;	
border: 6px solid white;
border-radius: 40px;
}
.remonter:hover{
background: black url(//chostakovitch.org/wp-content/themes/chostakovitch/img/arrowseason5.png) center no-repeat;
}
.ev-tri-date{
display: inline-block;
}
.js-wpv-reset-trigger{
margin-left: 6px;
}
@media screen and (max-width: 992px) {
.view-evenement-association .date-ev, .lieu-evenement-association .date-ev{	
display: block;
margin-bottom: 5px;
}
.menu-filtres input{
display: block;
margin: 10px auto 0 auto;
}
.view-evenement-association .ev-gauche{
float: left;
width: 68%;
padding-right: 2%;
}
.view-evenement-association .ev-right{
float: left;
width: 30%;
}
.filtres-ev form{
text-align: center;
}
} .view-catalogue h3{
color: #e1ba71;
float: left;
margin-top: 5px;
}
.view-catalogue p{
color: #918888;
font-size: 13px;
}
.filtres-catalogue{
background: #ffdd9e;
}
.menu-filtres input.search{
background: white url(//chostakovitch.org/wp-content/themes/chostakovitch/img/search.png) 5px 5px no-repeat;
background-size: 20px;
padding-left: 30px;
color: black;
}
.serie{
font-weight: bold;
margin-right: 10px;
display: inline-block;
text-transform: uppercase;
}
.view-catalogue .top{
overflow: hidden;
padding-bottom: 10px;
border-bottom: 2px dotted #b8b0b0;	
}
.view-catalogue .disponibilite, .view-catalogue .premiere{
font: 700 13px 'Open Sans', sans-serif;
color: #b2a9a9;
text-transform: uppercase;
float: right;	
margin: 10px 0px 5px 0px;	
}
.infos-techniques{
margin-top: 5px;
display:block;
}
.infos-techniques p{
font-size: 14px;
}
.view-catalogue .disponibilite{
margin-right: 30px;
}
.disponibilite:before{
content:'';
width: 16px;
height: 16px;
display: inline-block;
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/dispo.png) no-repeat;
background-size: 16px;
vertical-align: middle;
margin-right: 10px;
}
.premiere:before{
content:'';
width: 16px;
height: 16px;
display: inline-block;
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/publication.svg) no-repeat;
background-size: 16px;
vertical-align: middle;
margin-right: 10px;
}
.lien-images{
color: white;
padding: 5px 10px;
background: #c0c0c0;
display: inline-block;
margin-top: 10px;
font: 700 12px 'Open Sans';
outline-style: none;
}
.prem-dispo {
overflow: hidden;
float: right;
}
@media screen and (max-width: 992px) {
.view-catalogue .disponibilite, .view-catalogue .premiere{
margin: 5px 0px 5px 0px;	
}	
.view-catalogue .disponibilite{
margin-right: 10px;
}	
.disponibilite:before, .premiere:before{
margin-right: 6px;
}
.nav-page{
margin-top: 20px;
}
.filtres-catalogue form{
text-align: center;
}
.js-wpv-filter-trigger{
width: 200px;
}
}
@media screen and (max-width: 768px) {
.prem-dispo {
display: block;
float: unset;
}
.view-catalogue h3 {
display: block;
float: unset;
}
.view-catalogue .disponibilite, .view-catalogue .premiere{
float: left;
margin: 5px 10px 5px 0px;		
}
} .pagination-top {
overflow: hidden;
margin-top: 50px;
margin-bottom: 30px;
}
.pagination-bottom{
margin-top: 30px;
}
.info-page {
display: block;
float: left;
width: 220px;
}
.nav-page {
display: block;
float: right;
width: 700px;
text-align: right;
margin-right: 11px;
}
.nav-page a {
display: inline;
font-weight: bold;
color: #181818;
}
.nav-page ul {
display: inline;
margin: 0;
padding: 0 30px 0 0;
}
.wpv-filter-previous-link{
padding: 0 30px 0 0;	
}
.nav-page ul li {
display: inline;
margin: 0 4px;
}
.nav-page ul li a {
padding: 3px 5px;
color: white;
background-color: #181818;
}
.nav-page ul li a:hover {
background-color: #383838;
}
@media screen and (max-width: 992px){
.nav-page ul li a {
padding: 0px 4px 0px 4px;
}
}
@media screen and (max-width: 768px){
.nav-page {
display: block;
float: left;
width: 100%;
text-align: left;
margin-right: 0px;
}
.info-page {
display: block;
float: left;
width: 100%;
display: none;
}	
.nav-page ul {
display: inline;
margin: 0;
}
} .vue-cesmoisci{
border-bottom: 1px dashed #bdb6b6;
margin-bottom: 30px;
padding-bottom: 20px;		
}
.vue-cesmoisci h1{
padding: 20px 0px 0px 0px;
font-size: 28px;
}
.vue-cesmoisci .date{
color: white;
background-color:#bea791;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
padding: 6px 12px;
margin: 14px 0px; 
display: inline-block;
text-align: left;
width: auto;
} .view-liens{
margin: 15px 0px 5px 0px;
}
.h2-lien{
font: 30px 'Open Sans';
color: black;
display: block;
border-bottom: 2px dotted #b8b0b0;	
margin-top: 30px;
}
.view-liens .icon-lien{
fill:#81ba69; 
height: 15px; 
width: 15px;
margin-right: 8px;
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;	
}
.view-liens a{
font: 600 16px 'Open Sans';
color: black;
}
.view-liens a:hover{
font: 600 16px 'Open Sans';
color: #b2a9a9;
}
.view-liens p{
padding-bottom: 0px;
} .bouton-monde{
padding: 30px 0px;
text-align: center;
color: white;
text-transform: uppercase;
font-weight: 600;
float: left;
display: block;	
width: 32%;
}
@media screen and (max-width: 700px) {
.bouton-monde{
min-height: 98px;
}
}
.bouton-orange{
background-color: #e68a5b;
}
.bouton-orange:hover{
background-color: #ea9d76;
}
.bouton-beige{
margin: 0px 2%;
background-color: #cfa888;
}
.bouton-beige:hover{
background-color: #dab89c;
}
.bouton-gris{
background-color: #d3d6e2;
}
.bouton-gris:hover{
background-color: #e5e6ec;
} .footer-wrapper{
width:960px;
margin:0px auto 0 auto;
overflow: hidden;
}
.pre-footer{
background: #bea791;
border-bottom: 2px solid white;	
height: 25px;
margin-top: 90px;
}
.footer1{
background: #bea791;
overflow: hidden;	
padding-top: 16px;
padding-bottom: 16px;
}
.footer1-bloc{
float:left;
color: white;
font-size: 16px;
font-weight: 200;
}
.footer1 .left{
width:250px;	
text-align: right;
padding-right: 70px;
padding-top: 4px;
position: relative;
}
.footer1 .left:after{
content: '';
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/position.svg) 0px 0px no-repeat;
display: inline-block;
width: 25px;
position: absolute;
height: 27px;
right: 36px;
top: 40%;
background-size: 18px;	
}
.footer1 .middle{
width:320px;	
text-align: center;
padding-top: 14px;	
}
.footer1 .right{
width:250px;	
padding-left: 70px;	
text-align: left;
padding-top: 18px;
}
.footer1 .right p{
position: relative;
padding-bottom: 8px;
}
.footer1 .right a{
color: white;
}
.footer1 .right a:hover{
color: #171717;
}
.footer1 .right #tel:before{
content: '';
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/tel.svg) 0px 0px no-repeat;
display: inline-block;
width: 25px;
position: absolute;
height: 22px;
margin-left: -32px;
background-size: 17px;	
margin-top: 1px;		
} .footer1 .right #fax:before{
content: '';
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/fax.svg) 0px 0px no-repeat;
display: inline-block;
width: 25px;
position: absolute;
height: 22px;
margin-left: -32px;
background-size: 19px;	
margin-top: 3px;	
}
.footer1 .right #mail:before{
content: '';
background: url(//chostakovitch.org/wp-content/themes/chostakovitch/img/mail.svg) 0px 0px no-repeat;
display: inline-block;
width: 25px;
position: absolute;
height: 22px;
margin-left: -32px;
background-size: 19px;		
}
#mail{     
font-size: 14px;
}
.footer2{
width:100%;
background: #ffdd9d;
position: relative;
text-align: center;
color: #8a8c90;
padding: 8px 0px;
font-size: 12px;
}
.footer2 a {
color: #8a8c90;	
}
.site-footer a:hover{
} 
@media screen and (max-width: 992px) {
.footer-wrapper{
width: 96%;
padding: 0 2%;
text-align: center;
}
.footer-wrapper .footer1-bloc{
float: none;
display: inline-block;			
}	
.footer1 .left{
width: 100%;
padding: 15px 0px 0px 0px;
margin: 10px 0;
text-align: center;
}
.footer1 .left:after{
margin-left: -54px;
top: -9px;
right: initial;
}	
.footer1 .middle{
width: 100%;
padding: 0px;
margin: 10px 0;
text-align: center;
}	
.footer1 .right{
width: 100%;
padding: 0px;
margin: 10px 0;
text-align: center;
}	
.footer1 .right #mail:before{
margin-left: -24px;
}
}
@media screen and (max-width: 340px) {
.footer1 .middle img{
width: 100%;
}
} .wpcf7-form{
width: 500px;
margin: 0 auto;
}
.wpcf7-form .wpcf7-text{
padding: 15px 3%;
border: 0px;
margin-bottom: 20px;
width: 94%;
font-size:20px;
font-family: 'Open Sans', serif;
color: #2f2e35;	
outline: none;
border-bottom: 4px solid #c7c5d3;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;	
background: white url(https://chostakovitch.org/wp-content/themes/chostakovitch/img/input-border.png) bottom right no-repeat;	
}
.wpcf7-form .wpcf7-text:focus{
border-bottom: 4px solid #cda979;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
background: #efeff3 url(https://chostakovitch.org/wp-content/themes/chostakovitch/img/input-border.png) bottom right no-repeat;			
}
.wpcf7-form .wpcf7-textarea{
padding: 15px 3%;
border: 0px;
width: 94%;
font-size:20px;
font-family: 'Open Sans', serif;
color: #2f2e35;	
outline: none;
border-bottom: 4px solid #c7c5d3;
height: 120px;
}
.wpcf7-form .wpcf7-text::-webkit-input-placeholder, .wpcf7-form .wpcf7-textarea::-webkit-input-placeholder{
font-style: italic;
color: #9793aa;
font-weight: 200;
}
.wpcf7-form .wpcf7-text:-moz-placeholder, .wpcf7-form .wpcf7-textarea:-moz-placeholder{
font-style: italic;
color: #9793aa;
font-weight: 200;
}
.wpcf7-submit{
color: white;
padding: 15px 3%;
border: 0px;
width: 500px;
text-transform: uppercase;
font-size:20px;
font-family: 'Open Sans', serif;
background: #302f36 url(https://chostakovitch.org/wp-content/themes/chostakovitch/img/input-border-or.png) bottom right no-repeat;	
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
cursor: pointer;
outline:none;
}
.wpcf7-submit:hover{
background: #cda979 url(https://chostakovitch.org/wp-content/themes/chostakovitch/img/input-border-or.png) bottom right no-repeat;	
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.wpcf7 div.wpcf7-response-output {
margin: 2em 0em 1em;
padding: 0.2em 1em;
}
.wpcf7 div.wpcf7-mail-sent-ok {
border: 1px solid #cda979;
color:#cda979;
}
.wpcf7 div.wpcf7-mail-sent-ng {
border: 1px solid #ff0000;
color:#ff0000;
}
.wpcf7 div.wpcf7-spam-blocked {
border: 1px solid #c7c5d3;
}
.wpcf7 div.wpcf7-validation-errors {
border: 1px solid #c7c5d3;
}
@media screen and (max-width: 600px) {
.wpcf7-form{
width: 300px;
margin: 0 auto;
}	
.wpcf7-submit{
width: 300px;
}
} .lien-membre-bureau{
font: 16px/18px 'Open Sans', sans-serif;
color: black;
border: 1px solid #e5e2e2;
padding: 10px;
display: inline-block;
}
.lien-membre-bureau:hover, .lien-membre-bureau:focus{
color: white;
border: 1px solid #e5e2e2;
background-color: #b2a9a9;
}
.description-membre{
margin-top: 30px;
}
.description-membre img{
float: left;
margin-right: 20px;
}
.description-membre h2{
font: 600 16px 'Open Sans';
color: #a39389;
margin-right: 5px;
text-transform: uppercase;
}
.description-membre h2:after{
content: '';
width: 100%;
border-bottom: 1px dashed #a39389;
display: inline-block;
margin-left: 10px;
height: 10px;
position: absolute;
}
.description-membre h3{
font-size: 28px;
}
@media screen and (max-width: 998px) {
.lien-membre-bureau{
margin-bottom: 4px;
}
.description-membre img{
max-width: 50%;
}
.description-membre h3 {
font-size: 24px;
}
} h2.titre-region{
font-size: 31px;
text-transform: uppercase;
position: relative;
font-weight: 500;
margin-top: 30px;
margin-bottom: 30px;
font-family:'Oswald-Regular';	
}
h2.titre-region:after{
content: '';
width: 100%;
border-bottom: 1px dashed #bdb6b6;
display: inline-block;
margin-left: 10px;
height: 21px;
position: absolute;
}
.liste-regions h2
.back-top {
text-align: right;
padding: 3px 8px;
background-color: #e2c794;
color: white;
font-size: 18px;
right: 0;
position: absolute;
top: 5px;
z-index: 1;}
.back-top:hover{background-color: #171717;}
hr {
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: dashed;
border-width: 0px;
border-color:#bdb6b6;
border-bottom: 1px dashed #bdb6b6;
}
.liste-regions p {padding:15px 0}
.sommaire	
{
width:96%;
padding:20px 2%;
background-color:#f8f3ed;
border-top:1px solid #bdb6b6;
border-bottom:1px solid #bdb6b6;
margin-bottom:30px;
}
.sommaire span{
font-family: 'Oswald-Regular';
font-size: 30px;
text-align: center;
margin: 0px 0px;
padding-right: 20px;
display: block;
font-weight: 600;
line-height: 29px;
margin-bottom: -5px;
float: left;
text-transform: uppercase;
}	
@media screen and (max-width: 992px) {
.sommaire span{
margin-top: 7px;
font-size: 20px;		
}	
.sommaire .link-anchor{
font-size: 18px;
margin-bottom: 5px;	
margin-top: 5px;			
}	
.liste-regions h2.titre-region{
font-size: 20px;
}
.liste-regions h2.titre-region:after{
height: 13px;
}
.liste-regions h2 .back-top{
top: -2px;
}
}
.link-anchor{
text-align: left;
padding: 3px 8px;
display:inline-block;
margin-right:20px;
background-color: #e2c794;
color: white;
font-size: 18px;
position: relative;
font-family:'Oswald-Regular';
font-weight:500;
text-transform:uppercase;
}
.link-anchor:hover{background-color: #171717;}
.link-saison{
text-align: left;
padding: 2px 6px;
display:inline-block;
margin-right:5px;
margin-bottom: 20px;
background-color: #fff;
border:1px solid #bdb6b6;
color: #bdb6b6;
font-size: 14px;
position: relative;
font-family:'Oswald-Regular';
font-weight:500;
text-transform:uppercase;
}
.link-saison:hover{
color: #171717;
border:1px solid #171717;}
.saison-concert.page-contenu .liste-regions p
{
padding:0;
}
.view-actu-concert
{
padding: 20px 20px;
border-bottom: 1px dashed #bdb6b6;
background-color:white;
border-top:none;
}
.view-actu-concert:nth-child(odd){
background: white;
}
.view-actu-concert:nth-child(even){
background: #f5f3ef;
}
.view-actu-concert p.date{
font-weight:600;
font-family:'Oswald-Regular';
font-size:16px;
text-transform:uppercase;
padding-bottom:15px;
}
.view-actu-concert a, .vue-cesmoisci a{
color: #1E90FF!important;
}
.liste-view-concerts {padding-bottom:90px;}
.filtre-concerts-actu{
width:96%;
padding:20px 2%;
background-color:#f8f3ed;
border-top:1px solid #bdb6b6;
border-bottom:1px solid #bdb6b6;
margin-bottom:30px;
}
.filtre-concerts-actu p{
margin: 10px 0px;
}
.filtre-concerts-actu input{
padding: 3px 8px;
background-color: #e2c794;
color: white;
font-size: 14px;
text-transform:uppercase;
display:inline-block;
border:none;
z-index: 1;
cursor:pointer;
font-family:'Oswald-Regular';
font-size:16px;
}
.filtre-concerts-actu input:hover{
background-color:#171717;
}	
.filtre-concerts-actu select{border:1px solid #bdb6b6!important; margin-left: 5px;} .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0px;
background: #ffdd9d;
}
.wpml-ls-statics-footer a, .wpml-ls-statics-footer .wpml-ls-current-language>a{
background: #ffdd9d;
}
@media screen and (max-width: 992px){
.mm-page{
display: flex;
flex-direction: column-reverse;
}
}