@font-face {
font-family: 'exbold';
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.eot);
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.eot?#iefix) format('embedded-opentype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.woff2) format('woff2'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.woff) format('woff'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.ttf) format('truetype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-extrabold.svg#youworkforthem) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'labold';
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.eot);
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.eot?#iefix) format('embedded-opentype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.woff2) format('woff2'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.woff) format('woff'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.ttf) format('truetype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-bold.svg#youworkforthem) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'semibold';
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.eot);
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.eot?#iefix) format('embedded-opentype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.woff2) format('woff2'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.woff) format('woff'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.ttf) format('truetype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-semi-bold.svg#youworkforthem) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'lareg';
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.eot);
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.eot?#iefix) format('embedded-opentype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.woff2) format('woff2'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.woff) format('woff'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.ttf) format('truetype'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/fracktif-regular.svg#youworkforthem) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neima';
src: url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ft-sterling-bold-webfont.woff2) format('woff2'),
url(//clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ft-sterling-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body.custom-font-enabled {
font-family: lareg, Helvetica, Arial, sans-serif;
}
body {
background-color: #FFF;
color: #433f3a;
font-size: 15px;
}
body .site {
margin-top: 124px;
margin-bottom: 0;
box-shadow: none;
}
body.single-evenement .site {
box-shadow: none;
border-top: 1px solid;
padding-top: 40px !important;
}
body.page-template-actualites .site {
margin-top: 0;
}
a {
color: #3c0f4d;
}
a:hover {
text-decoration: none;
color: #3c0f4d;
}
div#passculture a {
color: #FFF;
}
div#passculture a:hover {
color: #FFF;
}
div#lehead {
max-width: 1150px;
margin: 0 auto;
padding: 0 40px;
}
.anchor{
display: block;
height: 20px; margin-top: -20px; visibility: hidden;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 0;
box-shadow: none;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
margin: 0 0 18px;
}
a:focus {
outline: 0 dotted;
}
button:focus {
outline: 0 !important;
}
.site-content {
margin: 0;
}
.site-content article {
border-bottom: 0;
margin-bottom: 0;
}
div#slider {
position: fixed;
top: 0;
}
.page-template-actualites div#page {
margin-top: 100vh;
position: relative;
background: #FFF;
}
div#page {
max-width: 100%;
padding: 0;
}
article {
max-width: 1150px;
margin: 0 auto;
padding: 0 40px;
}
footer[role="contentinfo"] {
border-top: 0px solid #ededed;
max-width: 100%;
background: #FFF;
position: relative;
margin-top: 0;
padding-bottom: 0;
}
.site-header {
padding: 24px 0;
padding: 1.714285714rem 0;
position: fixed;
top: 0;
z-index: 2;
width: 100%;
background: #FFF;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.smaller .site-header{
padding: 10px 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
hgroup {
display: inline-block;
}
hgroup img {
width: 200px;
height: auto;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.smaller hgroup img {
width: 150px;
height: auto;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.site-header h1 {
line-height: 0;
margin-bottom: 0;
}
.main-navigation {
margin-top: 33px;
text-align: center;
display: inline-block;
float: right;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.smaller .main-navigation {
margin-top: 12px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background: #FFF !important;
color: #333 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #433f3a;
background: #FFF;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
font-family: labold;
text-align: center;
max-width: 127px;
line-height: 1.4;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
z-index: 999;
position: absolute;
width: 132px;
max-width: none;
padding: 0px 0px 0px 0px;
border: 0;
background: #f1f1f1;
border-radius: 0;
}
li#mega-menu-item-2159 a {
padding-right: 0 !important;
margin-right: 0 !important;
max-width: 110px !important;
} .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
div#flechebas {
position: fixed;
bottom: 25px;
z-index: 2;
width: 100%;
text-align: center;
}
.site-info {
margin: 0 auto;
}
div#lignebasfoot {
color: #433f3a;
font-size: 14px;
position: relative;
max-width: 1150px;
margin: 0 auto;
padding: 15px 0;
}
div#copyright {
display: inline-block;
float: right;
background: #FFF;
padding-left: 20px;
position: relative;
}
div#lignebasfoot a{
background: #FFF;
padding-right: 20px;
text-decoration: none;
position: relative;
}
div#lignebasfoot a:hover{
color: #a01217;
}
div#lignebasfoot:before {
content: "";
height: 1px;
background: #FFF;
position: absolute;
width: 100%;
left: 0;
top: 50%;
}
#lignerougefoot {
background: #3c0f4d;
padding: 20px 0;
font-size: 18px;
font-family: semibold;
}
div#lignegrisefoot {
color: #FFF;
background: #e72d3c;
font-size: 16px;
text-align: center;
background-size: cover;
}
div#lignegrisefoot a{
color: #FFF;
text-decoration: none;
}
div#lignegrisefoot a:hover{
color: #e72d3c;
text-decoration: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#contlignegrisefoot {
padding: 20px 40px;
width: calc(100% - 80px);
max-width: 1150px;
margin: 0 auto;
display: flex;
}
.colfoot {
display: inline-block;
border-right: 5px solid #e72d3c;
padding-right: 20px;
margin-right: 20px;
text-align: left;
width: calc(33.3333% - 34px);
}
.colfoot:first-child {
font-family: semibold;
font-size: 18px;
line-height: 1.4;
}
.colfoot span{
font-size: 14px;
display: block;
font-family: lareg;
line-height: 1.3;
}
.colfoot:last-child {
border-right:0;
padding-right: 0;
margin-right: 0;
}
.menu-pied-de-page-container {
max-width: 1150px;
margin: 0 auto;
}
.my-footer-menu {
display: flex;
}
.my-footer-menu li {
flex: 1 1 0px;
text-align: center;
}
.my-footer-menu li {
flex: 1 1 0px;
text-align: center;
border-right: 1px solid #FFF;
}
.my-footer-menu li:last-child {
border-right: 0;
}
.my-footer-menu a {
color: #FFF !important;
text-align: center;
text-decoration: none;
}
.my-footer-menu a:hover {
color: #FFF !important;
text-decoration: underline;
}
div#lesactuspage-template-actualites {
display: inline-block;
width: calc(100% + 50px);
margin-left: -25px;
}
a.lkuneactu {
display: inline-block;
width: calc(33.3333% - 53px);
margin: 25px;
color: inherit;
text-decoration: none;
line-height: 0;
vertical-align: top;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
h2.titactupage-template-actualites {
margin-top: 0;
font-family: exbold;
font-weight: lighter;
font-size: 30px;
line-height: 1.2;
margin-bottom: 15px;
min-height: 56px;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
a.lkuneactu:hover {
color: #3c0f4d;
}
.liresuite {
float: right;
text-transform: uppercase;
color: #433f3a;
position: relative;
z-index: 2;
}
.liresuite span {
position: relative;
z-index: 2;
}
.liresuite:before {
content: "";
position: absolute;
width: 100%;
height: 10px;
background: #e72d3c;
top: 0px;
z-index: 1;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.entry-content dl.gallery-item {
margin: 0 !important;
}
a.lkuneactu:hover .liresuite:before {
opacity:1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#extraiact {
color: #433f3a;
margin-top: 10px;
}
div#extraiact p{
margin-bottom: 15px;
}
a.lkuneactu #imgactu {
position: relative;
}
a.lkuneactu #imgactu:after {
background: rgba(198, 25, 107, 0.6);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity:0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a.lkuneactu:hover #imgactu:after {
opacity:1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
h1.entry-title {
font-size: 50px !important;
font-family: exbold;
text-align: center;
border-top: 1px solid #433f3a;
padding: 20px;
border-bottom: 1px solid #433f3a;
color: #3c0f4d;
margin-top: 20px;
}
.nav-previous, .previous-image {
float: left;
width: 50%;
text-align: left;
}
div#actualites {
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
font-family: semibold;
margin-top: 30px;
}
div#actualites span{
color: #3c0f4d;
}
div#actualites:after {
content: "";
background: #3c0f4d;
height: 10px;
width: 30px;
display: block;
margin: 20px auto 0;
}
div#leftevt {
display: flex;
width: calc(50% - 35px);
margin-right: 35px;
float: left;
line-height: 0;
}
#leftevt img {
object-fit: cover;
}
div#leftevtsuite {
display: inline-block;
width: calc(50% - 85px);
margin-right: 35px;
float: left;
padding: 25px;
background: #e1e0df;
}
div#rightevt {
display: inline-block;
width: calc(50% - 35px);
margin-left: 35px;
border-bottom: 1px solid #433f3a;
position: relative;
}
div#rightevtsuite {
display: inline-block;
width: calc(50% - 35px);
margin-left: 35px;
}
div#typart {
font-size: 24px;
font-family: exbold;
color: #3c0f4d;
}
h1.titevt {
font-weight: normal;
font-family: exbold;
font-size: 40px;
line-height: 1.2;
color: #3c0f4d;
margin-top: 0;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
h1.titevt span {
font-family: 'lareg';
display: block;
font-size: 25px;
}
h1.titevtdeux {
font-weight: normal;
font-family: exbold;
font-size: 40px;
line-height: 1.2;
color: #3c0f4d;
margin-top: 0;
margin-bottom: 10px;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
h1.titevtdeux:after {
content: "";
display: block;
width: 30px;
background: #3c0f4d;
height: 10px;
margin-top: 10px;
}
div#infosaut {
margin-top: 70px;
line-height: 1.3;
position: absolute;
bottom: 25px;
}
.post-162 div#infosaut {
margin-top: 20px;
line-height: 1.3;
position: relative;
bottom: 25px;
}
div#infosaut p{
line-height: 1.3;
}
#sepinfosaut {
display: block;
content: "";
height: 10px;
width: 30px;
background: #3c0f4d;
margin-bottom: 15px;
}
div#sstitspe {
font-family: exbold;
text-transform: uppercase;
color: #3c0f4d;
font-size: 16px;
}
div#hautevt{
display: flex;
width: 100%;
flex-wrap: wrap;
}
div#suitevt {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
}
div#suitevt {
margin-top: 70px;
}
div#punchline {
font-family: labold;
color: #3c0f4d;
font-size: 18px;
margin-bottom: 20px;
line-height: 1.2;
}
div#production p:last-child {
margin-bottom: 0;
}
div#date {
text-transform: uppercase;
font-family: labold;
font-size: 20px;
line-height: 1.2;
border-bottom: 1px solid;
padding-bottom: 15px;
margin-bottom: 10px;
}
div#date span {
font-family: lareg;
font-size: 21px;
}
div#lieu {
color: #3c0f4d;
font-size: 20px;
text-transform: none;
font-family: semibold;
border-bottom: 1px solid #433f3a;
padding-bottom: 17px;
margin-bottom: 10px;
line-height: 1;
padding-top: 5px;
hyphens: none;
}
div#lieu a:hover {
text-decoration: none;
}
div#lieu span {
display: block;
font-size: 15px;
line-height: 1.2;
}
div#pratique {
font-family: semibold;
color: #3c0f4d;
border-bottom: 1px solid #433f3a;
padding-bottom: 15px;
margin-bottom: 10px;
margin-top: 4px;
display: inline-block;
width: 100%;
font-size: 18px;
line-height: 1.2;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
div#pratique span {
font-family: 'lareg';
font-size: 13px;
}
div#infosproduction {
border-bottom: 1px solid #433f3a;
padding-bottom: 15px;
margin-bottom: 10px;
}
div#production {
font-size: 13px;
}
div#lesliensbill a {
background: #e72d3c url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pico.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: 11px;
padding: 7px 10px 7px 40px;
color: #433f3a;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-family: labold;
max-width: 122px;
display: inline-block;
line-height: 1.2;
border: 1px solid #e72d3c;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#lesliensbill a:hover {
background: #FFF url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pico.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: 11px;
border: 1px solid #e72d3c;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#lesliensbill.billhead {
position: absolute;
top: 0;
max-width: 1150px;
margin: 0 auto;
display: table;
left: 50%;
width: 100%;
text-align: right;
transform: translate(-50%, 0);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
.smaller .site-header div#lesliensbill {
transform: translate(-50%, -100px);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
}
div#lesliensbill.billhead a, #billetmob a{
background: #3c0f4d url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pico.png);
background-size: 19px;
background-repeat: no-repeat;
background-position: 11px;
padding: 5px 10px 5px 40px;
color: #FFF;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
font-family: labold;
max-width: 109px;
display: inline-block;
margin-left: 20px;
line-height: 1.2;
text-align: left;
border: 1px solid #3c0f4d;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
#billetmob a {
width: calc(100% - 70px);
max-width: initial;
padding: 10px 10px 10px 40px;
margin: 0 10px;
}
div#lesliensbill.billhead a:hover, #billetmob a:hover {
background: #e72d3c url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pico.png);
background-size: 19px;
background-repeat: no-repeat;
background-position: 11px;
border: 1px solid #e72d3c;
color: #FFF;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a.lkretour {
color: #433f3a;
text-align: right;
display: block;
margin-top: 50px;
text-decoration: none;
text-transform: uppercase;
}
a.lkretour:hover {
color: #3c0f4d;
}
div#evtcomp {
display: block;
margin-top: 50px;
}
.unevtcomp {
padding: 15px 0;
border-bottom: 1px solid;
}
.unevtcomp:first-child {
border-top: 1px solid;
}
div#titevtcomp {
font-family: labold;
text-transform: uppercase;
color: #3c0f4d;
}
div#titevtcomp span{
font-family: semibold;
text-transform: none;
color: #433f3a;
}
div#contevtcomp {
color: #3c0f4d;
font-family: semibold;
}
span.dateevtcomp {
color: #433f3a;
text-transform: uppercase;
}
span.contenuevtcomp {
color: #433f3a;
font-family: lareg;
}
.grid {
display: inline-block;
width: calc(100% + 30px);
margin-left: -15px;
margin-top: 40px;
}
.item {
display: inline-block;
width: calc(33.3333% - 30px);
margin: 0 15px 30px;
float: left;
line-height: 0;
}
button.button {
color: #3c0f4d;
text-transform: uppercase;
font-family: labold;
background: none;
border: none;
padding: 5px 0;
font-size: 12.9px;
}
.button:hover, .button:focus, .button:active {
background: #FFF !important;
background-color: #FFF !important;
background-image: none !important;
color: #000;
box-shadow: none;
text-decoration: underline;
}
button.button.is-checked {
color: #000;
text-decoration: underline;
}
button.button:hover, button.button:focus:after, button.button:active:after button.button.is-checked:after{
text-decoration: none;
}
.sep {
display: inline;
font-family: labold;
margin: 0 8px 0 5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
background: #FFF;
color: #3c0f4d;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: #FFF;
color: #3c0f4d;
padding: 0 10px;
}
.page-template-agenda .entry-header {
min-height: 400px;
position: relative;
background-size: cover;
background-position: center center;
}
.page-template-agenda .entry-header .entry-title {
color: #3c0f4d;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 0;
max-width: 340px;
line-height: 1;
width: 100%;
font-family: neima;
}
.page-template-agenda .entry-header .entry-title span {
display: block;
font-size: 35px;
margin-top: 15px;
}
.filters {
margin-top: 40px;
}
.ui-group {
padding: 20px 0 10px;
background: #FFF;
}
.ui-group:nth-child(2) {
padding: 0 0 10px;
}
div#imagespec {
position: relative;
background-size: cover !important;
}
div#contspec {
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
font-family: labold;
font-size: 32px;
width: calc(100% - 40px);
padding: 0 20px;
text-align: center;
line-height: 1.1;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
div#contspec span {
font-size: 25px;
display: block;
margin-bottom: 10px;
}
.item span {
margin-top: 10px; }
.item .wp-post-image {
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.item:hover .wp-post-image {
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.page-template-actualites .site-header {
background: transparent;
border-bottom: 1px solid #FFF;
}
.page-template-actualites.smaller .site-header  {
background: #FFF;
z-index: 5;
}
.home #mega-menu-wrap-primary {
background: #FFF;
}
#mega-menu-wrap-primary {
background: transparent;
} a.magnific-popup.mfp-image {
height: 100%;
width: 100%;
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picpic.png);
top: 0;
left: 0;
position: absolute;
background-size: 60px;
background-repeat: no-repeat;
background-position: center;
}
a.magnific-popup.mfp-iframe {
height: 100%;
width: 100%;
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/videopic.png);
top: 0;
left: 0;
position: absolute;
background-size: 60px;
background-repeat: no-repeat;
background-position: center;
}
a#lg-download {
display: none;
}
.fat-gallery-title {
display: none !important;
}
.fat-gallery-icon i {
display: none !important;
}
.colfoot:nth-child(2) {
text-align: center;
}
.colfoot .fab, .colfoot .fa, .colfoot .fas, .colfoot .far {
margin-left: 4px;
font-size: 18px;
border: 2px solid;
padding: 4px;
border-radius: 50%;
height: 25px;
width: 25px;
text-align: center;
line-height: 1.4;
}
.boutondiap{
background: transparent; !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.boutondiap:hover{
background: #FFF !important;
color: #433f3a !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.boutondiap:before {
position: absolute;
content: "";
width: 100px;
height: 1px;
border-top: 1px dashed;
left: -100px;
top: 50%;
color: #000;
}
div#blochautagenda {
display: block;
width: 100%;
line-height: 1;
padding: 10px 0 0;
text-decoration: none;
color: #433f3a;
margin-bottom: 15px;
position: relative;
}
.item a {
text-decoration: none;
}
.typagenda {
font-style: italic;
font-size: 16px;
border-bottom: 1px solid;
width: calc(100% - 60px);
padding-bottom: 5px;
margin-bottom: 10px;
}
div#dateagenda {
font-family: labold;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 5px;
max-width: calc(100% - 60px);
}
.lieu {
font-size: 14px;
color: #3c0f4d;
max-width: calc(100% - 60px);
}
div#picevt {
height: 50px;
width: calc(100% - 65px);
display: inline-block;
margin-bottom: 20px;
padding-left: 65px;
}
#picevt span {
display: inline-block;
padding-top: 12px;
font-style: italic;
}
.type-concert div#picevt, .type-musique-sacree div#picevt, .type-concert-bal div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconcert.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-famille div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picfamille.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-rencontre div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/rencontre.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-conference div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconference.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-film div#picevt, .type-concert-filme div#picevt{
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/piccinema.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-opera div#picevt, .type-opera-itinerant div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picopera.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-exposition div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picexpo.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-rencontre div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picrencontre.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-audition div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picaudtion.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-theatre-musical div#picevt, .type-spectacle-musical-travesti div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pictheatremusical.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-concours div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconcours.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-recital div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picrecital.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-hommage div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/hommage.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.type-portes-ouvertes div#picevt, .type-evenement div#picevt {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/portes-ouvertes.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: left bottom;
}
.item.rencontre #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picrencontre.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.film #blochautagenda, .item.concert-filme #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/piccinema.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.recital #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picrecital.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.concert #blochautagenda, .item.concert-bal #blochautagenda, .item.musique-sacree #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconcert.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.opera #blochautagenda, .item.opera-itinerant #blochautagenda  {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picopera.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.audition #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picaudition.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.theatre-musical #blochautagenda, .item.spectacle-musical-travesti #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pictheatremusical.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.exposition #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picexpo.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.conference #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconference.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.spectacle-lyrique #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/piclyrique.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.jeune-public #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picjp.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.operette #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picoperette.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.famille #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picfamille.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.concours #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/picconcours.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.hommage #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/hommage.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
.item.portes-ouvertes #blochautagenda, .item.evenement #blochautagenda {
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/portes-ouvertes.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: right bottom;
}
span.sepdiapo {
display: block !important;
line-height: 1 !important;
}
span.sstitre {
font-family: lareg !important;
font-size: 30px !important;
line-height: 1 !important;
display: block !important;
text-transform: uppercase;
}
rs-layer br {
display: none;
}
div#titdiap br {
display: block;
}
div#leftactu {
display: inline-block;
width: calc(50% - 40px);
float: left;
}
div#rightactu {
display: inline-block;
float: right;
width: calc(50% - 40px);
}
h1.titactu {
line-height: 1;
margin-top: 0;
color: #3c0f4d;
font-family: exbold;
font-weight: lighter;
font-size: 25px;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
h1.titactu.actuvideo {
text-align: center;
margin-bottom: 40px;
}
div#dateactu {
text-align: center;
margin-top: 30px;
margin-bottom: 40px;
text-transform: uppercase;
font-style: italic;
}
div#dateactu:after {
content: "";
display: block;
width: 30px;
background: #3c0f4d;
height: 7px;
margin: 10px auto 0;
}
div#infosdeuxspec {
position: relative;
bottom: 20px;
margin-top: 20px;
}
h2 {
font-weight: lighter;
font-family: labold;
font-size: 24px !important;
}
h6 {
color: #3c0f4d;
font-size: 20px !important;
font-family: semibold;
margin-bottom: 10px !important;
line-height: 1.4 !important;
}
h5 {
font-size: 20px !important;
font-family: semibold;
margin-bottom: 10px !important;
line-height: 1.4 !important;
}
.anchor{
display: block;
height: 100px; margin-top: -100px; visibility: hidden;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: #FFF;
font-weight: normal;
text-decoration: none;
color: #433f3a;
text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
display: block;
background: #e72d3c;
color: #FFF;
font-family: inherit;
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-family: semibold;
line-height: 1.2;
padding: 7px 8px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
right: 0 !important;
position: absolute;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: transparent !important;
color: #e72d3c;
}
h1.intitpage {
background: #e72d3c;
font-size: 30px;
padding: 10px 50px;
color: #FFF;
font-family: exbold;
margin-bottom: 50px;
position: relative;
width: calc(100% - 100px);
}
div#imageillusbill {
position: relative;
margin-top: -40px;
margin-bottom: 40px;
}
div#imageillusbill img {
width: 100%;
}
div#legendimage {
position: absolute;
top: 50%;
color: #FFF;
font-family: labold;
font-size: 40px;
line-height: 1.2;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
width: calc(100% - 40px);
padding: 0 20px;
}
.entry-content blockquote, .comment-content blockquote {
margin-bottom: 0;
padding: 0;
font-style: italic;
font-size: 13px;
}
a.lkbul {
color: #FFF;
text-decoration: none;
font-family: lareg;
font-size: 13px;
display: table;
text-transform: uppercase;
font-weight: normal;
line-height: 1.1;
position: absolute;
right: 50px;
top: 15px;
border: 1px solid;
padding: 4px 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a:hover.lkbul {
background: #FFF;
color: #e72d3c;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#tabmec, div#tabdeduc {
display: inline-block;
width: 100%;
border: 1px solid #3c0f4d;
}
div#tabmec, div#tabdeduc {
margin-bottom: 20px;
}
div#headtab, div#conttab, div#headtabdeduc, div#conttabdeduc {
display: flex;
}
.coltab {
width: 33.3333%;
text-align: center;
}
span.etoile{
background: #f7e1e6;
display: block;
color: #3c0f4d;
font-family: exbold;
font-size: 40px !important;
line-height: 1;
position: relative;
height: 40px;
}
div#conttab .coltab span {
font-size: 20px;
font-family: semibold;
display: block;
line-height: 1.4;
padding: 10px;
}
div#conttab .coltab span.listcont {
font-size: 15px;
font-family: lareg;
text-align: left;
line-height: 1.7;
}
div#conttab .coltab {
line-height: 1.8;
}
#headtab .coltab:nth-child(2), #conttab .coltab:nth-child(2) {
border-left: 1px solid #3c0f4d;
border-right: 1px solid #3c0f4d;
}
div#titav {
font-family: semibold;
text-align: center;
background: #3c0f4d;
color: #FFF;
padding: 10px;
font-size: 20px;
}
div#sstitav {
text-align: center;
background: #e72d3c;
color: #FFF;
font-size: 20px;
text-transform: uppercase;
line-height: 1.2;
padding: 15px;
margin-bottom: 20px;
font-family: semibold;
}
#tabhaut {
color: #3c0f4d;
font-size: 20px !important;
font-family: semibold;
padding: 10px;
text-align: center;
}
div#headtabdeduc {
background: #e72d3c;
color: #FFF;
font-size: 20px;
font-family: semibold;
}
div#conttabdeduc .coltab span {
display: block; padding: 10px;
border-bottom: 1px solid #3c0f4d;
}
div#conttabdeduc .coltab span:last-child {
border-bottom:0;
}
div#conttabdeduc .coltab:nth-child(2) {
border-left: 1px solid #3c0f4d;
border-right: 1px solid #3c0f4d;
}
div#conttabdeduc .coltab {
padding: 0;
font-size: 18px;
}
nav.nav-single, #lienevt {
text-align: center;
margin: 40px auto 0px;
display: inline-block;
width: 100%;
text-transform: uppercase;
line-height: 1.2;
hyphens: none; -moz-hyphens: none; -webkit-hyphens: none;
}
.nav-single a, #lienevt a {
text-decoration: none;
color: #3c0f4d;
font-family: semibold;
}
.nav-single a:hover, #lienevt a:hover {
color: #433f3a;
}
a.rightlkevt {
float: right;
max-width: 50%;
text-align: right;
}
a.leftlkevt {
float: left;
max-width: 50%;
text-align: left;
}
div#lienevt span {
display: font;
font-size: 11px;
}
#leftlieu h5 {
margin-top: 0;
}
div#leftlieu {
display: inline-block;
width: calc(50% - 41px);
padding-right: 40px;
float: left;
border-right: 1px solid;
}
div#rightlieu {
display: inline-block;
width: calc(50% - 40px);
padding-left: 40px;
float: right;
text-align: center;
position: relative;
}
div#rightlieu a{
text-decoration: none;
}
div#hoverplan {
background: #FFF;
padding: 10px 20px;
color: #3c0f4d;
font-family: semibold;
font-size: 20px;
border: 1px solid #3c0f4d;
opacity: 0;
display: table;
position:absolute;
top: 50%;
left: calc(50% + 20px);
transform: translate(-50%,-50%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#hoverplan:hover {
background: #3c0f4d;
color: #FFF;
border: 1px solid #3c0f4d;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#rightlieu:hover #hoverplan{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#rightlieu img{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#rightlieu:hover img{
opacity: 0.5;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#gmaplieu {
margin-top: 25px;
}
.unlieu {
display: inline-block;
width: 100%;
margin-top: 40px;
}
.entry-content iframe{
margin-bottom: 0;
}
div#leftlieu p:last-child {
margin-bottom: 0;
}
.unlieu {
border-bottom: 1px solid;
padding-bottom: 40px;
}
.unlieu:last-child {
border-bottom: 0;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#contentactuvideo{
margin-top: 40px;
}
.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:after, .sfm-sidebar-close:before {
background: #3c0f4d;
}
.sfm-navicon-button.x.sf_label_default {
display: none;
}
div#encadreabo {
padding: 20px;
border: 1px solid #3c0f4d;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
margin-bottom: 40px;
}
div#encadreabo ul:last-child{
margin-bottom: 0;
}
div#lesblocstrois {
display: flex;
width: calc(100% + 40px);
flex-wrap: wrap;
margin-left: -20px;
}
.unblocou {
width: calc(33.33333% - 82px);
margin: 20px;
text-align: center;
border: 1px solid #3c0f4d;
padding: 20px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
.unblocou p:last-child{
margin-bottom: 0;
}
div#lepicto img {
max-height: 50px;
width: auto;
}
div#titou {
font-family: semibold;
font-size: 18px;
margin: 15px 0;
color: #3c0f4d;
line-height: 1.2;
}
.unblocou.lkabon img {
max-width: 100px;
}
.unblocou.lkabon {
background: #3c0f4d;
position: relative;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.unblocou.lkabon:hover {
background: #FFF;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.unblocou.lkabon #titou{
color: #FFF;
}
.unblocou.lkabon:hover #titou{
color: #3c0f4d;
}
.unblocou.lkabon #contou a {
position: relative; width: 100%;  }
div#contou img {
position: relative;   }
div#compdates {
font-family: lareg;
font-size: 16px;
}
div#compdates span {
font-size: 14px;
text-transform: none;
}
div#creditpho {
line-height: 1;
font-size: 13px;
text-align: right;
}
input.gform_button {
background: #e72d3c;
color: #FFF;
text-transform: uppercase;
border: 1px solid #e72d3c;
border-radius: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
input.gform_button:hover {
background: #FFF;
color: #3c0f4d;
border: 1px solid #3c0f4d;
text-decoration: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.grecaptcha-badge {
display: none !important;
}
.gf_inline {
margin-top: 18px !important;
}
li#field_1_5 {
height: 0;
margin-top: 0;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
background-color: #3c0f4d !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
border-radius: 0 !important;
}
button.mgbutton.moove-gdpr-infobar-allow-all {
color: #FFF !important;
}
button.mgbutton.moove-gdpr-infobar-allow-all:hover {
color: #000 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
box-shadow: none !important;
}
span.gdpr-nav-tab-title {
color: #000;
}
.moovegdpr-privacy-overview:before, .moovegdpr-3rd-party:before {
color: #000;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
background-color: #3c0f4d !important;
border-color: #3c0f4d !important;
border-radius: 0 !important;
font-size: 16px !important;
text-transform: uppercase;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
background-color: #3c0f4d !important;
border: 1px solid #3c0f4d !important;
}
.leden-details {
background: #e72d3c;
font-size: 30px;
padding: 10px 50px;
color: #FFF;
font-family: exbold;
position: relative;
width: calc(100% - 100px);
cursor: pointer;
margin-top: 40px;
display: block !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.leden-details:hover {
background: #e3e2e2;
color: #433f3a;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.leden-details span {
float: right;
border: 1px solid;
width: 50px;
text-align: center;
}
.leden-show {
display: none;
}
div#intropropo {
text-align: center;
background: #3c0f4d;
color: #FFF;
padding: 10px;
font-family: semibold;
font-size: 20px;
}
div#contpropo {
background: #e3e2e2;
padding: 20px 40px;
display: inline-block;
width: calc(100% - 80px);
}
div#leftpropo {
display: inline-block;
width: calc(50% - 40px);
float: left;
}
div#rightpropo {
display: inline-block;
width: calc(50% - 40px);
float: right;
margin-left: 40px;
}
h4 {
background: #e72d3c;
padding: 10px 20px;
color: #FFF;
font-weight: normal;
font-family: semibold;
font-size: 18px !important;
line-height: 1 !important;
}
div#sstitspec {
text-align: center;
margin: 40px 0;
border-top: 1px solid;
border-bottom: 1px solid;
font-size: 24px;
padding: 15px;
font-family: exbold;
line-height: 1.2;
}
.unatelier p:last-child {
margin-bottom: 0;
}
div#sstitspec span{
color: #3c0f4d
}
.unspecprim {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 80px;
}
.unspecprim:last-child {
margin-bottom: 0px;
}
div#leftunspecprim {
width: calc(50% - 40px);
margin-right: 40px;
background: #e3e2e2;
}
div#rightunspecprim {
width: calc(50% - 40px);
margin-left: 40px;
border-bottom: 1px solid;
}
div#titspecprim {
font-family: labold;
font-size: 30px;
margin-bottom: 20px;
color: #3c0f4d;
line-height: 1;
}
div#titspecprim span {
font-size: 20px;
}
div#sstitspecprim {
font-family: semibold;
font-size: 20px;
color: #3c0f4d;
line-height: 1.2;
}
div#sstitspecprim p {
line-height: 1.2;
}
div#infospecprim {
padding: 5px 0px 25px;
}
div#distspecprim p:last-child {
margin-bottom: 0;
}
div#datespecprim {
padding: 0 25px 10px;
border-bottom: 1px solid;
font-size: 20px;
}
div#datespecprim p:last-child {
margin-bottom: 0;
}
div#lieupecprim {
padding: 10px 25px 10px;
color: #3c0f4d;
font-family: semibold;
font-size: 20px;
border-bottom: 1px solid #433f3a;
}
div#infospratprim {
padding: 10px 25px;
color: #3c0f4d;
font-family: semibold;
border-bottom: 1px solid #433f3a;
}
div#distspecprim {
padding: 10px 25px 0;
font-size: 13px;
}
div#lesfilmsprim {
display: flex;
flex-wrap: wrap;
}
.unfilmprim {
width: calc(50% - 40px);
margin-right: 40px;
}
.unfilmprim:nth-child(2n) {
width: calc(50% - 40px);
margin-right: 0px;
margin-left: 40px;
}
div#datefilm {
margin-top: 20px;
font-size: 20px;
text-transform: uppercase;
}
div#encartcinema {
margin-top: 40px;
background: #e3e2e2;
}
div#lieucinema {
padding: 20px;
}
div#lieucinema p, div#pratcinema p{
margin-bottom: 0;
}
div#pratcinema {
border-top: 1px solid #433f3a;
padding: 20px;
font-size: 13px;
color: #3c0f4d;
font-weight: bold;
}
div#continfosat {
background: #e3e2e2;
padding: 10px 20px;
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.unatelier {
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
#lescontsec .unatelier {
margin-bottom: 0px;
}
.unatelier:last-child {
margin-bottom: 0;
}
div#dateatelier {
width: calc(50% - 20px);
}
div#lieuatelier {
padding-left: 20px;
border-left: 1px solid #433f3a;
font-size: 18px;
color: #3c0f4d;
font-family: semibold;
}
div#dateatelier {
width: calc(50% - 20px);
text-transform: uppercase;
font-size: 18px;
}
.uneproduction {
margin-top: 40px;
border-top: 1px solid;
padding-top: 40px;
display: inline-block;
width: 100%;
}
.uneproduction:first-child {
margin-top: 0;
border: 0;
padding-top: 0;
}
div#introprod {
margin-top: 20px;
font-family: semibold;
}
div#introprod p:last-child{
margin-bottom: 0px;
}
div#imgprod {
display: inline-block;
width: calc(50% - 20px);
float: left;
padding-right: 20px;
line-height: 0;
position: relative;
}
div#creditphoto {
position: absolute;
bottom: 0;
background: #FFF;
padding: 5px 5px;
font-size: 12px;
line-height: 1;
}
.uneproduction:nth-child(2n) #creditphoto {
right: 0;
}
div#contenuprod {
display: inline-block;
width: calc(50% - 20px);
padding-left: 20px;
}
div#titproduction {
font-family: labold;
font-size: 30px;
color: #3c0f4d;
line-height: 1;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
#sstitprod{
font-family: semibold;
font-size: 18px;
color: #3c0f4d;
line-height: 1;
margin-top: 5px;
}
div#contprod {
margin-top: 25px;
}
#contprod p:last-child {
margin-bottom: 0;
}
.uneproduction:nth-child(2n) #imgprod {
float: right;
padding-left: 20px;
padding-right: 0;
}
.uneproduction:nth-child(2n) div#contenuprod {
padding-left: 0px;
padding-right: 20px;
}
div#introinfos {
padding: 0 0 20px;
text-align: center;
font-size: 18px;
}
.gallery-item img {
border: 0 !important;
}
.gallery .gallery-icon img {
height: auto;
max-width: 98%;
padding: 2%;
}
.gallery-item a, .gallery-caption {
width: 100% !important;
line-height: 0;
}
div#galphotoscolaires {
border-top: 1px solid;
border-bottom: 1px solid;
padding: 30px 0;
margin: 0 0 40px;
display: inline-block;
width: 100%;
}
div#intropage {
padding: 20px 0;
}
.unhandicap {
display: inline-block;
}
.page-template-accessibilite div#sstitspec {
width: calc(100% - 100px);
float: right;
display: inline-block;
margin-top: 0;
}
div#contacc {
display: inline-block;
width: 100%;
}
div#pictoacc {
display: inline-block;
float: left;
}
div#pictoacc img{
max-width: 63px;
height: auto;
}
.unhandicap {
display: inline-block;
margin-top: 40px;
}
div#unedate {
font-family: exbold;
color: #3c0f4d;
font-size: 45px;
text-align: center;
}
div#sstitdate {
display: block;
text-align: center;
color: #FFF;
background: #e72d3c;
margin: 0 auto 40px;
padding: 3px 20px;
font-family: semibold;
font-size: 18px;
max-width: 550px;
}
div#contdate {
text-align: center;
}
.unfilmsec #titspecprim {
margin-bottom: 0;
}
.unfilmsec {
display: inline-block;
width: calc(50% - 43px);
margin: 0 20px 20px;
}
div#filmssec {
width: calc(100% + 40px);
margin-left: -20px;
display: inline-block;
}
div#encartcinema.filmssec {
margin-top: 0;
}
#leschiffres {
display: flex;
flex-wrap: wrap;
}
div#titcolchiffre {
color: #3c0f4d;
font-size: 20px;
text-transform: uppercase;
font-family: exbold;
margin-bottom: 20px;
}
div#leftchiffres {
text-align: center;
font-family: exbold;
font-size: 20px;
width: calc(50% - 41px);
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
margin-right: 40px;
border-right: 1px solid;
}
div#rightchiffres {
text-align: center;
font-family: exbold;
font-size: 20px;
width: calc(50% - 40px);
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
margin-left: 40px;
}
div#titunchiffre {
font-size: 35px;
color: #3c0f4d;
line-height: 1;
}
.unchiffre {
margin-bottom: 20px;
text-transform: uppercase;
}
div#contunchiffre {
line-height: 1.2;
max-width: 300px;
margin: 0 auto;
margin-top: 3px;
}
div#directionartistique {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid;
}
#lecontdirart{
display: flex;
flex-wrap: wrap;
background: #e3e2e2;
padding-bottom: 40px;
border-bottom: 20px solid #3c0f4d;
}
div#leftdir {
display: inline-block;
width: calc(40% - 20px);
margin-right: 20px;
}
div#rightdir {
display: inline-block;
width: calc(60% - 40px);
padding: 20px
}
div#nomdirart {
padding: 25px;
font-size: 20px;
color: #3c0f4d;
font-family: exbold;
line-height: 1.1;
}
div#nomdirart span{
display: block;
font-family: lareg;
}
div#sstitpart {
text-align: center;
color: #3c0f4d;
font-family: semibold;
}
.page-template-partenaires .entry-content {
text-align: center;
}
div#leschiffrescles {
text-align: center;
}
div#unchif {
font-family: exbold;
font-size: 35px;
color: #3c0f4d;
}
.unchiffrecles {
margin-bottom: 20px;
}
.unchiffrecles:last-child {
margin-bottom: 0px;
}
div#outropage {
margin-top: 35px;
margin-bottom: 40px;
}
div#sstitspec.fstconcours {
margin-top: 0;
}
.unepropo {
display: inline-block;
width: calc(50% - 43px);
margin-right: 40px;
vertical-align: top;
}
.unepropo:nth-child(2n) {
display: inline-block;
width: calc(50% - 43px);
margin-right: 0px;
margin-left: 40px;
}
.unepropo strong {
font-family: semibold;
font-size: 20px;
}
strong, b {
font-family: 'labold';
}
.unevtlyrique {
display: inline-block;
width: 100%;
}
div#leftcontlyrique {
display: inline-block;
width: calc(50% - 40px);
float: left;
margin-right: 40px;
}
div#rightcontlyrique {
display: inline-block;
width: calc(50% - 40px);
float: right;
margin-left: 40px;
}
div#infoslyr {
font-size: 14px;
font-weight: bold;
color: #3c0f4d;
}
div#outrolyrique {
margin-top: 20px;
}
div#imgvarenne {
float: right;
margin-top: -10px;
}
div#imgvarenne img {
max-width: 55px;
}
div#imgvarenne {
float: right;
margin-top: -6px;
}
div#passregion {
padding: 20px;
background: #9f4338;
width: calc(33.3333% - 40px);
color: #FFF;
display: inline-block;
float: left;
position: relative;
}
div#passregion:before {
height: 80px;
width: 80px;
position: absolute;
top: -35px;
right: 25px;
content: "";
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/passregion.png);
display: block;
background-size: cover;
}
div#passcartej {
padding: 20px;
background: #b46f5e;
width: calc(33.3333% - 40px);
display: inline-block;
float: right;
color: #FFF;
position: relative;
}
div#passcartej:before {
height: 80px;
width: 80px;
position: absolute;
top: -35px;
right: 25px;
content: "";
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/citejeune.png);
display: block;
background-size: cover;
}
div#passculture {
padding: 20px;
background: #e72d3c;
width: calc(33.3333% - 40px);
display: inline-block;
float: right;
color: #FFF;
position: relative;
}
div#passculture:before {
height: 66px;
width: 100px;
position: absolute;
top: -35px;
right: 25px;
content: "";
background: url(https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/pass-culture.jpg);
display: block;
background-size: cover;
}
div#passregion p:last-child{
margin-bottom: 0;
}
div#lesblocspass {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 80px;
}
div#imgillusconcours {
position: relative;
}
div#lesdatescles {
margin-top: 20px;
}
#intropage h6:first-child {
margin-top: 0;
}
p.introsco {
margin-top: 40px;
display: block;
margin-bottom: 10px;
}
p.introsco a {
font-size: 20px;
margin-left: 5px;
}
span.mention {
font-family: lareg !important;
font-size: 14px;
display: inherit;
}
div#contcomplem {
margin-top: 40px;
text-align: center;
}
li.mega-menu-item-1476 a.mega-menu-link {
max-width: 138px !important;
}
div#introcont {
margin: 40px 0;
}
.colgauche {
width: calc(50% - 25px);
margin-right: 25px;
}
.colgauche p:last-child, .coldroite p:last-child {
margin-bottom: 0;
}
.coldroite {
width: calc(50% - 25px);
margin-left: 25px;
}
.coldroite.imgbloc, .colgauche.imgbloc {
background-position: center !important;
background-size: cover !important;
}
div#unecolpage h6 {
margin-top: 0;
}
div#unecolpage.flexdiv {
background: #e3e2e2;
padding: 40px;
margin-bottom: 40px;
width: calc(100% - 80px);
}
.flexdiv {
display: flex;
flex-wrap: wrap;
width: 100%;
}
div#unecoldouble {
margin-bottom: 40px;
}
.entry-content .fas, .entry-content .fab, .entry-content .far {
font-size: 20px;
margin: 0 5px;
}
span.flipbook-icon-list-ol.flipbook-icon.flipbook-menu-btn.skin-color.flipbook-color-light {
display: none;
}
span.flipbook-icon-th-large.flipbook-icon.flipbook-menu-btn.skin-color.flipbook-color-light {
display: none;
}
span.flipbook-icon-share-alt.flipbook-icon.flipbook-menu-btn.skin-color.flipbook-color-light {
display: none;
}
span.flipbook-icon-print.flipbook-icon.flipbook-menu-btn.skin-color.flipbook-color-light {
display: none;
}
img.alignleft {
margin-top: 0;
}
div#lesgazettes {
display: flex;
flex-wrap: wrap;
width: calc(100% + 10px);
margin-left: -5px;
}
a.ungazette {
width: calc(33.333% - 10px);
margin: 0 5px 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
text-decoration: none;
}
#imgcarr{
position: relative;
overflow: hidden;
}
a.ungazette img{
transform: scale(1);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a.ungazette:hover img{
transform: scale(1.05);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.page-template-agenda h1.intitpage {
margin-bottom: 0;
}
div#slidepartmob {
display: none;
}
a.lkbtdon {
background: #FFF;
color: #3c0f4d;
border: 1px solid;
padding: 8px 15px;
text-transform: uppercase;
text-decoration: none;
display: table;
margin-bottom: 30px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a.lkbtdon:hover {
background: #3c0f4d;
color: #FFF;
border: 1px solid;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
div#contintromec {
margin-bottom: 40px;
}
span.sstitre br {
display: block;
}
th.column-1, th.column-2 {
background: #f7e1e6 !important;
}
table#tablepress-1-no-2 {
max-width: 340px;
}
.entry-content table, .comment-content table {
border-bottom: 1px solid #000;
color: #000;
font-size: 14px;
line-height: 1.3;
}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
font-size: 12px;
line-height: 1.4;
}
.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>* {
border-top: 1px solid #000 !important;
}
table#tablepress-1-no-2 caption {
display: none !important;
}
.pum-content.popmake-content p {
margin-bottom: 20px;
line-height: 1.3;
}
.pum-theme-3230 .pum-content + .pum-close, .pum-theme-theme-par-defaut .pum-content + .pum-close {
line-height: 25px !important;
background-color: #e72d3c !important;
}
button.pum-close.popmake-close {
top: -20px !important;
right: -20px !important;
}
.pum-theme-3230 .pum-content, .pum-theme-theme-par-defaut .pum-content {
color: #000 !important;
}
.pum-theme-3230, .pum-theme-theme-par-defaut {
background-color: rgba(255, 255, 255, 0.9) !important;
}
@media only screen and (max-width: 1200px) {
.sfm-navicon-button.x.sf_label_default {
display: block;
right: 10px !important;
top: 51px;
}
.smaller .sfm-navicon-button.x.sf_label_default {
top: 10px;
}
.main-navigation{
display: none;
}
}
@media only screen and (max-width: 1040px) {
div#lignebasfoot {
border-right: 40px solid #FFF;
border-left: 40px solid #FFF;
}
div#lignegrisefoot {
font-size: 14px;
}
}
@media only screen and (max-width: 960px) {
.item {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 925px) {
.colfoot {
display: inline-block;
border-right: 0;
padding-right: 0px;
margin-right: 0;
text-align: center;
width: 100%;
}
div#contlignegrisefoot {
display: block;
}
.colfoot:nth-child(2) {
text-align: center;
margin: 25px 0;
}
}
@media only screen and (max-width: 900px) {
.colfoot:nth-child(2) {
text-align: center;
border-right: 0;
}
}
@media only screen and (max-width: 800px) {
div#lesliensbill a {
margin-top: 10px;
}
div#rightevt {
width: calc(50% - 20px);
margin-left: 20px;
}
div#leftevt {
width: calc(50% - 20px);
margin-right: 20px;
}
.unblocou {
width: calc(50% - 82px);
}
div#flechebas {
bottom: 160px;
}
}
@media only screen and (max-width: 750px) {
div#leftchiffres {
width: 100%;
margin-right: 0;
border-right: 0;
border-bottom: 1px solid;
margin-bottom: 40px;
padding-bottom: 20px;
}
div#rightchiffres {
font-size: 20px;
width: 100%;
margin-left: 0;
}
div#directionartistique {
margin-top: 20px;
}
.colgauche {
width: 100%;
margin-right: 0;
}
.coldroite.imgbloc, .colgauche.imgbloc {
background-position: center !important;
background-size: cover !important;
height: 250px;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.coldroite {
margin-left: 0;
margin-top: 20px;
width: 100%;
}
div#slidepartdesk {
display: none;
}
div#slidepartmob {
display: block;
}
}
@media only screen and (max-width: 700px) {
div#conttab {
display: block;
}
#conttab .coltab:nth-child(2) {
border-left: 0;
border-right: 0;
}
#tabmec .coltab {
width: 100%;
text-align: center;
}
div#conttab .coltab {
margin-bottom: 20px;
}
h1.intitpage {
padding: 10px 20px;
width: calc(100% - 40px);
line-height: 1.2;
}
a.lkbul {
position: relative;
right: inherit;
top: inherit;
margin-top: 10px;
margin-bottom: 5px;
}
article {
padding: 0 20px;
}
div#lehead {
padding: 0 20px;
}
div#contlignegrisefoot {
padding: 1px 20px 20px;
width: calc(100% - 40px);
}
div#lesliensbill.billhead {
display: none;
}
div#headtabdeduc {
font-size: 15px;
font-family: lareg;
padding: 5px;
line-height: 1.2;
}
#tabhaut {
line-height: 1;
}
div#legendimage {
position: absolute;
bottom: inherit;
color: #FFF;
font-family: labold;
font-size: 30px;
line-height: 1.2;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
top: 50%;
width: calc(100% - 40px);
padding: 0 20px;
}
h1.entry-title {
font-size: 40px !important;
}
div#lignebasfoot {
border-right: 20px solid #FFF;
border-left: 20px solid #FFF;
}
div#leftactu {
width: calc(50% - 20px);
float: left;
}
div#rightactu {
width: calc(50% - 20px);
}
hgroup img {
max-width: 150px;
}
.site-header {
padding: 10px 0;
}
.taptap-menu-button-wrapper {
top: 15px;
right: 20px;
}
body .site {
margin-top: 75px;
}
.page-template-actualites .site-header {
background: #FFF;
}
.sfm-navicon-button.x.sf_label_default {
right: 10px !important;
top: 12px;
}
div#colgauche {
display: inline-block;
width: 100%;
margin-right: 0;
}
div#coldroite {
display: inline-block;
width: 100%;
margin-left: 0;
margin-top: 20px;
}
a.ungazette {
width: calc(50% - 10px);
}
}
@media only screen and (max-width: 650px) {
.colfoot {
display: block;
border-right: 0;
padding-right: 0;
margin-right: 0;
margin-top: 25px;
}
div#contlignegrisefoot {
padding: 1px 20px 20px;
}
div#leftevt {
width: 100%;
margin-right: 0;
}
div#rightevt {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
div#suitevt {
margin-top: 20px;
}
div#leftevtsuite {
width: 100%;
margin-right: 0;
}
div#rightevtsuite {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
div#leftlieu {
width: 100%;
padding-right: 0;
border-right: 0;
}
div#rightlieu {
width: 100%;
padding-left: 0;
margin-top: 40px;
text-align: center;
}
div#infosaut {
position: relative;
bottom: 0;
}
div#imgprod {
width: 100%;
padding-right: 0;
}
div#contenuprod {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
.uneproduction {
margin-top: 25px;
padding-top: 25px;
width: 100%;
}
.unepropo {
width: 100%;
margin-right: 0;
}
.unepropo:nth-child(2n) {
display: inline-block;
width: 100%;
margin-right: 0px;
margin-left: 0;
}
div#leftpropo {
width: 100%;
}
div#rightpropo {
width: 100%;
margin-left: 0;
}
.leden-details {
font-size: 25px;
padding: 10px 20px;
width: calc(100% - 40px);
margin-top: 40px;
display: block !important;
}
div#leftunspecprim {
width: 100%;
margin-right: 0;
}
div#rightunspecprim {
width: 100%;
margin-left: 0;
border-bottom: 1px solid;
margin-top: 20px;
}
.unspecprim {
width: 100%;
margin-bottom: 25px;
}
.unfilmprim {
width: 100%;
margin-right: 0;
}
.unfilmprim img {
margin-bottom: 10px;
}
.unfilmprim:nth-child(2n) {
width: 100%;
margin-right: 0px;
margin-left: 0;
margin-top: 0px;
border-top: 1px solid;
padding-top: 25px;
}
div#encartcinema {
margin-top: 15px;
}
}
@media only screen and (max-width: 600px) {
div#billetmob {
display: block !important;
margin-top: -20px;
margin-bottom: 20px;
width: calc(100% + 20px);
margin-left: -10px;
}
div#unecolpage.flexdiv {
background: #e3e2e2;
padding: 20px;
margin-bottom: 20px;
width: calc(100% - 40px);
}
div#lesactuspage-template-actualites {
width: 100%;
margin-left: 0;
}
a.lkuneactu{
width: 100%;
margin: 25px 0;
}
.item {
width: 100%;
margin: 0 0 30px;
}
.grid {
width: 100%;
margin-left: 0;
}
div#intropropo {
display: inline-block;
width: calc(100% - 20px);
}
div#contpropo {
padding: 20px;
width: calc(100% - 40px);
}
div#leftcontlyrique {
width: 100%;
float: left;
margin-right: 0;
}
div#rightcontlyrique {
width: 100%;
margin-left: 0;
margin-top: 15px;
}
div#leftdir {
display: inline-block;
width: 100%;
margin-right: 0;
}
div#rightdir {
display: inline-block;
width: 100%;
padding: 15px 20px 0px;
}
.unfilmsec {
width: calc(100% - 40px);
margin: 0 20px 10px;
}
div#passregion {
width: 100%;
}
div#passcartej {
width: 100%;
margin-top: 60px;
}
div#passculture {
width: 100%;
margin-top: 60px;
}
}
@media only screen and (max-width: 550px) {
div#leftactu {
width: 100%;
}
div#rightactu {
width: 100%;
margin-top: 20px;
}
div#dateactu {
margin-bottom: 30px;
}
.page-template-agenda .entry-header {
min-height: 280px;
position: relative;
background-size: cover;
background-position: center center;
}
a.leftlkevt {
max-width: 100%;
}
a.rightlkevt {
margin-top: 20px;
max-width: 100%;
}
.unblocou {
width: calc(100% - 82px);
margin: 20px 20px 0;
}
.leden-details span {
display: none;
}
.leden-details {
font-size: 25px;
padding: 10px 15px;
width: calc(100% - 30px);
margin-top: 25px;
}
}
@media only screen and (max-width: 500px) {
div#legendimage {
font-size: 21px;
}
h1.entry-title {
font-size: 32px !important;
}
a.lkbul {
width: calc(100% - 20px);
}
#lignerougefoot {
padding: 15px 0;
font-size: 16px;
}
#gallery-1 .gallery-item {
margin-top: 0px !important;
width: 100% !important;
}
.gallery br {
display: none;
}
div#pictoacc {
width: 100%;
text-align: center;
}
.page-template-accessibilite div#sstitspec {
width: calc(100% - 30px);
float: right;
display: inline-block;
margin-top: 10px;
}
div#dateatelier {
width: 100%;
line-height: 1.2;
}
div#lieuatelier {
padding-left: 0;
border-left: 0;
}
div#continfosat {
padding: 15px;
}
}
@media only screen and (max-width: 450px) {
div#copyright {
display: block;
float: none;
padding-left: 0;
text-align: center;
}
div#lignebasfoot {
text-align: center;
}
}[class^="wp-block-"] figcaption {
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
font-style: italic;
text-align: left;
}
[class^="wp-block-"].alignleft,
[class^="wp-block-"] .alignleft {
margin-right: 24px;
}
[class^="wp-block-"].alignright,
[class^="wp-block-"] .alignright {
margin-left: 24px;
}
.rtl [class^="wp-block-"] figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.1em;
} .wp-block-image figure:not(.aligncenter) {
line-height: 0;
margin: 0 1.714285714rem;
}
.wp-block-image figure.alignleft {
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.wp-block-image figure.alignright {
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.wp-block-image figcaption {
padding-top: 0.75em;
}
[class^="wp-block-"].alignleft,
[class^="wp-block-"] .alignleft,
[class^="wp-block-"].alignright,
[class^="wp-block-"] .alignright {
} .wp-block-gallery {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
left: 0;
right: 0;
text-align: center;
width: auto;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 24px;
padding: 1.714285714rem;
}
.wp-block-quote {
padding: 24px;
padding: 1.714285714rem;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
font-style: italic;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 20px;
} .wp-block-audio audio {
display: block;
margin-bottom: 1.714285714rem;
width: 100%;
} .wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
color: #7c7c7c;
font-family: inherit;
font-size: 11px;
font-size: 0.785714286rem;
font-weight: normal;
line-height: 1.428571429;
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #ebebeb;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
background-repeat: repeat-x;
color: #5e5e5e;
}
.wp-block-file .wp-block-file__button:focus {
background-color: #e1e1e1;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
background-repeat: repeat-x;
border-color: transparent;
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
color: #757575;
}
.rtl .wp-block-file * + .wp-block-file__button {
margin-left: 0.75em;
margin-right: 0;
} .wp-block-video video:not(:last-child) {
margin-bottom: 0;
}  pre.wp-block-code {
border: 0;
padding: 0;
} .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
font-size: 14px;
text-transform: none;
} .wp-block-table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.wp-block-table th {
border: 0;
font-weight: bold;
padding: 6px 10px 6px 0;
text-transform: uppercase;
}
.wp-block-table td {
border: 0;
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}  .wp-block-button .wp-block-button__link {
border: 1px solid #d2d2d2;
font-family: inherit;
font-size: 11px;
font-size: 0.785714286rem;
font-weight: normal;
line-height: 1.428571429;
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
}
.entry-content .wp-block-button__link,
.entry-content .wp-block-button__link:visited {
background-color: #e6e6e6;
color: #7c7c7c;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:visited {
background-color: inherit;
border-color: inherit;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:visited:hover,
.entry-content .wp-block-button__link:focus {
background-color: #ebebeb;
color: #5e5e5e;
}
.entry-content .wp-block-button__link:active {
background-color: #e1e1e1;
color: #757575;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
}
.wp-block-button__link:not(.has-text-color) {
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus {
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
background-repeat: repeat-x;
}
.wp-block-button__link:not(.has-background):active {
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
background-repeat: repeat-x;
border-color: transparent;
}
.wp-block-button__link:not(.has-text-color):active {
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
} .wp-block-separator {
border: 0;
} .wp-block-media-text {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments {
margin: 0;
padding: 0;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
box-shadow: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 60px;
}
.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
}
.wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments__comment-date {
color: #5e5e5e;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
margin: 0;
padding: 24px 0;
padding: 1.714285714rem 0 0;
}
.wp-block-latest-comments article {
margin-bottom: 0;
} .entry-content .has-blue-color,
.entry-content .has-blue-color:visited {
color: #21759b;
}
.entry-content .has-blue-background-color,
.entry-content .has-blue-background-color:visited {
background-color: #21759b;
}
.entry-content .has-dark-gray-color,
.entry-content .has-dark-gray-color:visited {
color: #373737;
}
.entry-content .has-dark-gray-background-color,
.entry-content .has-dark-gray-background-color:visited {
background-color: #373737;
}
.entry-content .has-medium-gray-color,
.entry-content .has-medium-gray-color:visited {
color: #9f9f9f;
}
.entry-content .has-medium-gray-background-color,
.entry-content .has-medium-gray-background-color:visited {
background-color: #9f9f9f;
}
.entry-content .has-light-gray-color,
.entry-content .has-light-gray-color:visited {
color: #e6e6e6;
}
.entry-content .has-light-gray-background-color,
.entry-content .has-light-gray-background-color:visited {
background-color: #e6e6e6;
}
.entry-content .has-white-color,
.entry-content .has-white-color:visited {
color: #fff;
}
.entry-content .has-white-background-color,
.entry-content .has-white-background-color:visited {
background-color: #fff;
}