.tribe-mini-calendar-block{max-width:767px}@media screen and (max-width:768px){.tribe-mini-calendar-block .tribe-common .tribe-common-l-container,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month{padding:0}}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus{background-color:var(--tec-color-accent-primary);box-shadow:inset 0 0 0 2px var(--tec-color-background),inset 0 0 0 4px var(--tec-color-border-active);outline:none}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__day-date{color:var(--tec-color-background-secondary)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__day-date .tribe-events-calendar-month__day-date-daynum{color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus .tribe-events-calendar-month__mobile-events-icon--event,.tribe-mini-calendar-block .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus-visible .tribe-events-calendar-month__mobile-events-icon--event{background-color:var(--tec-color-background)}.tribe-mini-calendar-block .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{color:var(--tec-color-background)}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2rem;
margin: 0;
font-weight: 300;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline solid;
text-decoration: underline solid;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
}   button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px solid ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}   [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
div,
div * {
margin: 0;
padding: 0;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #231d2b;
font-size: 1.2rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
h1 {
clear: both;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
abbr,
acronym {
border-bottom: 1px solid #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #ffffff;
margin: 0; font-family: "base-mono-wide", monospace;
font-weight: 300;
font-style: normal; }
hr {
border: 0;
border-top: 0.2rem solid #231d2b !important;
background: transparent;
clear: both;
}
ul,
ol {
padding: 0 0 20px 40px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
display: block;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
h2,
h3 {
margin-top: 10px;
} a {
text-decoration: none;
color: inherit;
border-bottom: solid 1px #b44eff;
}
section a,
.fondBlanc a,
.entry-content a {
border-bottom: solid 3px #b44eff;
}
b,
strong,
p a {
font-weight: normal;
} a:hover,
a:focus,
a:active {
color: #b44eff;
}
a:focus {
outline: thin solid;
outline: 0;
}
a:hover,
a:active {
outline: 0;
}  ::-webkit-scrollbar {
width: 10px;
background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #231d2b;
}
* {
scrollbar-width: thin;
scrollbar-color: #231d2b #ffffff;
}
.none {
display: none !important;
}
#wrap {
max-width: 1600px;
position: relative;
margin: auto;
}
#wrap.ouvert #conteneur,
#wrap.ouvert #menuAside,
#wrap.ouvert #tete {
transform: translateX(-350px);
}
#conteneur {
position: relative;
width: 100%;
transition: all 0.7s ease;
margin-top: 200px;
min-height: calc(100vh - 145px);
}
#conteneur.max1000 {
max-width: 1040px;
margin-inline: auto;
}
#ferme {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: #ffffff;
opacity: 0;
visibility: hidden;
transition: opacity 0.7s ease;
z-index: 700;
}
#wrap.ouvert #ferme {
opacity: 0.5;
cursor: pointer;
visibility: visible;
}
#menuAside {
width: 350px;
min-height: 100vh;
position: fixed;
top: 0;
right: -350px;
background: #6dffcf;
z-index: 1000;
padding: 20px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
transition: all 0.7s ease;
}
#menuAside a {
width: 100%;
padding: 5px 0;
font-size: 1.8rem;
position: relative;
border-bottom: solid 1px #b44eff;
transition: color 0.2s ease 0.4s, padding-left 0.7s ease 0.5s;
}
#menuAside a:hover,
#menuAside .leTheatre:hover a.btTheatre {
color: #b44eff;
padding-left: 20px;
transition: color 0.4s ease 0.1s, padding-left 0.4s ease;
}
#menuAside a::after {
content: "";
background: #ffffff;
height: 100%;
width: 0;
position: absolute;
top: 0;
left: 0;
transition: all 0.5s cubic-bezier(0.44, 0.25, 0.18, 0.93) 0.2s;
z-index: -1;
}
#menuAside a:hover::after,
#menuAside .leTheatre:hover a.btTheatre::after {
width: 100%;
transition-delay: 0;
}
.search-input {
border: none;
padding: 5px 10px;
font-size: 1.4rem;
width: calc(100% - 60px);
max-width: 500px;
outline: none;
}
.search-submit {
background: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/search.svg);
vertical-align: top;
border: none;
background-size: contain;
width: 44px;
aspect-ratio: 1;
cursor: pointer;
}
.search-submit.loupe-noire {
background: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/searchN.svg);
}
.search-input.bordVert {
background: #f3f3f3;
}
.excerpt_part {
max-width: 1000px;
display: inline-block;
}
.fondTraits {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/traits.png);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}   #tete {
position: fixed;
top: 0;
width: 100%;
max-width: 1600px;
height: 200px;
z-index: 500;
left: inherit;
padding: 10px 20px;
display: flex;
background-color: #ffffff;
justify-content: space-between;
border-bottom: 1px solid;
border-color: rgba(54, 51, 49, 1);
transition: all 0.4s cubic-bezier(0.05, 0.97, 0.37, 0.98), transform 0.7s;
}
#logo {
height: 100%;
max-width: 18vw;
max-height: 180px;
aspect-ratio: initial;
border: none;
margin-left: 20px;
padding-block: 10px;
display: flex;
translate: 0;
}
#logo svg {
width: 100%;
height: auto;
}
#tete.v2 #logo {
width: 100px;
height: 55px;
overflow: hidden;
}
#logo img {
margin: auto 0;
max-height: 100%;
width: auto;
}
#menu {
display: flex;
align-items: center;
min-width: 50%;
justify-content: space-between;
flex: 0 0 auto;
}
#menu a {
position: relative;
display: block;
z-index: 1;
border-bottom: none;
background: #ffffff;
font-size: 1.8rem;
padding: 4px 20px;
transition: all 0.5s ease-out;
}
#menu a:hover,
#menu .programme:hover a.btSaison {
color: #ffffff; }
#menu a::before {
content: "";
background: #b44eff;
width: 100%;
height: 0;
left: 0;
bottom: 0;
position: absolute;
transition: height 0.5s ease-out;
z-index: -1;
}
#menu a:hover::before,
#menu .programme:hover a.btSaison::before {
width: 100%;
height: 100%;
transition: height 0.7s cubic-bezier(0.84, 0.18, 0.18, 0.84);
}
.programme {
position: relative;
}
.sousmenu1 {
position: absolute;
display: flex;
opacity: 0;
translate: 0 -1px;
z-index: 2;
transition: opacity 0.2s ease-out;
}
.programme:hover .sousmenu1,
.programme:focus .sousmenu1 { opacity: 1;
height: auto;
}
#menu .sousmenu1 a {
font-size: 1.2rem;
flex-shrink: 0;
border: 1px solid #b44eff;
}
#menu .sousmenu1 a::before {
bottom: auto;
top: 0;
}
#menu .sousmenu1 a:first-of-type {
margin-right: 10px;
}
.leTheatre {
position: relative;
width: 100%;
}
.leTheatre a.btTheatre {
display: block;
}
.sousmenu2 {
position: absolute;
display: flex;
flex-wrap: wrap;
flex-direction: column;
opacity: 0;
top: -20px;
transform: translateX(-154px);
background: #b44eff;
z-index: 1;
visibility: hidden;
transition-delay: 0.2s;
}
.sousmenu2 a {
border-bottom: solid 1px #fff;
color: #ffffff;
}
.leTheatre:hover .sousmenu2,
.leTheatre:focus .sousmenu2 {
opacity: 1;
height: auto;
transition-delay: 0s;
visibility: visible;
}
#menuAside .sousmenu2 a {
padding: 10px 20px 10px 10px;
font-size: 1.2rem;
flex-shrink: 0;
width: auto;
}
#menuAside .sousmenu2 a:hover {
transition: color 0.3s ease 0.3s;
}
#menuAside .sousmenu2 a::after {
width: 0;
right: 0;
left: auto;
}
#menuAside .sousmenu2 a:hover::after {
width: 100%;
} #bt-menu {
cursor: pointer;
}
#bt-menu > * {
display: inline-block;
}
#bt-menu .pd13 {
padding-right: 13px;
}
.burger {
position: relative;
width: 20px;
height: 20px;
margin-left: 5px;
}
[id*="burger"] {
position: absolute;
display: block;
height: 2px;
background: #b44eff;
width: 100%;
transition: all 0.5s ease-out;
}
#menu a:hover [id*="burger"] {
background: #ffffff;
transition: all 0.3s ease-out 0.4s;
}
#burger1 {
top: 2px;
}
#burger2 {
top: 10px;
}
#burger3 {
top: 18px;
}
#wrap.ouvert #burger2 {
width: 0;
margin-left: 10px;
}
#wrap.ouvert #burger1 {
transform: rotate(45deg);
transform-origin: top left;
width: 24px;
}
#wrap.ouvert #burger3 {
transform: rotate(-45deg);
transform-origin: bottom left;
width: 24px;
}  .contenuFlex {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
}
#slider {
width: calc(100% - 40px);
height: 450px;
margin: 10px 20px;
position: relative;
overflow: hidden;
}
.carousel {
display: flex;
height: 420px;
}
.carousel > * {
width: 50%;
position: relative;
border: none;
}
.carousel .informations {
display: flex;
flex-wrap: wrap;
align-content: space-between;
padding: 20px 20px 90px;
border: none;
}
.carousel .informations > * {
width: 100%;
} .type {
font-size: 1rem;
text-transform: uppercase;
background: #b44eff;
padding: 5px 10px;
width: auto !important;
color: #ffffff;
font-weight: bold;
font-weight: 300;
margin: 0;
display: inline-block;
}
.encartSN {
position: absolute;
top: 0;
left: 0;
width: 200px;
max-width: 40%;
background-image: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/supernova.png)");
height: 100%;
background-repeat: no-repeat;
background-size: contain;
}
.slideSpectacles {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.slideSpectacles.affiche {
z-index: 10;
}
.conteneurImage,
.conteneurInformations { overflow: hidden;
}
.slideSpectacles .informations {
height: 100%;
transition: all 0.7s ease;
}
.slideSpectacles.affiche .informations {
transform: translateY(0);
}
.slideSpectacles.avant .informations {
transform: translateY(100%);
transition: all 0s;
visibility: hidden;
}
.slideSpectacles.apres .informations {
transform: translateY(-100%);
}
.slideSpectacles .image {
transition: all 0.6s ease;
}
.slideSpectacles.affiche .image {
transform: translateY(0);
}
.slideSpectacles.apres .image {
transform: translateY(100%);
}
.slideSpectacles.avant .image {
transition: all 0s;
transform: translateY(-100%);
}
.slideSpectacles .boutons {
left: calc(50% + 20px);
transition: opacity 0.3s ease 0.5s, transform 0.5s ease-out 0.5s;
}
.slideSpectacles.avant .boutons {
opacity: 0;
transform: translateY(-7px);
}
.slideSpectacles.apres .boutons {
transition: all 0.2s;
transform: translateY(-20px);
opacity: 0;
}
.boutons a:nth-of-type(2) {
margin-left: 20px;
}
.annule,
.annule2 {
margin-inline: 20px;
background: #231d2b;
position: relative;
display: inline-block;
padding: 10px 20px;
border: solid 1px #231d2b;
text-transform: uppercase;
color: #ffffff;
font-size: 1rem; }
.annule2 {
margin-inline: 0;
padding: 0 10px 2px;
}
#btsSlider {
z-index: 50;
position: relative;
display: flex;
align-items: center;
justify-content: center;
top: 94%;
width: 50%;
}
#btsSlider [class*="rond"] {
display: inline-block;
padding: 10px;
}
#btsSlider [class*="rond"] span {
border-radius: 999px;
display: block;
width: 10px;
height: 10px;
background: #231d2b;
transition: all 0.5s ease;
transform: scale(0.5);
}
#btsSlider [class*="rond"][actif="false"] {
cursor: pointer;
}
#btsSlider [class*="rond"][actif="false"]:hover span {
transform: scale(1);
}
#btsSlider [class*="rond"][actif="true"] span {
background: #231d2b;
transform: scale(1);
}
.btRetour,
.btSuite {
background: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/fleche.png);
width: 60px;
height: 80px;
background-size: 20px 50px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: all 0.5s ease 0.3s, background-color 0.5s ease-out;
z-index: 50;
position: absolute;
top: calc(420px / 2 - 40px);
}
.btSuite {
right: 50%;
}
.btRetour {
transform: rotate(180deg);
}
.btRetour:hover,
.btSuite:hover {
background-position: 10px;
background-color: rgba(54, 51, 49, 0.99);
background-color: #b44eff;
transition: all 0.5s ease, background-color 0.5s ease-out 0.1s;
}
[class*="boiteFlex"] {
position: relative; min-height: 400px;
margin: 20px 20px;
flex: 1 0 auto;
}
[class*="boiteFlex"] .fondBlanc {
font-size: 1rem;
border: none;
}
.mini {
max-width: calc((100% / 3) * 2 - 40px);
}
.boiteFlex1 {
width: calc(100% / 3 - 40px);
}
.boiteFlex3 {
width: calc((100% / 3) * 2 - 40px);
}
.boiteFlex3 .fondBlanc.avecLien {
padding-bottom: 60px;
}
.avecMarge .fondBlanc {
margin-bottom: 70px;
}
[class*="boiteFlex"] > * {
width: 100%;
}
.divise {
display: flex;
}
.divise > * {
width: 50%;
}
.divise .boutons {
left: 50%;
}
.fondJaune {
background-color: #6dffcf;
}
.fondBlanc {
background-color: #ffffff;
border: 1px solid #231d2b;
}
.prochainement .titre1 {
display: inline-block;
font-size: clamp(1.5rem, 1rem + 1.5vw, 3rem);
line-height: 1;
padding: 0 20px 14px;
}
.calendrierDeroulant {
position: relative;
overflow-y: auto;
max-height: 335px;
padding: 0px 20px 40px;
border-bottom: 40px solid rgba(255, 255, 255, 0);
border-bottom: 74px solid rgba(255, 255, 255, 0);
border-right: 20px solid rgba(255, 255, 255, 0);
border-top: 14px solid rgba(255, 255, 255, 0);
scrollbar-color: #231d2b #ffffff;
position: absolute;
height: 100%;
max-height: calc(100% - 63px);
font-variation-settings: "slnt" 0, "wdth" 90, "wght" 194.2857;
}
.calendrierDeroulant hr:first-of-type {
display: none;
}
.calendrierDeroulant hr {
margin: 10px 0;
}
.calendrierDeroulant .date {
color: #242220;
}
.date b {
font-variation-settings: "slnt" 0, "wdth" 90, "wght" 800;
}
.calendrierDeroulant a {
display: block;
border: none;
position: relative;
color: #242220;
}
.calendrierDeroulant a div {
display: block;
padding-inline: 0 0.5em;
transition: all 0.4s;
}
.calendrierDeroulant a:hover div {
padding-inline: 0.5em 0;
}
.calendrierDeroulant a::before {
content: "";
width: 4px;
height: 0%;
background: #b44eff;
position: absolute;
display: block;
left: -11px;
transition: all 0.4s;
}
.calendrierDeroulant a:hover::before {
height: 100%;
}
.calendrierDeroulant a > * {
display: inline;
}
.calendrierDeroulant .titre {
font-variation-settings: "wght" 300, "wdth" 90, "slnt" -12;
}
.heure {
font-weight: normal;
}
.petit,
.wp-caption-text {
font-size: 0.9rem; color: #231d2bda;
font-weight: normal;
display: inline-block !important;
font-variation-settings: "slnt" 0, "wdth" 90, "wght" 800;
}
.verypetit {
font-size: 0.75rem;
}
.supernova {
background: #6dffcf !important;
padding: 0 5px;
font-size: 0.8rem;
font-weight: 300;
}
.conteneurInformations .supernova {
padding: 5px 10px;
font-size: 1rem;
display: inline-block;
}
.boutons {
position: absolute;
width: auto !important;
bottom: 20px;
z-index: 1;
}
.entry-content .boutons {
position: initial;
}
.boutons a {
position: relative;
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
background: #b44eff;
color: #ffffff;
font-size: 1rem;
text-align: center;
}
.boutons a:hover {
box-shadow: 5px 5px 0 #231d2b;
}
.boutons a:nth-of-type(2) {
margin-left: 20px;
}
.titre-spectacle {
font-weight: 300;
font-size: clamp(1.8rem, 1rem + 2vw, 3rem);
line-height: 1.1;
}
.titre1 {
font-size: 1.8rem;
margin: 0;
line-height: 1;
font-size: clamp(1.5rem, 1rem + 2vw, 1.8rem);
font-weight: 300;
}
.titre1.fondJaune { background-color: #6dffcf; display: inline;
}
.video .titre1.fondJaune {
line-height: 1.5;
}
.video .titre1 {
display: inline-block; background-color: #6dffcf;
padding: 10px 20px; }
.video .embed-container { overflow: hidden;
}
.image .fondBlanc p { padding: 1em;
}
.lienActu {
border: none;
}
.lienActu:hover::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 5px solid #b44eff;
}
.boiteFlex3.divise .image a {
width: 100%;
height: 100%;
display: block;
}
.divise .figcaption {
background-color: #ffffff;
position: absolute;
bottom: 0;
padding-right: 5px;
line-height: inherit;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
}
.boiteFlex1 a .fondBlanc {
display: inline-block;
}
.italique {
font-variation-settings: "wght" 200, "wdth" 90, "slnt" -12;
}
h1.decaleGauche {
position: relative;
left: -40px;
margin-top: 20px;
padding: 10px 20px;
background-color: #6dffcf;
background-color: #6dffcf; line-height: 1.2;
max-width: calc(100% + 40px);
display: inline-block;
}
.p20 {
padding: 20px;
}
.mb10 {
margin-bottom: 10px;
}
.m20 {
margin: 20px 0;
}
.m40 {
margin: 40px 0;
}
.mt80 {
margin-top: 80px;
margin-bottom: -50px;
}
hr.mt80:last-of-type {
display: none;
}
.pt140 {
padding-top: 140px;
}
.mb20 {
margin-bottom: 20px;
}
.maxHauteur {
max-height: calc(100% - 105px);
overflow: hidden;
}
.mg20 {
margin-left: 20px;
}
.image {
height: 100%; filter: brightness(0);
transition: all 2s cubic-bezier(0.35, 0.02, 0.37, 0.98) 0s;
}
.image.actif,
.conteneurImage.actif .image,
.contMedia.actif .image,
.metaslider.actif .image {
filter: brightness(1);
}
.metaslider {
opacity: 0;
transition: all 1s cubic-bezier(0.35, 0.02, 0.37, 0.98) 0.5s;
}
.metaslider.actif {
opacity: 1;
}
.metaslider .caption {
font-size: 0.8rem;
font-variation-settings: "slnt" 0, "wdth" 90, "wght" 400;
}
.texte p,
.texte ul:not(.slides) li {
opacity: 0;
line-height: 0;
transition: line-height 1s cubic-bezier(0.5, 0.01, 0.21, 1),
opacity 1.2s cubic-bezier(0.5, 0.01, 0.21, 1) 0.7s;
}
.texte.actif p,
.texte.actif ul:not(.slides) li {
line-height: inherit;
opacity: 1;
}
.texte ul:not(.slides) li {
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
}
.relevanssi-query-term {
color: #b44eff;
}  .grecaptcha-badge {
visibility: hidden;
}
footer {
margin-top: 60px;
position: relative;
background: #ffffff;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid #777;
} footer .tel {
width: 33%;
padding: 0 20px 0 40px;
}
footer .tel b {
margin-left: -20px;
}
footer .liens {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 33%;
padding: 0 20px;
}
footer .separation {
border-right: 1px solid #777;
margin: 0;
}
footer .separation:nth-of-type(3),
footer .separation:nth-of-type(4) {
width: 100%;
border-bottom: 1px solid #777;
}
.rs {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 33%;
}
[class*="boiteFlex"] .rs {
justify-content: flex-start;
width: 100%;
}
.rs a {
padding: 10px 5px;
border: none;
}
.rs a:hover,
ul.heateor_sss_sharing_ul li:hover {
transform: scale(1.1);
}
footer > * {
margin: 20px auto;
}
footer b {
font-size: 1rem;
text-transform: uppercase;
background: #231d2b;
padding: 5px 20px;
color: #ffffff;
font-weight: 300;
}
.nl {
display: flex;
flex-direction: column;
width: 33%;
padding: 0 20px;
}
.nl p {
margin-bottom: 20px;
}
.nl input[type="email"] { padding: 0 5px;
font-size: 0.8rem;
vertical-align: top;
outline: none;
background: #ffffff;
max-width: 100%;
height: 2rem;
}
.nl input[type="submit"] { color: #ffffff;
background: #b44eff;
padding: 0 5px;
font-size: 1rem;
height: 2rem;
vertical-align: top;
cursor: pointer;
}
.nl input { font-size: 14px;
}
.nl .bZeCkp:focus {
border: 1px solid #b44eff;
}
.nl .cIhyuf,
.nl .bZeCkp {
border-radius: 0 !important;
margin-top: 0;
height: 2.2rem !important;
padding: 0px 12px;
}
.nl .hIQDVM {
padding: 0.2em 0px;
}
.nl .GaTUN {
height: 6px;
font-size: 0;
}
.nl .GaTUN span {
font-size: 10px;
}
.nl .jYpRwE label::before {
min-width: 20px;
}
.nl .jYpRwE input:checked ~ label::before,
.nl .gaYhxh:hover.g-Button-primary {
background-color: #b44eff;
opacity: 1;
}
.nl .fZAyBu label.g-Field-label sup {
top: 0;
}
.nl .jAspnN {
width: auto;
}
.nl .jAspnN:checked::after {
border: 7px solid #b44eff;
}
.rs p {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.rs img {
height: 25px;
}
.logos {
display: flex;
min-width: 50%;
flex-grow: 1;
flex-wrap: wrap;
}
.logos img {
margin: 10px auto;
} .site-main {
padding: 0 20px;
}
.entry-meta {
margin: 0 0 20px;
}
.entry-meta p {
padding: 5px 20px;
background-color: #ffffff;
display: inline-block;
} #conteneur.laSaison {
margin-inline: 10px;
padding: 0 !important;
width: auto;
}
.saison {
padding: 0;
display: flex;
flex-wrap: wrap;
clear: both;
}
.bts-liste {
display: flex;
justify-content: space-between;
}
.bt-liste {
border: none;
margin: 0 10px 10px;
max-width: calc(50% - 20px);
line-height: 1;
}
.bt-liste:last-of-type {
text-align: right;
}
.post-type-archive-tribe_events .bt-liste {
margin-bottom: 20px;
border: none !important;
}
.lien-spectacle,
.lien-brochure {
position: relative;
width: calc(25% - 20px);
margin: 10px;
height: 380px;
display: block;
overflow: hidden;
background: #231d2b; }
.lien-spectacle.SN {
margin: 0;
padding: 10px;
background: #6dffcf;
width: 25%;
height: 400px;
}
.lien-spectacle .boutons {
width: 100% !important;
display: flex;
justify-content: center;
bottom: -40px;
transition: all 0.3s ease-out;
}
.lien-spectacle .boutons a,
.lien-spectacle .annule {
padding: 2px 10px;
padding: 5px 10px 6px;
border: none;
}
.spectacles,
.brochure {
position: relative; height: 100%;
color: #231d2b !important;
background-size: cover !important;
background-position: center !important;
border: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
transition: all 0.3s ease-out;
}
.spectacles > * {
position: relative;
padding: 10px;
line-height: 1;
color: #ffffff;
max-width: 80%;
transition: all 0.3s ease-out;
}
.saison .letitre {
font-size: clamp(1.2rem, 1rem + 1.5vw, 1.8rem);
}
.type2 {
font-size: 1rem;
text-transform: uppercase;
}
.type2 .supernova {
padding: 2px;
display: inline-block;
}
.lien-spectacle .dates {
position: absolute;
top: 0;
font-size: 1.8rem;
}
.lien-spectacle .supernova {
align-self: flex-start;
background: #6dffcf !important;
color: #231d2b;
padding: 5px 10px !important;
}
.lien-spectacle .auteur {
padding: 5px 10px !important;
}
.none2 {
opacity: 0.7;
}
@media only screen and (min-width: 769px) {
.lien-spectacle:hover .spectacles {
padding-bottom: 75px;
}
.spectacles::before {
content: "";
background: rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-out;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lien-spectacle:hover .spectacles::before {
content: "";
background: rgba(255, 255, 255, 0.25);
}
.lien-spectacle:hover .spectacles > * {
background: #ffffff;
color: #231d2b;
}
.lien-spectacle:hover .boutons {
bottom: 20px;
}
} .conteneurVideo {
max-width: 1000px;
clear: both;
margin-bottom: 20px;
}
.videoWrapper,
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
background-color: #231d2b;
opacity: 0 !important;
transition: all 0.5s cubic-bezier(0.35, 0.02, 0.37, 0.98) 0.9s;
visibility: hidden;
}
.videoWrapper iframe,
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
border: 0;
opacity: 0 !important;
transition: all 1s cubic-bezier(0.35, 0.02, 0.37, 0.98) 0.5s;
}
.videoWrapper.actif,
.embed-container.actif,
.videoWrapper.actif iframe,
.embed-container.actif iframe {
opacity: 1 !important;
visibility: visible;
} .entry-content p {
padding-bottom: 10px;
font-weight: 300;
}
.entry-content ul {
display: flow-root;
padding-left: 20px;
}
.alignleft,
.post-thumbnail {
float: left;
margin: 7px 20px 5px 0;
max-width: 50%;
}
.alignright {
float: right;
margin: 7px 0 5px 20px;
max-width: 50%;
}
.wp-block-image {
margin: 0;
}
.nav-links {
background: #ffffff;
padding: 20px;
}
.partages {
display: flex;
align-items: center;
font-weight: bold;
padding-left: 20px;
}
.blocSpectacle .partages {
margin-left: 10px;
}
.partages p {
padding: 10px 0;
}    .tribe-events-view {
clear: both;
}
.tribe-common a:not(.tribe-common-anchor--unstyle):focus {
outline: none;
}
.tribe-events .tribe-events-calendar-list__month-separator time {
background-color: #6dffcf;
padding: 10px 20px;
display: inline;
font-size: 2rem !important;
width: 100%;
line-height: 1.5 !important;
font-family: "base-mono-wide", monospace;
}
.tribe-events .tribe-events-calendar-list__month-separator::after {
background: none;
}
.tribe-events-calendar-list__event-header {
display: flex !important;
justify-content: space-between;
align-items: center;
padding-right: 10px !important;
transition: all 0.3s ease;
}
.tribe-events-calendar-list__event-header:hover {
background: rgba(255, 255, 255, 0.5);
color: #b44eff !important;
}
.lien-calendrier {
display: flex !important;
align-items: baseline;
width: calc(100% - 115px);
border: none !important;
}
.lien-calendrier:hover h2 {
color: #b44eff !important;
}
.lien-calendrier > * {
line-height: 1.2;
padding: 20px 10px !important;
}
.tribe-events-calendar-list__event-header
.tribe-events-calendar-list__event-datetime-wrapper {
width: 300px;
padding-left: 0;
}
.tribe-events-calendar-list__event-header .type2 {
width: 240px;
}
.tribe-events-calendar-list__event-header h2 {
font-size: 2rem;
line-height: 1;
width: calc((100% - 540px) * 0.6);
transition: all 0.4s cubic-bezier(0.5, 0.01, 0.21, 1),
opacity 0.7s cubic-bezier(0.5, 0.01, 0.21, 1) 0.2s;
}
.tribe-events-calendar-list__event-header:not(.actif) h2 {
line-height: 0;
opacity: 0;
}
.tribe-events-calendar-list__event-header .auteur {
width: calc((100% - 500px) * 0.4);
}
a.boutons2 {
position: relative;
display: inline-block;
padding: 10px 20px !important;
border: solid 1px #231d2b;
text-transform: uppercase;
background: #ffffff;
margin: 10px 0;
box-shadow: 5px 5px 0 #231d2b;
}
a.boutons2:hover {
background: #b44eff;
color: #ffffff !important;
transition: all 0.1s ease;
}
.tribe-events-calendar-list__event-header .annule {
padding: 10px 20px !important; }
.tribe-common hr {
border: 0;
border-top: 0.2rem solid #231d2b !important;
background: transparent;
} .leSpectacle {
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
}
.leSpectacle .blocSpectacle {
display: inline-block;
overflow: hidden;
vertical-align: top;
opacity: 0;
flex: 0 0 50%;
}
.leSpectacle.actif .blocSpectacle {
opacity: 1;
transition: all 0.4s;
}
.leSpectacle .blocSpectacle .contMedia {
filter: brightness(0);
opacity: 0.77;
transition: filter 1s 0.4s, opacity 1.2s 0.4s;
overflow: hidden;
}
.leSpectacle.actif .blocSpectacle .contMedia {
filter: brightness(1);
opacity: 1;
}
.masqueGrand {
display: none;
}
.blocSpectacle:first-of-type {
padding-right: 20px;
}
.blocSpectacle:nth-of-type(2) {
padding-left: 20px;
}
.exergue,
blockquote,
.complet { background-color: #6dffcf;
padding: 10px 20px;
margin: 0 -20px 10px;
font-variation-settings: "wght" 700, "wdth" 90, "slnt" 0;
}
.exergue,
.blocSpectacle blockquote:first-of-type {
margin-top: -20px;
}
.exergue p,
blockquote p,
.complet p {
padding: 10px 0;
}
.complet {
margin: 0;
padding: 20px;
}
.leSpectacle h1,
h2.vieuxTitres,
.titreSaison {
font-weight: 300;
font-size: 2.5rem;
line-height: 1.2 !important;
padding-bottom: 15px;
color: rgba(54, 51, 49, 0.95);
}
.titreSaison {
display: table;
border: none !important;
font-size: 1rem;
text-transform: uppercase;
background: #231d2b;
color: #ffffff;
padding: 5px 10px !important;
width: auto !important;
line-height: 1.5 !important;
}
a.titreSaison:hover {
background: #b44eff;
color: #fff;
}
.leSpectacle .type {
display: inline-block;
}
.leSpectacle .supernova {
display: inline-block;
font-size: 1rem;
padding: 5px 10px;
}
.leSpectacle .dates {
font-size: 1.2rem;
padding: 10px;
background-color: #6dffcf;
display: inline-block;
}
.leSpectacle h3.auteur {
padding: 10px 0;
font-size: 1.2rem;
margin: 0;
font-weight: normal;
}
.leSpectacle .petit {
font-style: normal;
}
.bts {
display: flex;
align-items: center;
}
.bts > * {
display: inline-block;
}
.lieu {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lieu > * {
flex: 1 1 auto;
padding: 5px 5px 5px 0 !important;
}
.metaslider .flexslider .flex-direction-nav li a {
background: url(//www.theatre-sorano.fr/wp-content/themes/sorano_V4/img/fleche.png) !important;
width: 30px !important;
height: 80px !important;
background-size: 20px 50px !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
transform: rotate(180deg);
}
.navSpectacles {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.navSpectacles a {
border: none;
padding: 5px 20px;
border: solid 1px #231d2b;
text-transform: uppercase;
background: #ffffff;
margin: 10px 0;
box-shadow: 5px 5px 0 #231d2b;
}
.navSpectacles a.suivant {
text-align: right;
} .page-supernova .entry-content {
margin-bottom: 10px;
display: inline-block;
width: calc(100% - 20px);
} .flex {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.bloc75 {
flex: 0 0 calc(75% - 50px);
}
.page-accessibilite .titre,
.page-accessibilite .pictos {
padding-right: 50px;
flex: 0 0 25%;
}
.page-accessibilite .titre {
margin-bottom: 20px;
}
.page-accessibilite .titre img {
height: 80px;
}
.pictos img {
display: inline-block;
width: 60px;
margin-top: 10px;
}
.page-accessibilite h1 {
padding: 0 20px;
display: inline-block;
line-height: 1;
font-size: 2rem;
font-weight: normal;
}
.page-accessibilite h2,
.pictos {
font-size: 2rem;
line-height: 1;
margin: 0;
font-weight: normal;
hyphens: auto;
}
.page-accessibilite h3 {
max-width: 100%;
font-size: 2rem;
line-height: 1.2;
padding: 5px 20px;
position: relative;
display: inline-block;
margin: 40px -20px 10px;
font-size: 2rem;
font-weight: normal;
}
.page-accessibilite h3:first-of-type {
margin-top: -7px;
} .bloc60 { padding-right: 7vw;
flex: 2;
}
.bloc33 {
flex: 1;
}
.page-billetterie .bloc33 {
text-align: right;
padding: 20px;
}
.page-billetterie .boutons2 {
width: auto;
position: relative;
display: inline-block;
padding: 10px 20px;
border: solid 1px #231d2b;
text-transform: uppercase;
background: #b44eff;
color: #ffffff;
text-align: center;
}
.page-billetterie .bloc60 h1,
.page-billetterie .bloc33 h2 {
font-size: 2rem;
line-height: 1.2;
padding: 10px 20px; background-color: #6dffcf;
display: inline-block;
margin: 0px -20px 10px -20px;
font-weight: 300; }
.page-billetterie .bloc33 h2 {
margin: 0 0 10px;
}
.page-billetterie .bloc33 h1,
.titreTheatre {
font-weight: 300;
font-size: 3rem;
line-height: 1.2;
padding-bottom: 10px;
}
.page-billetterie hr {
margin-bottom: 20px;
}
.page-template-default hr {
margin: 20px 0;
}
.page-template-default #conteneur {
max-width: 1040px;
margin-inline: auto;
}
.page-template-default .entry-content,
.pagesTheatre .entry-content {
padding: 20px;
background-color: #ffffff;
}
.page-template-default h1,
.post-template-default h1,
.page-supernova h1.titre1,
.page-publics h1.titre1 {
background-color: #6dffcf;
padding: 10px 20px;
display: inline-block; }
.post-template-default h1 {
background-color: #6dffcf; }
.page-infos-pratiques .site-main {
display: flex;
flex-wrap: wrap;
}
.page-infos-pratiques h1 {
background-color: #6dffcf;
padding: 10px 20px;
width: 100%;
margin: 20px 10px;
text-align: center; }
.page-infos-pratiques h2 {
background-color: #6dffcf;
padding: 10px;
font-weight: normal;
margin: 0;
line-height: 1.2; }
.page-infos-pratiques .boiteFlex1 {
margin: 0px 10px 20px;
height: auto;
min-height: 400px; overflow: hidden;
}
.avecFondBlanc p {
font-size: 1rem;
background-color: #ffffff;
padding: 5px 10px;
}
.carte > * {
height: 100%;
}
.page-infos-pratiques .boiteFlex1 a {
display: inline;
}
.page-infos-pratiques .boiteFlex1 hr {
margin: 10px 0;
} .pagesTheatre {
display: flex;
}
.pagesTheatre header {
width: 260px;
margin-right: 20px;
}
.pagesTheatre header a {
border-bottom: 3px solid #b44eff;
padding: 0px 10px;
margin: 10px 10px 10px 0;
font-size: 1.2rem;
display: inline-block;
background: #ffffff;
}
.page-le-theatre .btLieu,
.page-le-projet .btProjet,
.page-lequipe .btEquipe,
.page-reseaux .btReseaux,
.page-mecenat .btMecenat {
background: #b44eff;
color: #ffffff;
}
.pagesTheatre .entry-content {
padding: 20px;
max-width: 1000px;
}
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.figcaption {
font-size: 13px;
line-height: 22px;
margin: 0;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
}
.wp-block-columns {
display: flex;
}
.wp-block-columns > * {
width: 50%;
}
.wp-block-columns .wp-block-column:first-of-type {
padding-right: 20px;
border-right: 1px solid #231d2b;
margin-right: 20px;
}
.page-archives h1,
.page-la-saison h1,
#Titrepasses {
margin: 10px;
background-color: #6dffcf;
padding: 10px 20px; }
.passes .lien-spectacle {
opacity: 0.6;
}
.passes .lien-spectacle:hover {
opacity: 1;
}
.mt0 {
margin: 0 10px 0 0 !important;
}
.page-publics h1.titre1 {
display: block;
text-align: center;
}
.page-publics .contenuFlex {
gap: 2vw;
}
.page-publics .boiteFlex1 {
max-width: calc(50% - 40px);
margin: 20px 0;
padding-inline: 20px;
}
.page-publics .boiteFlex1 img { width: 320px;
margin: auto;
}
@media only screen and (min-width: 601px) {
.m10grand {
margin: 0 10px;
}
}   @media only screen and (min-width: 1024px) {
.a1,
.a2,
.a3,
.a4,
.a5 {
opacity: 0;
}
.a1 {
transition: opacity 1s 0.3s;
}
.a2 {
transition: opacity 1.2s 0.8s;
}
.a3 {
transition: opacity 1.2s;
}
.a4 {
transition: opacity 1.2s 0.9s;
}
.a5 {
transition: opacity 1.2s 1s;
}
.contenuFlex [class*="boiteFlex"]:nth-of-type(2),
.contenuFlex [class*="boiteFlex"]:nth-of-type(3) {
transition: opacity 1.6s 1.2s;
}
.a1.actif,
.a2.actif,
.a3.actif,
.a4.actif,
.a5.actif {
opacity: 1;
}
}
@media only screen and (max-width: 1600px) {
.site-main.laSaison {
padding-left: 10px;
padding-right: 10px;
}
.blocSpectacle:nth-of-type(1) {
padding-right: 10px;
}
.blocSpectacle:nth-of-type(2) {
padding-left: 10px;
}
}
@media only screen and (max-width: 1440px) {
#wrap {
width: 100%;
}
.lien-spectacle,
.lien-brochure {
width: calc(100% / 3 - 20px);
}
.lien-spectacle.SN {
width: calc(100% / 3);
}
footer .separation {
margin: 0;
}
}
@media only screen and (max-width: 1200px) {
.lien-calendrier {
flex-wrap: wrap;
margin: 10px 0 !important;
}
.lien-calendrier > * {
padding: 0px 10px !important;
}
.tribe-events-calendar-list__event-header
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-calendar-list__event-header .type2,
.tribe-events-calendar-list__event-header h2,
.tribe-events-calendar-list__event-header .auteur {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
#logo {
margin-left: 0;
}
#menu a {
font-size: clamp(1rem, 1rem + 2vw, 1.8rem);
text-transform: uppercase;
}
.sansImage {
min-height: auto;
}
.divise .figcaption {
top: 0;
bottom: auto;
right: 0;
padding: 0 5px;
display: none;
}
.page-infos-pratiques .boiteFlex1 {
height: auto;
min-height: auto;
margin: 0 0 20px;
}
.page-infos-pratiques .boiteFlex1:not(.fondBlanc) {
min-height: 400px;
}
.page-infos-pratiques h1 {
margin: 0 0 20px;
}
.pitch {
display: none;
}
.prochainement {
height: auto;
margin-bottom: 60px;
display: none;
}
.calendrierDeroulant {
overflow-y: visible;
max-height: none;
padding: 20px 20px 60px;
border: none;
position: relative;
}
.prochainement .boutons {
bottom: 0;
}
.boiteFlex3 .image {
order: 1;
}
h1.decaleGauche {
left: 0px;
padding: 10px 20px;
margin-top: 0;
}
.lien-spectacle,
.lien-brochure {
width: calc(50% - 20px);
}
.lien-spectacle.SN {
width: 50%;
}
.page-accessibilite .titre {
flex: 0 0 100%;
padding: 0;
}
}
@media only screen and (max-width: 768px) {
#slider {
margin: 0;
width: 100%;
}
[class*="boiteFlex"],
.mini {
width: 100%;
max-width: 100%;
}
#tete {
flex-wrap: wrap;
padding-inline: 0;
}
#tete #logo {
margin-inline: auto;
max-width: 90%;
}
#menu {
width: 100%;
}
#conteneur {
margin-top: 250px;
}
body:not(.home) #tete {
height: 130px !important;
}
body:not(.home) #logo {
height: 60px !important;
padding-block: 0 !important;
}
body:not(.home) #conteneur {
margin-top: 140px;
}
.sousmenu2,
.sousmenu1 {
display: none;
}
.site-main.laSaison {
padding-left: 0px;
padding-right: 0px;
}
.carousel {
height: auto;
flex-wrap: wrap;
}
#slider {
height: 700px;
}
.conteneurImage,
.conteneurInformations {
width: 100%;
height: 340px;
}
.conteneurImage {
padding-inline: 10px;
}
.boutons {
left: 0 !important;
display: flex;
justify-content: center;
width: 100% !important;
margin-left: 0;
}
#btsSlider {
display: none;
}
.btRetour,
.btSuite {
top: calc(340px / 2 - 40px);
}
.btSuite {
right: 0;
}
.boiteFlex3.video {
padding-inline: 10px;
}
h1.decaleGauche {
margin: 10px 10px 0;
}
.boiteFlex3 .image {
margin: 10px 10px 0;
}
footer {
padding: 0 10px;
}
footer > * {
width: 100% !important;
text-align: center;
}
footer .separation {
border-bottom: 1px solid #777;
width: 100% !important;
}
footer .liens {
align-items: center;
}
footer .liens a {
padding: 4px;
margin: 5px;
}
.lien-spectacle,
.lien-brochure {
height: 420px;
}
.lien-spectacle.SN {
height: 420px;
}
.spectacles {
padding-bottom: 53px;
}
.lien-spectacle .spectacles > * {
background: #ffffff;
color: #231d2b;
border-left: 1px solid #231d2b;
border-right: 1px solid #231d2b;
}
.lien-spectacle .dates {
border: 1px solid #231d2b;
}
.lien-spectacle .spectacles {
padding-bottom: 75px;
}
.lien-spectacle .boutons {
bottom: 20px;
}
.lien-spectacle.SN .boutons {
bottom: 34px;
}
.leSpectacle .blocSpectacle {
width: 100%;
flex: 0 0 100%;
padding: 0 !important;
}
.leSpectacle .dates {
font-size: 1.2rem;
}
.titreSaison {
font-size: 1.2rem;
padding: 5px 10px 5px !important;
}
.leSpectacle .blocSpectacle:first-of-type {
margin-bottom: 20px;
}
.masqueMob1 {
display: none;
}
.masqueGrand {
display: inherit;
}
.leSpectacle .petit {
order: 2;
margin-top: 20px;
}
.bloc33,
.bloc60,
.bloc75 {
flex: 0 0 100%;
max-width: 100%;
}
.page-billetterie .bloc33 {
order: -1;
text-align: left !important;
padding: 0;
margin-bottom: 40px;
border: none;
}
.page-billetterie .bloc60 h1,
.page-billetterie .bloc33 h2 {
display: block;
}
.pagesTheatre {
flex-wrap: wrap;
}
.pagesTheatre header {
margin-right: 0;
width: 100%;
}
.page-publics #conteneur {
padding: 0 20px;
}
.page-publics .boiteFlex1 {
max-width: 100%;
border-bottom: 1px solid #231d2b;
padding: 20px 0;
margin-top: 0;
}
#menuAside a,
.search-input {
font-size: 1.4rem;
}
footer .tel {
padding: 0 10px;
}
footer .tel b {
margin-left: 0;
}
.saison .letitre {
font-variation-settings: "wght" 480, "wdth" 90, "slnt" -12;
}
.lien-spectacle .dates {
position: relative;
font-size: 1.8rem;
order: 1;
}
.lien-calendrier h2 {
font-variation-settings: "wght" 480, "wdth" 90, "slnt" -12;
color: #b44eff !important;
}
}
@media only screen and (max-width: 600px) {
.masqueMob2 {
display: none !important;
}
.burger {
margin-left: 0;
}
#menuAside {
width: 240px;
right: -240px;
}
#wrap.ouvert #conteneur,
#wrap.ouvert #menuAside,
#wrap.ouvert #tete {
transform: translateX(-240px);
}
#slider {
height: 600px;
margin-bottom: 20px;
}
.carousel .conteneurImage,
.carousel .image {
height: 240px;
}
.titre-spectacle {
order: -1;
}
.btRetour,
.btSuite {
top: calc(240px / 2 - 40px);
}
.prochainement {
display: none;
}
.calendrierDeroulant a > * {
display: inline-block;
}
.boiteFlex3 {
height: auto;
flex-wrap: wrap;
}
[class*="boiteFlex"] {
height: auto;
min-height: auto;
}
.boiteFlex1 .image {
min-height: 400px;
}
.boiteFlex1 .conteneurVideo {
margin-bottom: 0;
}
.boiteFlex3 .image,
.boiteFlex3 .fondBlanc {
width: 100%;
}
.boiteFlex3 .image {
height: 240px;
order: 0;
}
.alignleft,
.post-thumbnail {
max-width: 100%;
width: 100%;
margin: 10px 0 20px;
}
.page-infos-pratiques .alignleft {
width: auto;
margin: 7px 20px 5px 0;
}
.post-thumbnail img {
width: 100%;
}
.page-supernova .post-thumbnail img {
max-width: 240px;
margin: auto;
}
.lien-spectacle,
.lien-brochure {
width: 100%;
margin: 0 0 20px;
}
.lien-spectacle.SN {
width: 100%;
}
.bt-liste {
margin-left: 0;
max-width: 100%;
}
.bt-liste:last-of-type {
display: none;
}
.page-archives h1,
.page-la-saison h1,
#Titrepasses {
margin: 10px 0;
}
.site-main.laSaison {
padding-left: 10px;
padding-right: 10px;
}
.wp-block-columns {
display: block;
}
.wp-block-columns > * {
width: 100%;
}
.wp-block-columns .wp-block-column:first-of-type {
padding-right: 0;
border-right: none;
margin-right: 0;
}
.page-supernova .entry-content {
width: 100%;
}
.navSpectacles {
flex-flow: column-reverse;
font-size: 1rem;
}
}
@media only screen and (max-width: 480px) {
#tete #logo {
margin-bottom: 10px;
} #menu .sousmenu1 a {
font-size: 1rem;
}
.carousel .informations > * {
line-height: 1;
}
.slideSpectacles .auteur {
font-size: 1rem;
}
.lien-calendrier {
width: 100%;
}
.tribe-events-calendar-list__event-header a.boutons2 {
display: none;
}
.tribe-events-calendar-list__event-header h2 {
font-size: 1.8rem;
}
.page-accessibilite .titre,
.page-accessibilite .pictos {
padding-right: 0;
}
}
@media only screen and (max-width: 450px) {
#menu a {
padding: 4px 10px;
}
.site-main {
padding: 0 10px;
}
}
@media only screen and (max-width: 350px) {
#menu a {
letter-spacing: -0.05em;
font-size: clamp(1rem, 1rem + 1vw, 1.8rem);
}
}
@media only screen and (max-width: 320px) {
#menu {
padding: 0;
}
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #ffffff;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 0;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 0;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .clear {
clear: both;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}