body {font-size: 1rem;background-color: #FFF1E6;}

@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap'); */

/* Typo par défaut : Regular 400 */
body {font-family: 'Montserrat', sans-serif;font-weight: 400;font-style: normal;}
/* Light 300 */
.typo-light {font-weight: 300;font-style: normal;}
/* SemiBold 600 */
.typo-sb {font-weight: 800;font-style: normal;}
/* SemiBold 600 Italic */
.typo-sbi {font-weight: 800;font-style: italic;}

.underline { border-bottom:3px solid}
.text-gold {color:#E3A03E;}
.bg-gold {background-color:#E3A03E;}
.bg-beige {background-color:#FFF8F2;}
.bg-grey {background-color:#303030;}
.btn.bg-grey:hover {background-color:#E3A03E;}
.btn.text-gold:hover {color:#E3A03E;}
.btn.bg-gold:hover {background-color:black;}
.btn.bg-white:hover {background-color:#E3A03E!important; color:white;}
.border-left-gold{border-left: 3px solid #E3A03E;}
.border-left-white{border-left: 6px solid white;}
.border-left-goldx{border-left: 6px solid #E3A03E;}
.border-left-black{border-left: 6px solid black;}
.border-beige{border:6px solid #F1D4A1;}
   
a,a:hover{text-decoration:none;}
a{color: #A59792;}
ul li{list-style: none;}
.wp-block-image img{width:auto;height:auto;}
.containerrelative {position: relative;text-align: center;color: white;}
h2,h3{font-size:1.5rem;}
.shadowtext{text-shadow: 0 3px 5px rgba(0, 0, 0, 0.9);}
.rondnoir{display:flex;align-items:center;}
.rondnoir::before{background-color: black;content: "";display: inline-block;width: 18px;height: 18px;border-radius: 50%;margin-right: 8px;}
.rondgold{display:flex;align-items:center;}
.rondgold::before{background-color: #E3A03E;content: "";display: inline-block;width: 18px;height: 18px;border-radius: 50%;}

@media (min-width: 1600px) {
    
    .px-xxxl-6 {padding-right:8rem!important;padding-left:8rem!important}
}
.fs-x{font-size:3em;}

.titre h1{font-weight: 800;font-style: italic;margin-top:50px;}
.titre h2{text-transform: uppercase;}
.titre h2{display:flex;align-items:center;}
.titre h2::before{background-color: black;content: "";display: inline-block;width: 18px;height: 18px;border-radius: 50%;margin-right: 8px;}

.titre h3{color:#E3A03E;;text-transform: uppercase;}
.titre h3{display:flex;align-items:center;}
.titre h3::before{background-color: #E3A03E;content: "";display: inline-block;width: 18px;height: 18px;border-radius: 50%;margin-right: 8px;}

.accordion-item{border:0px;}

div.coque h2 span{background-color:#3A9B4A!important;}
div.coque p{color:#3A9B4A!important;}
li.coque > p + p{color:black;}
div.coque  a:hover p{color:#3A9B4A!important;}

#breadcrumbs span{font-size:0.9em;}
.pointer{cursor: pointer}
#breadcrumbs > span > span > span > a, .page_item_has_children > a {pointer-events: none;}


/* Nav+footer */

.navbar-brand img{width:400px;}
.navbar-nav .nav-link {color: black;opacity:0.7;text-transform:uppercase;font-style: italic;font-weight:800 !important;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {opacity:0.5;}

.dropdown-menu {background-color:#FFF8F2;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 0rem;padding:3%;margin:0;
    transition:ease-in-out 1s;box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.9);}

.dropdown-toggle::after{display:none;}
.nav-flex-wrapper {width: 100%;}
.btn-toggle-plus {flex-shrink: 0;z-index: 10;background-color:#E3A03E;border-radius:50%;padding:0px 8px;font-size:20px}

.site-footer img {filter: invert(100%) sepia(0%); }
.site-footer .moda .col-lg-6 {text-align:left;}
.site-footer label {color: white;}
.site-footer label:hover {color: #0056b3;}

.search-form input{width:150px;}
.search-form input:last-of-type{display:none;}
.search-form label{background-color:#E3A03E;padding:5px 10px;margin-left:-10px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;}
.search-form div{background-color:white;border-radius:100px;padding:0 5px;}
.search-form i{color:black;}
.search-form label:hover{background-color: #0056b3;}
.search-form label:hover i{color: #0056b3;}

.no-click {pointer-events: none;}

.table {font-size:0.7em;}
.table td, .table th {padding: .3rem;}

@media (max-width: 991px) {
    
    .navbar-brand {width:50%;}
}

@media (min-width: 768px) {

    .table {font-size:1em;}
    .table td, .table th {padding: .75rem;}

}

@media (min-width: 992px) {
   
    .bcb-main-navbar .container-fluid{padding:0px !important;}
    .navbar-nav{display:flex;justify-content: space-around;}
    .navbar-nav li{font-size: 1.4vw;font-weight:bold;position:relative;}
    .dropdown li{font-size: 1vw;font-weight:bold;position:relative;}
    .navbar-nav > li{margin-left:50px;}
    .navbar-nav > li::before{background-color: #E3A03E;content: ""; position: absolute;left: -32px;top: 50%;transform: translateY(-50%); /* centre verticalement */width: 16px;height: 16px;border-radius: 50%;}
    .navbar-nav > li:first-child::before{display:none;}
    .navbar-nav li a {display: inline-flex;align-items: center;  gap: 0.4em; }
    .navbar-nav li:first-child a {margin-left:0px;}

 
}

/* page accueil */

.slider{border-bottom:10px solid black;}
.carousel-indicators {bottom:10px;left:20px; right:auto;}
.carousel-indicators [data-bs-target] {width: 16px;height: 16px;margin: 0 5px;border: none;border-radius: 50%;}
.carousel-indicators [data-bs-target] {background-color:rgba(255, 255, 255, 1);}
.carousel-item img.img-fluid{width:100%;}
.carousel-item div.caption {position:absolute;right:0px;top:0px;bottom:0px;background-color:rgba(33, 32, 46, 0.5);z-index:20;}
.carousel-item .complet, .carousel-item .annule{display:block!important;width:50%;margin-left:50%;}

a i.fab{color:#A59792;text-align:center;transition:ease-in-out 0.1s;border-left: white 0px solid;}
a:hover i.fab{color:rgba(50, 129, 198, 1);border-left: white 2px solid;}

.main-content .main-post {border-bottom:5px solid black; border-left:5px solid black;}
.main-content .datecal > div:first-child{display:flex!important;margin-top:-20%;margin-bottom:20%;}
.main-content .main-post:nth-child(odd) {border-bottom:5px solid black; border-left:0px solid black;border-right:5px solid black;}

.abonnement{width:100%;display:none;}
.abonnement div{width:100%;}
.abonnement .row{margin:0;}

.abonnement div img{margin: 0px 0 0 0%;width:100%;float:left;position:relative;}
.abonnement  h1{margin: 0px 20% 0 0%;font-weight:bold;width:100%;float:left;position:relative;z-index:1000;text-align:right;}

.abonnement .under img{margin: 0px 0 0 0%;}
.abonnement .under h1{margin: 0px 0% 0 0%;width:100%;}

.abonnement div.under:hover img{z-index:100;}


@media (max-width: 991px) {
    
     .main-post img{width:100%;}
}

@media (min-width: 992px) {
    
    .carousel-indicators{top:auto;left:0px;right:0px;}
	.carousel {height:300px;}
    .carousel-item {height:300px;}
    .carousel-item > div{height:300px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
    .carousel-item div.caption {height:300px;width:25%;} 
    .carousel-item .dates {margin-top:20px;max-height:100px;display:block;}
    .main-content .datecal > div:first-child{display:flex!important;margin-top:0%;margin-bottom:0%;}

    .main-content .main-post:nth-child(odd) div:nth-child(1) { order: 3; }
    .main-content .main-post:nth-child(odd) div:nth-child(3) { order: 1; }
    .main-content .main-post:nth-child(odd) div:nth-child(2) { order: 2; z-index:10;}
    .main-content .main-post img{max-width:110%;}
    .main-content .main-post:nth-child(odd) div:nth-child(1) img{margin-left:-10%;}
    
    .datecal > div:first-child{margin-top:0%;margin-bottom:0%;}
    
    .emploi { background-color: antiquewhite}
    
    .abonnement .under {margin-top:-200px;}
    .abonnement div img{margin: 0px 0 0 0%;width:35%;float:left;position:relative;}
    .abonnement  h1{margin: 200px 20% 0 0%;width:30%;}
    .abonnement .under img{margin: 0px 0 0 32%;z-index:-100;}
    .abonnement .under h1{margin: 150px 0% 0 0%;width:33%;}


}

/* ------posts événements----- */

.article .post-thumbnail, .article .entry-title, .article .entry-meta, .article .entry-footer{display:none;}
.fest, .eves{display:none;}
.festival .fest, .festival .eves{display:block;}
.festival .infos, .festival .main-content{display:none;}
.archive .eves{display:flex;}
.wp-post-image{width:100%;height:auto;}
.dispo{display:none;}

.eves .main-post {border-bottom:5px solid black;}
.eves .datecal > div:first-child{display:flex!important;}


[class*="actus"] .article .post-thumbnail, [class*="actus"] .article .entry-title, [class*="actus"] .article .entry-meta,[class*="actus"] .article .entry-footer{display:none;}
[class*="actus"] .bandeau{height:0px;}
[class*="actus"] .article .infos .overimg {height:auto;}
[class*="actus"] .article .infos .overimg h1 {position:relative;width:100%;margin-top:20px;}
.actus-enseignement-artistique .article .infos .overimg h1 span, .actus-saison-artistique .article .infos .overimg h1 span 
{background-color:transparent!important;;color:#A59792;padding:0px;}

[class*="actus"] .saison{display:none;}
[class*="actus"] .article .infos h4 {display:block;}

@media (max-width: 767px) {
    .eves .main-post:nth-child(even) div:nth-child(1) { order: 2; }
    .eves .main-post:nth-child(even) div:nth-child(2) { order: 1; }
    .eves .main-post:nth-child(even) div:nth-child(3) { order: 3; }
    .thumbnail{background-image: none!important;}
}

@media (min-width: 768px) {
    
    .article .infos .overimg h1{font-size:2em!important;width:50%;}
    [class*="actus"] .article .infos .overimg h1 {position:relative;width:100%;}
    
      .eves .main-post:nth-child(even) div:nth-child(1) { order: 4; }
    .eves .main-post:nth-child(even) div:nth-child(2) { order: 3; }
    .eves .main-post:nth-child(even) div:nth-child(3) { order: 2; }
    .eves .main-post:nth-child(odd) div.thumbnail { border-right:5px solid black;}
    .eves .main-post:nth-child(even) div.thumbnail { border-left:5px solid black;}
}

@media (min-width: 992px) {
    
    .bandeau{height:300px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
    .festival .bandeau {display:none;}
    .article .infos .overimg h1{width:100%;}
    .article .moda .overimg {width:50%;}

    .festival .fest .sticky-top{z-index: 100;}
    
}
/* ------saison----- */

.archivec{text-align: center;}
.archivec #breadcrumbs{text-align:left;}

.archivec label {
  text-align:center;
  background:#A59792;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  color:white;
  padding:10px 20px;
  margin:0.5%;
  cursor:pointer;
    text-transform: uppercase;
}

.category-saison-actuelle input.active + label{padding:20px 20px;background-color: black;}
.archivec input:checked + label{background-color: rgba(50, 129, 198, 1);}
.category-saison-actuelle input:checked + label{background-color:#E3A03E;}

.archivec .eve{transition: opacity ease-in 0.5s;}

.category-saison-actuelle .eves > .eve{opacity:0;position:fixed;top:5000px;}
.category-saison-actuelle .eves > .active{opacity:1;position:relative;top:0px;}

.archivec input:checked  ~ .eves > .eve{opacity:0;position:fixed;top:5000px;}

.archive #all:checked  ~ .eves > .eve{opacity:1;position:relative;top:0px;}

.archive #sep:checked  ~ .eves > .m09{opacity:1;position:relative;top:0px;}
.archive #oct:checked  ~ .eves > .m10{opacity:1;position:relative;top:0px;}
.archive #nov:checked  ~ .eves > .m11{opacity:1;position:relative;top:0px;}
.archive #dec:checked  ~ .eves > .m12{opacity:1;position:relative;top:0px;}
.archive #jan:checked  ~ .eves > .m01{opacity:1;position:relative;top:0px;}
.archive #fev:checked  ~ .eves > .m02{opacity:1;position:relative;top:0px;}
.archive #mar:checked  ~ .eves > .m03{opacity:1;position:relative;top:0px;}
.archive #avr:checked  ~ .eves > .m04{opacity:1;position:relative;top:0px;}
.archive #mai:checked  ~ .eves > .m05{opacity:1;position:relative;top:0px;}
.archive #jui:checked  ~ .eves > .m06{opacity:1;position:relative;top:0px;}

.categories .cat-item-2 > a{pointer-events: none;}
/* ------category actus enseignement----- */

.category-actus-enseignement-artistique .content-area label{display:none;}
.category-actus-saison-artistique .content-area  label{display:none;}

/* ------infos pratiques----- */

.infos-pratiques h2{font-size:1.5em;margin:30px 0 20px 0;}
.infos-pratiques h3{font-size:1em;margin:20px 0 10px 0;}
.infos-pratiques .row > div > p{font-size:0.9em;margin-bottom:5px;}
.infos-pratiques .col-lg-4 p{margin-bottom:0px;}
.infos-pratiques .col-lg-12 a{display:inline-block;font-size:1.5em;}
/* .infos-pratiques .col-lg-12 a:first-of-type{margin-top:30px;} */
.infos-pratiques p span{font-weight:bold;}
.infos-pratiques img{margin: 0 15%; width:70%;}

.infos-pratiques label{color:#A59792;font-size:0.9em}
.infos-pratiques label:hover{color:rgba(50, 129, 198, 1);}
.infos-pratiques .linkeffect ~ div {width:100%;}
.infos-pratiques .linkeffect ~ div h2 {width:100%;text-align:center;}
.infos-pratiques .linkeffect ~ div p {width:90%;margin:0 5%;}


.infos-pratiques .linkeffect {width:100%;text-align:center;}
.infos-pratiques .linkeffect span{font-size:2em;}


/* ------calendrier----- */

.badge {white-space:initial}

section.calendar {padding:0 5%;}
.calendar ul li .border{border-top:1px #A59792 solid!important;width:75%;margin-bottom:1em;}
.calendar ul li:first-child .border{width:0%!important;}

.calendar .mois > h1 {margin:60px 0 30px 0%;}
.calendar .mois > h1 span{padding:5px 20px;background-color:#A59792;color:white!important;margin:20px;text-transform:uppercase;color:#A59792;letter-spacing: 3px;}
.calendar ul{margin-left:0%;}
.calendar ul li label:first-of-type span{font-size:1.5em;font-weight:bold;text-transform:uppercase;color:#A59792;letter-spacing: 3px;}
.calendar ul li > label:first-of-type:hover span{color:rgba(50, 129, 198, 1);}
.calendar ul li > p{text-transform:uppercase;color:#A59792;letter-spacing:2px;}
.calendar ul li > label + p{font-size:1.5em!important;margin:0px 0 0 0;}


.calendar .active > h1 span{background-color:rgba(50, 129, 198, 1);}
.calendar .active ul li .border{border-top:1px rgba(50, 129, 198, 1) solid !important;width:75%;}
.calendar .active ul li > label:first-of-type span{color:rgba(50, 129, 198, 1);}
.calendar .active ul li > label:first-of-type:hover span{color:#3A9B4A;}
.calendar .active ul li > p{color:rgba(50, 129, 198, 1);}

@media (min-width: 992px) {

    .calendar .mois > h1 {margin:60px 0 30px 5%;}
    .calendar #sept > h1{margin:10px 0 30px 5%;}
    .calendar #jan > h1{margin:10px 0 30px 5%;}
    .calendar ul{margin-left:15%;}

}


/* ------input radio----- */

input[type="radio"] {display:none;}
input[type="radio"] + label {cursor:pointer;}
input[type="radio"] + label.GRATUIT, input[type="radio"] + label.GRATUIT_RE {cursor:default;pointer-events: none;}


/* ------temps forts----- */

.tempsfort #primary{margin-bottom:50px;}

.tempsfort .alaune {background-color:#A59792;color:white;padding:20px;
    border-radius:10px;top:10px;left:30px;position:absolute;}

.actus-enseignement-artistique p, .actus-enseignement-artistique h4 {color:#A59792!important;}


.actu-ens, .actu-sais {color:#DC4898;margin-top:30px;margin-bottom:30px;padding:0px;display:none;text-align:center;}
.actus-enseignement-artistique .actu-ens{display:block;}
.actus-saison-artistique .actu-sais{display:block;}
.page-template-accueil .actu-sais{display:block;}


/* ------parcours----- */


.parcours h4  {text-align:center;margin-top:30px;}

.parcours .col-lg-6 .opin + label{display:block;}
.parcours .col-lg-6 .opin + label div {height:300px;padding:0 30px;margin:20px 3%;
    background-repeat: no-repeat;background-size: cover;background-position: center center;transition: all 200ms;}

.parcours .opin + label h3{color:white!important;width:80%;font-size:1.3em;}
.parcours .opin + label:hover div {filter: alpha(opacity=8000);opacity: .5;}


/* ------modal input label----- */


.overlay {
	position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index:10000;
	background: rgba(0, 0, 0, 0.7);
	transition: all 500ms;visibility: hidden;opacity: 0;
	overflow-y:scroll;overflow-x:hidden;
}
.ov2{z-index:1000000;}

input.opin:checked ~ div.ov1{visibility: visible;opacity: 1;cursor: default;}
input.opin:checked + label + input + label div.ov1{visibility: visible;opacity: 1;cursor: default;}
label.badge:hover{background-color:rgba(50, 129, 198, 1)!important;}
input.closin + label {position:fixed;top:0px;left: 0;right: 0;z-index:100000;}
input.closin:checked ~ div.ov1{visibility: hidden;opacity: 0;cursor: default;}

.ov2:target{visibility: visible;opacity: 1;cursor: default;}
a.badge:hover{background-color: rgba(50, 129, 198, 1);}

.moda {
	width:90%;margin:100px 5%;font-size:0.8em;padding: 20px;
	transition: all 200ms;position: relative;
	background: white; border-radius: 5px;
}

.closex {
	position: absolute;top: -7px;right:10px;transition: all 200ms;cursor:pointer;
	font-size: 30px;font-weight: bold;color: grey;width:20px;text-align:right;
  }
.moda .close {position: absolute;top: -100px;right:0;height: 100px;transition: all 200ms;width:100%;}
.moda .closee {position: absolute;bottom: -100px;right:0;height:100px;transition: all 200ms;width:100%;}
.moda .closex:hover{color:rgba(50, 129, 198, 1);}

.moda object{width:100%;}
.moda object + iframe{width:100%!important;}

/*
 * Because <object> doesn't scroll in iOS
 * Hide <object> in iOS and hide <iframe> in not iOS
 */
@media only screen and (max-device-width: 1024px) {
	object.embed-pdf-viewer { display:none; }
	iframe.embed-pdf-viewer { display:block; }
}
@media only screen and (min-device-width : 1024px) {
	object.embed-pdf-viewer { display:none; }
	iframe.embed-pdf-viewer { display:block; }
}

@media (min-width: 992px) {
    
    .moda {width:60%;margin:100px 20%;}
}


/* ------autres----- */

.pagination{padding:0;}
.pagination .post-next, .pagination .post-previous{width:40%;padding:10px;position:relative;}
.pagination h3 {font-size:0.8em;width:90%;position:absolute; bottom:-10px;}
.next > span, .previous > span{height:40px;display:block;}


.previous div{height: 100%;position: absolute;width: 100%;top: 0;left:-20px;}
.previous i{position: absolute;top: 50%;left:0;transform: translateY(-50%);}

.next div{height: 100%;position: absolute;width: 100%;top: 0;right:-20px;}
.next i{position: absolute;top: 50%;right:0;transform: translateY(-50%);}

@media (min-width: 1200px) {
    
    .pagination .post-next, .pagination .post-previous{margin-top:20px;}   
}

.qui .btn{font-size:1.5em;}
.qui .linkeffect{width:80%;margin:20px 10% 0 10%;text-align:center;}

.alaune{display:none;}
.sticky .alaune{display:block;}

.featured-thumb {background-color: #FFF;overflow:hidden;text-align: center;margin:0 auto;width: 100%;}
.featured-thumb img{min-width:100%;max-width:none;margin:0 auto;}
.page-template-page-full-width-php figure{text-align: center;}
.breadcrumb{font-size: small;background-color:transparent;padding-left: 0px}

.wp-block-quote{padding:30px;width:80%;margin: 50px auto; color: #FFFFFF!important;background-color: #0065A3!important;border-left: 20px solid #C93D6A;font-style: italic;}
.wp-block-quote p{ color: #FFFFFF!important;font-size: 1.7rem;padding:20px!important;line-height: 1.4;margin: 0;font-family: 'Raleway', sans-serif;}

.post-3644 .even .wp-block-video:first-of-type{display:none;}