- 扫描 ID:
- b9b8b53e-cb63-4891-b668-b5f8d08f6143已完成
- 提交的 URL:
- https://clermont-auvergne-opera.com/
- 报告完成时间:
链接 · 找到 8 个
从页面中识别出的传出链接
链接 | 文本 |
---|---|
https://indiv.themisweb.fr/0505/home.aspx?idstructure=0505 | Billetterie en ligne |
https://indiv.themisweb.fr/0505/boutiqueproduitdetail.aspx?idstructure=0505&pid=5050004 | Cartecadeau |
https://indiv.themisweb.fr/0505/fProduitAutonome.aspx?idstructure=0505 | Mécénaten ligne |
https://landing.mailerlite.com/webforms/landing/g5d1i8 | S'inscrire à la newsletter |
https://www.facebook.com/clermontauvergneopera | |
https://www.instagram.com/clermontauvergneopera/?hl=fr | |
https://www.youtube.com/channel/UCj8ALV9dpD3kOtqZxd7JWbA | |
https://vimeo.com/clermontauvergneopera |
JavaScript 变量 · 找到 103 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量,可以从当前范围内的代码中的任何位置访问
名称 | 类型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
AOS | object |
getSize | function |
matchesSelector | function |
EvEmitter | function |
fizzyUIUtils | object |
控制台日志消息 · 找到 2 条
记录到 Web 控制台的消息
类型 | 类别 | 记录 |
---|---|---|
log | other |
|
warning | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><!--[if IE 7]>
<html class="ie ie7" lang="fr-FR">
<![endif]--><!--[if IE 8]>
<html class="ie ie8" lang="fr-FR">
<![endif]--><!--[if !(IE 7) & !(IE 8)]><!--><html lang="fr-FR" class="nprogress-busy sfm-desktop sfm-pos-right"><!--<![endif]--><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="https://clermont-auvergne-opera.com/xmlrpc.php">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="shortcut icon" type="image/png" href="https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/favicon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
<script src="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/jpd6ir8d/21fkh.js" type="text/javascript"></script>
<!-- <script src="https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/js/isotope-docs.min.js"></script> -->
<!-- <script src="https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/js/imagesloaded.pkgd.js"></script> -->
<script>
( function( $ ) {
$(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) {
if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) {
var hashStr = this.hash.slice(1);
var target = $(this.hash);
target = target.length ? target : $('[name=' + hashStr +']');
if (target.length) {
$('html, body').animate({ scrollTop: target.offset().top - 50 }, 1000);
window.location.hash = hashStr;
return false;
e.preventDefault();
}
}
});
}(jQuery));
</script>
<script src="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/dh7ta80j/21fkh.js" type="text/javascript"></script>
<!-- <script src="https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/js/classie.js"></script> -->
<script>
function init() {
window.addEventListener('scroll', function(e){
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
shrinkOn = 200,
header = document.querySelector("body");
if (distanceY > shrinkOn) {
classie.add(header,"smaller");
} else {
if (classie.has(header,"smaller")) {
classie.remove(header,"smaller");
}
}
});
}
window.onload = init();
</script>
<script>
( function( $ ) {
$(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) {
if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) {
var hashStr = this.hash.slice(1);
var target = $(this.hash);
target = target.length ? target : $('[name=' + hashStr +']');
if (target.length) {
$('html, body').animate({ scrollTop: target.offset().top - 50 }, 1000);
window.location.hash = hashStr;
return false;
e.preventDefault();
}
}
});
}(jQuery));
</script>
<!--[if lt IE 9]>
<script src="https://clermont-auvergne-opera.com/wp-content/themes/twentytwelve/js/html5.js?ver=3.7.0" type="text/javascript"></script>
<![endif]-->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- This site is optimized with the Yoast SEO plugin v23.8 - https://yoast.com/wordpress/plugins/seo/ -->
<title>La saison 24/25 - Clermont Auvergne Opéra</title>
<link rel="canonical" href="https://clermont-auvergne-opera.com/">
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="website">
<meta property="og:title" content="La saison 24/25 - Clermont Auvergne Opéra">
<meta property="og:url" content="https://clermont-auvergne-opera.com/">
<meta property="og:site_name" content="Clermont Auvergne Opéra">
<meta property="article:modified_time" content="2024-06-06T08:49:43+00:00">
<meta property="og:image" content="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/visuel-generique-page-saison-3.jpg">
<meta property="og:image:width" content="2000">
<meta property="og:image:height" content="529">
<meta property="og:image:type" content="image/jpeg">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://clermont-auvergne-opera.com/","url":"https://clermont-auvergne-opera.com/","name":"La saison 24/25 - Clermont Auvergne Opéra","isPartOf":{"@id":"https://clermont-auvergne-opera.com/#website"},"primaryImageOfPage":{"@id":"https://clermont-auvergne-opera.com/#primaryimage"},"image":{"@id":"https://clermont-auvergne-opera.com/#primaryimage"},"thumbnailUrl":"https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/visuel-generique-page-saison-3.jpg","datePublished":"2020-05-27T08:31:23+00:00","dateModified":"2024-06-06T08:49:43+00:00","breadcrumb":{"@id":"https://clermont-auvergne-opera.com/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://clermont-auvergne-opera.com/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://clermont-auvergne-opera.com/#primaryimage","url":"https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/visuel-generique-page-saison-3.jpg","contentUrl":"https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/visuel-generique-page-saison-3.jpg","width":2000,"height":529},{"@type":"BreadcrumbList","@id":"https://clermont-auvergne-opera.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://clermont-auvergne-opera.com/#website","url":"https://clermont-auvergne-opera.com/","name":"Clermont Auvergne Opéra","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://clermont-auvergne-opera.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//use.fontawesome.com">
<link href="https://fonts.gstatic.com" crossorigin="" rel="preconnect">
<link rel="alternate" type="application/rss+xml" title="Clermont Auvergne Opéra » Flux" href="https://clermont-auvergne-opera.com/feed/">
<!-- <link rel='stylesheet' id='la-icon-maneger-style-css' href='https://clermont-auvergne-opera.com/wp-content/uploads/la_icon_sets/style.min.css?ver=6.6.2' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='wp-block-library-css' href='https://clermont-auvergne-opera.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/16pe31/21fix.css" media="all">
<style id="wp-block-library-theme-inline-css" type="text/css">
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--blue: #21759b;--wp--preset--color--dark-gray: #444;--wp--preset--color--medium-gray: #9f9f9f;--wp--preset--color--light-gray: #e6e6e6;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<!-- <link rel='stylesheet' id='bonfire-pageloader-css-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/pageloader-by-bonfire/pageloader.css?ver=1' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='responsive-lightbox-tosrus-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/responsive-lightbox/assets/tosrus/jquery.tosrus.min.css?ver=2.4.8' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='sf_styles-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/css/public.min.css?ver=6.6.2' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='wpos-slick-style-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/wp-logo-showcase-responsive-slider-pro-v1.6/assets/css/slick.css?ver=1.6' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='wpos-animate-style-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/wp-logo-showcase-responsive-slider-pro-v1.6/assets/css/animate.min.css?ver=1.6' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='wpls-pro-public-style-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/wp-logo-showcase-responsive-slider-pro-v1.6/assets/css/wpls-pro-public.min.css?ver=1.6' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='logooos-style-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/wp_logooos_plugin/css/logos.css?ver=6.6.2' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='megamenu-css' href='https://clermont-auvergne-opera.com/wp-content/uploads/maxmegamenu/style.css?ver=1aeb2e' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='dashicons-css' href='https://clermont-auvergne-opera.com/wp-includes/css/dashicons.min.css?ver=6.6.2' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='parent-style-css' href='https://clermont-auvergne-opera.com/wp-content/themes/twentytwelve/style.css?ver=6.6.2' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/q9jukqb7/21fix.css" media="all">
<link rel="stylesheet" id="twentytwelve-fonts-css" href="https://fonts.googleapis.com/css?family=Open+Sans%3A400italic%2C700italic%2C400%2C700&subset=latin%2Clatin-ext&display=fallback" type="text/css" media="all">
<!-- <link rel='stylesheet' id='twentytwelve-style-css' href='https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/style.css?ver=20190507' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='twentytwelve-block-style-css' href='https://clermont-auvergne-opera.com/wp-content/themes/twentytwelve/css/blocks.css?ver=20190406' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/1celb308/21fix.css" media="all">
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentytwelve-ie-css' href='https://clermont-auvergne-opera.com/wp-content/themes/twentytwelve/css/ie.css?ver=20150214' type='text/css' media='all' />
<![endif]-->
<!-- <link rel='stylesheet' id='tablepress-default-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/tablepress/css/build/default.css?ver=2.4.4' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/8x5r33g1/21fix.css" media="all">
<link rel="stylesheet" id="font-awesome-official-css" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" type="text/css" media="all" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<!-- <link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://clermont-auvergne-opera.com/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main.css?ver=4.15.5' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/oq9joqj/21fix.css" media="all">
<style id="moove_gdpr_frontend-inline-css" type="text/css">
#moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:Nunito,sans-serif}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#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:#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:#000;border-color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover{background-color:#fff;color:#000}#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:#000;border:1px solid #000}#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #000;-moz-box-shadow:0 0 1px 3px #000;box-shadow:0 0 1px 3px #000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#000}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none}
</style>
<link rel="stylesheet" id="font-awesome-official-v4shim-css" href="https://use.fontawesome.com/releases/v5.15.4/css/v4-shims.css" type="text/css" media="all" integrity="sha384-Vq76wejb3QJM4nDatBa5rUOve+9gkegsjCebvV/9fvXlGWo4HCMR4cJZjjcF6Viv" crossorigin="anonymous">
<style id="font-awesome-official-v4shim-inline-css" type="text/css">
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2") format("woff2"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff") format("woff"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.ttf") format("truetype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2") format("woff2"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff") format("woff"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.ttf") format("truetype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2") format("woff2"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff") format("woff"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.ttf") format("truetype"),
url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.svg#fontawesome") format("svg");
unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}
</style>
<script src="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/101zg486/408bl.js" type="text/javascript"></script>
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/includes/vendor/looks_awesome/icon_manager/js/md5.js?ver=1.0,0" id="la-icon-manager-md5-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/includes/vendor/looks_awesome/icon_manager/js/util.js?ver=1.0,0" id="la-icon-manager-util-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/pageloader-by-bonfire/pageloader.js?ver=1" id="bonfire-pageloader-js-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/responsive-lightbox/assets/tosrus/jquery.tosrus.min.js?ver=2.4.8" id="responsive-lightbox-tosrus-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/responsive-lightbox/assets/infinitescroll/infinite-scroll.pkgd.min.js?ver=6.6.2" id="responsive-lightbox-infinite-scroll-js"></script> -->
<script type="text/javascript" id="responsive-lightbox-js-before">
/* <![CDATA[ */
var rlArgs = {"script":"tosrus","selector":"lightbox","customEvents":"","activeGalleries":true,"effect":"slide","infinite":true,"keys":false,"autoplay":true,"pauseOnHover":false,"timeout":5000,"pagination":false,"paginationType":"thumbnails","closeOnClick":true,"woocommerce_gallery":false,"ajaxurl":"https:\/\/clermont-auvergne-opera.com\/wp-admin\/admin-ajax.php","nonce":"b96f45428a","preview":false,"postId":53,"scriptExtension":false};
/* ]]> */
</script>
<script src="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/d47xw888/21fix.js" type="text/javascript"></script>
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/responsive-lightbox/js/front.js?ver=2.4.8" id="responsive-lightbox-js"></script> -->
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.min.js?ver=2.1.1" id="stickyAnythingLib-js"></script> -->
<script type="text/javascript" id="sf_main-js-extra">
/* <![CDATA[ */
var SF_Opts = {"wp_menu_id":"2","social":[],"search":"yes","blur":"no","fade":"no","test_mode":"no","hide_def":"no","mob_nav":"no","dynamic":"no","parent_ignore":"no","sidebar_style":"side","sidebar_behaviour":"slide","alt_menu":"","sidebar_pos":"right","width_panel_1":"225","width_panel_2":"250","width_panel_3":"250","width_panel_4":"200","base_color":"#FFF","opening_type":"click","sub_type":"dropdown","video_bg":"","video_mob":"no","video_preload":"no","sub_mob_type":"dropdown","sub_opening_type":"click","label":"metro","label_top":"0px","label_size":"53","label_vis":"yes","item_padding":"15","bg":"","path":"https:\/\/clermont-auvergne-opera.com\/wp-content\/plugins\/superfly-menu\/img\/","menu":"{\"2\":{\"term_id\":2,\"name\":\"Principal\",\"loc\":{\"pages\":{\"10\":1,\"15\":1,\"17\":1,\"19\":1,\"53\":1,\"226\":1,\"245\":1,\"248\":1,\"250\":1},\"cposts\":{\"actualite\":1,\"evenement\":1,\"diaporama\":1},\"cats\":{\"1\":1},\"taxes\":{},\"langs\":{},\"wp_pages\":{\"front\":1,\"home\":1,\"archive\":1,\"single\":1,\"forbidden\":1,\"search\":1},\"ids\":[\"\"]},\"isDef\":true}}","togglers":"","subMenuSupport":"yes","subMenuSelector":"sub-menu, children","eventsInterval":"51","activeClassSelector":"current-menu-item","allowedTags":"DIV, NAV, UL, OL, LI, A, P, H1, H2, H3, H4, SPAN","menuData":{"244":"img=&icon=&icon_color=&sline=&chapter=&content=&bg=&width=&tabindex="},"siteBase":"https:\/\/clermont-auvergne-opera.com","plugin_ver":"5.0.30"};
/* ]]> */
</script>
<script src="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/nnb124n/21fix.js" type="text/javascript"></script>
<!-- <script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/js/public.min.js?ver=5.0.30" id="sf_main-js"></script> -->
<link rel="https://api.w.org/" href="https://clermont-auvergne-opera.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://clermont-auvergne-opera.com/wp-json/wp/v2/pages/53"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://clermont-auvergne-opera.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.6.2">
<link rel="shortlink" href="https://clermont-auvergne-opera.com/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://clermont-auvergne-opera.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fclermont-auvergne-opera.com%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://clermont-auvergne-opera.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fclermont-auvergne-opera.com%2F&format=xml">
<!-- BEGIN THE BACKGROUND -->
</head><body class="home page-template page-template-agenda page-template-agenda-php page page-id-53 wp-embed-responsive mega-menu-primary full-width custom-font-enabled single-author fat-gallery-move superfly-on sfm-style-side sfm-sidebar-slide sfm-toggle-click sfm-sub-dropdown sfm-sub-mob-dropdown" data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0"><div class="sfm-rollback sfm-color1 sfm-theme-none sfm-label-visible sfm-label-metro " style="">
<div role="button" tabindex="0" aria-haspopup="true" class="sfm-navicon-button x sf_label_default "><div class="sfm-navicon"></div> </div>
</div>
<div id="sfm-sidebar" style="opacity: 1;" data-wp-menu-id="2" class="sfm-theme-none sfm-hl-line sfm-indicators sfm-fully-hidden sfm-transitions-enabled">
<div class="sfm-scroll-wrapper sfm-scroll-main">
<div class="sfm-scroll">
<div class="sfm-sidebar-close"></div>
<div class="sfm-logo">
<a href="https://clermont-auvergne-opera.com">
<img src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/logo2x.png" alt="">
</a>
<div class="sfm-title"></div>
</div>
<nav class="sfm-nav">
<div class="sfm-va-middle"><form role="search" method="get" class="sfm-search-form" action="https://clermont-auvergne-opera.com"><input type="text" class="search-field" placeholder="" value="" name="s"><span></span><input type="submit" class="search-submit" value="Search"></form><ul class="sfm-menu-level-0 sfm-menu"><li class="sfm-menu-item-349" tabindex="-1"><a href="https://clermont-auvergne-opera.com/actualites"><span data-index="1">Actualités</span></a></li>
<li class="sfm-active-class sfm-menu-item-56" tabindex="-1"><a href="https://clermont-auvergne-opera.com/" aria-current="page"><span data-index="2">Côté Scène</span></a></li>
<li class="sfm-menu-item-229 sfm-has-child-menu" tabindex="-1"><a href="https://clermont-auvergne-opera.com/cote-billetterie/"><span data-index="3">Côté billetterie</span><ins class="sfm-sm-indicator"><i></i></ins></a>
<ul class="sfm-child-menu sfm-menu-level-1">
<li class="sfm-menu-item-233" tabindex="-1"><a href="/infos-billetterie/#abonnement"><span data-index="1">Abonnement</span></a></li>
<li class="sfm-menu-item-234" tabindex="-1"><a href="/infos-billetterie/#billet-unite"><span data-index="2">Billet unité</span></a></li>
<li class="sfm-menu-item-243" tabindex="-1"><a href="/infos-billetterie/#mecenes"><span data-index="3">Mécènes</span></a></li>
<li class="sfm-menu-item-244" tabindex="-1" data-sfm-id="244"><a href="/infos-billetterie/#bon-cadeau"><span data-index="4">Carte Cadeau</span></a></li>
</ul>
</li>
<li class="sfm-menu-item-253 sfm-has-child-menu" tabindex="-1"><a href="https://clermont-auvergne-opera.com/cote-pratique/"><span data-index="4">Côté Pratique</span><ins class="sfm-sm-indicator"><i></i></ins></a>
<ul class="sfm-child-menu sfm-menu-level-1">
<li class="sfm-menu-item-2122" tabindex="-1"><a href="https://clermont-auvergne-opera.com/brochure-2024-2025/"><span data-index="1">Programme</span></a></li>
<li class="sfm-menu-item-305" tabindex="-1"><a href="/infos-pratiques/#tarifs"><span data-index="2">Tarifs</span></a></li>
<li class="sfm-menu-item-2685" tabindex="-1"><a href="/infos-pratiques/#venir"><span data-index="3">Venir à l’Opéra</span></a></li>
<li class="sfm-menu-item-346" tabindex="-1"><a href="/infos-pratiques/#plans"><span data-index="4">Plan</span></a></li>
<li class="sfm-menu-item-306" tabindex="-1"><a href="/infos-pratiques/#qui-sommes-nous"><span data-index="5">Qui sommes-nous ?</span></a></li>
<li class="sfm-menu-item-307" tabindex="-1"><a href="/infos-pratiques/#nous-contacter"><span data-index="6">Nous contacter</span></a></li>
</ul>
</li>
<li class="sfm-menu-item-858 sfm-has-child-menu" tabindex="-1"><a href="#"><span data-index="5">Côté publics</span><ins class="sfm-sm-indicator"><i></i></ins></a>
<ul class="sfm-child-menu sfm-menu-level-1">
<li class="sfm-menu-item-1620" tabindex="-1"><a href="https://clermont-auvergne-opera.com/en-temps-scolaire/"><span data-index="1">En temps scolaire</span></a></li>
<li class="sfm-menu-item-1593" tabindex="-1"><a href="https://clermont-auvergne-opera.com/lopera-en-famille/"><span data-index="2">L’Opéra en famille</span></a></li>
<li class="sfm-menu-item-1563" tabindex="-1"><a href="https://clermont-auvergne-opera.com/les-jeunes-a-lopera/"><span data-index="3">Les jeunes à l’Opéra</span></a></li>
<li class="sfm-menu-item-1598" tabindex="-1"><a href="https://clermont-auvergne-opera.com/hors-les-murs/"><span data-index="4">Hors les murs</span></a></li>
<li class="sfm-menu-item-1547" tabindex="-1"><a href="https://clermont-auvergne-opera.com/rencontres/"><span data-index="5">Rencontres</span></a></li>
<li class="sfm-menu-item-860" tabindex="-1"><a href="https://clermont-auvergne-opera.com/accessibilite/"><span data-index="6">Accessibilité</span></a></li>
</ul>
</li>
<li class="sfm-menu-item-863 sfm-has-child-menu" tabindex="-1"><a href="#"><span data-index="6">Maison Opéra</span><ins class="sfm-sm-indicator"><i></i></ins></a>
<ul class="sfm-child-menu sfm-menu-level-1">
<li class="sfm-menu-item-864" tabindex="-1"><a href="https://clermont-auvergne-opera.com/projet-artistique/"><span data-index="1">Projet artistique</span></a></li>
<li class="sfm-menu-item-865" tabindex="-1"><a href="https://clermont-auvergne-opera.com/histoire/"><span data-index="2">Histoire</span></a></li>
<li class="sfm-menu-item-2556" tabindex="-1"><a href="https://clermont-auvergne-opera.com/infos-billetterie/#mecenes"><span data-index="3">Nous soutenir</span></a></li>
<li class="sfm-menu-item-867" tabindex="-1"><a href="https://clermont-auvergne-opera.com/partenaires-et-mecenes/"><span data-index="4">Partenaires et mécènes</span></a></li>
<li class="sfm-menu-item-868" tabindex="-1"><a href="https://clermont-auvergne-opera.com/nos-productions/"><span data-index="5">Nos productions en tournée</span></a></li>
<li class="sfm-menu-item-1475" tabindex="-1"><a href="https://clermont-auvergne-opera.com/presse/"><span data-index="6">Presse</span></a></li>
</ul>
</li>
<li class="sfm-menu-item-2159" tabindex="-1"><a href="https://clermont-auvergne-opera.com/actualite/gazette-entracte/"><span data-index="7">Gazette Entracte</span></a></li>
</ul>
<div class="sfm-widget-area"></div>
</div>
</nav>
<ul class="sfm-social sfm-social-icons"></ul>
</div>
</div>
<div class="sfm-sidebar-bg">
<!-- eg. https://www.youtube.com/watch?v=AgI7OcZ9g60 or https://www.youtube.com/watch?v=gU10ALRQ0ww -->
</div>
<div class="sfm-view sfm-view-level-custom">
<span class="sfm-close"></span>
</div>
<div class="sfm-view sfm-view-level-1"></div></div>
<div id="sfm-overlay-wrapper"><div id="sfm-overlay"></div><div class="sfm-nav-bg_item -top"></div><div class="sfm-nav-bg_item -bottom"></div></div><div class="bonfire-pageloader-background bonfire-pageloader-hide">
</div>
<!-- END THE BACKGROUND -->
<!-- BEGIN THE BACKGROUND PATTERN -->
<!-- END THE BACKGROUND PATTERN -->
<!-- BEGIN THE LOADING IMAGE/ICON/TEXT -->
<div class="pageloader-elements-wrapper bonfire-pageloader-icon-hide">
<div class="">
<!-- BEGIN THE CLOSE BUTTON -->
<div class="pageloader-close">
Taking too long? Close loading screen. </div>
<!-- END THE CLOSE BUTTON -->
<!-- BEGIN LOADING IMAGE -->
<div class="pageloader-image-wrapper">
<div class="pageloader-image-inner">
<div class="pageloader-image">
<img src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/logo2x.png" alt="">
</div>
</div>
</div>
<!-- END LOADING IMAGE -->
<!-- BEGIN LOADING ICON -->
<!-- END LOADING ICON -->
<!-- BEGIN LOADING SENTENCE -->
<div class="pageloader-sentence-wrapper">
<div class="pageloader-sentence-inner">
</div>
</div>
<!-- END LOADING SENTENCE -->
<!-- BEGIN WIDGETS -->
<!-- END WIDGETS -->
</div>
<!-- BEGIN PROGRESS BAR -->
<div id="nprogress-wrapper"><div id="nprogress-inner" class="nprogress-custom-parent"><div id="nprogress" style="transition: none 0s ease 0s; opacity: 1;"><div class="bar" role="bar" style="transform: translate3d(0%, 0px, 0px); transition: all 500ms ease 0s;"></div></div></div></div>
<!-- END PROGRESS BAR -->
</div>
<!-- END THE LOADING IMAGE/ICON/TEXT -->
<!-- BEGIN SLOWER FADE-OUT VARIATION -->
<style>
/* background image as 'cover' */
/* icon blur/fade-in effect */
.pageloader-icon {
filter:blur(px);
-moz-filter:blur(px);
-webkit-filter:blur(px);
animation:plblur 2s ease forwards, plopacity 2s ease forwards;
-moz-animation:plblur 2s ease forwards, plopacity 2s ease forwards;
-webkit-animation:plblur 2s ease forwards, plopacity 2s ease forwards;
}
/* image blur/fade-in effect */
.pageloader-image-inner {
filter:blur(px);
-moz-filter:blur(px);
-webkit-filter:blur(px);
animation:plblur 2s ease forwards, plopacity 2s ease forwards;
-moz-animation:plblur 2s ease forwards, plopacity 2s ease forwards;
-webkit-animation:plblur 2s ease forwards, plopacity 2s ease forwards;
}
@keyframes plopacity { 100% { opacity:1; } }
@-moz-keyframes plopacity { 100% { opacity:1; } }
@-webkit-keyframes plopacity { 100% { opacity:1; } }
@keyframes plblur { 100% { filter:blur(0); } }
@-moz-keyframes plblur { 100% { -moz-filter:blur(0); } }
@-webkit-keyframes plblur { 100% { -webkit-filter:blur(0); } }
/* slide-in content */
/* loading screen disappearance speed */
.bonfire-pageloader-icon-hide,
.bonfire-pageloader-hide {
transition:opacity 1s ease, transform 1s ease, left 0s ease 1s;
-moz-transition:opacity 1s ease, transform 1s ease, left 0s ease 1s;
-webkit-transition:opacity 1s ease,transform 1s ease, left 0s ease 1s;
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
}
/* background slide animations */
</style>
<!-- END SLOWER FADE-OUT VARIATION -->
<script>
// BEGIN SLIDE-DOWN jQuery (if not hidden on singular and slide-down setting enabled)
// END SLIDE-DOWN jQuery (if not hidden on singular and slide-down setting enabled)
// BEGIN LOADING SCREEN FADE-OUT
jQuery(window).load(function() {
'use strict';
setTimeout(function(){
/* fade out the loading icon */
jQuery(".pageloader-elements-wrapper").addClass('bonfire-pageloader-icon-hide');
/* hide the loading screen */
jQuery(".bonfire-pageloader-background, .bonfire-pageloader-background-image").addClass('bonfire-pageloader-hide');
/* slide down site */
},0);
});
// END LOADING SCREEN FADE-OUT
// BEGIN SHOW CLOSE BUTTON
// END SHOW CLOSE BUTTON
// BEGIN CLOSE LOADING SCREEN WHEN CLOSE BUTTON CLICKED/TAPPED
jQuery('.pageloader-close').on('click', function(e) {
'use strict';
e.preventDefault();
/* hide close button */
jQuery(".pageloader-close").addClass('pageloader-close-active');
/* fade out the loading icon */
jQuery(".pageloader-elements-wrapper").addClass('bonfire-pageloader-icon-hide');
/* fade out loader */
jQuery(".bonfire-pageloader-background, .bonfire-pageloader-background-image").addClass('bonfire-pageloader-hide');
/* slide down site */
setTimeout(function(){
jQuery(".pageloader-move-wrapper").addClass('pageloader-move-wrapper-active');
},50);
});
// END CLOSE LOADING SCREEN WHEN CLOSE BUTTON CLICKED/TAPPED
// BEGIN Nprogress SNIPPET (if not disabled)
NProgress.start();
jQuery(window).load(function() {
'use strict';
NProgress.done();
});
NProgress.configure({ trickleRate: 0.20, trickleSpeed: 300 });
// END Nprogress SNIPPET (if not disabled)
</script>
<style>
/* loading elements slide-in */
/* icon position */
.pageloader-icon-inner {
vertical-align:middle;
text-align:center;
}
.pageloader-icon {
top:px;
left:px;
}
/* image position */
.pageloader-image-inner {
vertical-align:middle;
text-align:center;
}
.pageloader-image {
top:px;
left:px;
}
/* loading text position */
.pageloader-sentence-inner {
vertical-align:middle;
text-align:center;
}
.pageloader-sentence {
top:px;
left:px;
}
/* image size */
.pageloader-image img {
width:238px;
}
/* image pulsating animation */
.pageloader-image {
animation:pulsateAnimation s infinite;
-moz-animation:pulsateAnimation s infinite;
-webkit-animation:pulsateAnimation s infinite;
}
/* background and icon color + background opacity */
.bonfire-pageloader-background {
background-color:#ffffff;
opacity:;
}
/* secondary background color + fade between background colors */
.bonfire-pageloader-background-image { opacity:; }
/* icon animation speed */
.loader1 rect,
.loader2 svg circle:first-of-type,
.loader2 svg circle:last-of-type,
.loader3 svg rect,
.loader4 svg,
.loader5 svg circle,
.loader6 circle:first-of-type,
.loader6 circle:nth-child(2),
.loader6 circle:nth-child(3),
.loader7 svg,
.loader8 svg,
.loader9 svg,
.loader9 svg circle:nth-of-type(2),
.loader9 svg circle:nth-of-type(3),
.loader10 svg,
.loader10 svg circle:first-of-type,
.loader10 svg circle:nth-of-type(2),
.loader10 svg circle:nth-of-type(3),
.loader10 svg circle:last-of-type {
animation-duration:s;
}
/* icon scaling */
.pageloader-icon {
-webkit-transform:scale();
-moz-transform:scale();
transform:scale();
}
/* primary icon color */
.loader1 svg,
.loader2 circle:nth-child(2),
.loader3 rect,
.loader4 path,
.loader6 circle,
.loader7 path:nth-child(2),
.loader8 circle,
.loader9 svg,
.loader10 svg {
fill:;
}
.loader5 circle {
stroke:;
}
@keyframes loader6dot1 {
0% { transform:scale(1); fill:#2A2A2A; }
16% { transform:scale(1.5); fill:#9AA366; }
70%, 100% { transform:scale(1); fill:#2A2A2A; }
}
@keyframes loader6dot2 {
0%, 30% { transform:scale(1); fill:#2A2A2A; }
47% { transform:scale(1.5); fill:#9AA366; }
75%, 100% { transform:scale(1); fill:#2A2A2A; }
}
@keyframes loader6dot3 {
0%, 47% { transform:scale(1); fill:#2A2A2A; }
83% { transform:scale(1.5); fill:#9AA366; }
100% { transform:scale(1); fill:#2A2A2A; }
}
/* secondary icon color */
.loader2 circle:first-child,
.loader3 circle,
.loader7 path:first-child,
.loader8 path {
fill:;
}
/* loading sentence */
.pageloader-sentence {
font-size:px;
letter-spacing:px;
color:;
font-family:;
}
/* close function */
.pageloader-close {
color:;
font-family:;
}
/* progress bar */
#nprogress-wrapper {
padding:px;
}
#nprogress-inner {
vertical-align:top;
text-align:center;
}
#nprogress {
top:px;
left:px;
vertical-align:top;
max-width:100%;
height:3px;
background-color:;
}
/* progress bar border radius */
#nprogress,
#nprogress .bar {
border-radius:px;
}
/* progress bar colors (regular and gradient) */
#nprogress .bar {
background:#cd5b1c;
background:-moz-linear-gradient(left, #cd5b1c 0%, #cd5b1c 100%);
background:-webkit-gradient(left top, right top, color-stop(0%, #cd5b1c), color-stop(100%, #cd5b1c));
background:-webkit-linear-gradient(left, #cd5b1c 0%, #cd5b1c 100%);
background:-o-linear-gradient(left, #cd5b1c 0%, #4B6A87 100%);
background:-ms-linear-gradient(left, #cd5b1c 0%, #cd5b1c 100%);
background:linear-gradient(to right, #cd5b1c 0%, #cd5b1c 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd5b1c', endColorstr='#cd5b1c', GradientType=1 );
}
/* hide nProgress if PageLoader disabled (singular) */
</style>
<!-- END CUSTOM COLORS (WP THEME CUSTOMIZER) -->
<script>
// global
window.SFM_is_mobile = (function () {
var n = navigator.userAgent;
var reg = new RegExp('Android\s([0-9\.]*)')
var match = n.toLowerCase().match(reg);
var android = match ? parseFloat(match[1]) : false;
if (android && android < 3.6) {
return;
};
return n.match(/Android|BlackBerry|IEMobile|iPhone|iPad|iPod|Opera Mini/i);
})();
window.SFM_current_page_menu = '2';
(function(){
var mob_bar = '';
var pos = 'right';
var iconbar = '';
var SFM_skew_disabled = ( function( ) {
var window_width = window.innerWidth;
var sfm_width = 225;
if ( sfm_width * 2 >= window_width ) {
return true;
}
return false;
} )( );
var classes = SFM_is_mobile ? 'sfm-mobile' : 'sfm-desktop';
var html = document.getElementsByTagName('html')[0]; // pointer
classes += mob_bar ? ' sfm-mob-nav' : '';
classes += ' sfm-pos-' + pos;
classes += iconbar ? ' sfm-bar' : '';
classes += SFM_skew_disabled ? ' sfm-skew-disabled' : '';
html.className = html.className == '' ? classes : html.className + ' ' + classes;
})();
</script>
<style type="text/css" id="superfly-dynamic">
@font-face {
font-family: 'sfm-icomoon';
src:url('https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/fonts/icomoon.eot?wehgh4');
src: url('https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/fonts/icomoon.svg?wehgh4#icomoon') format('svg'),
url('https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/fonts/icomoon.eot?#iefixwehgh4') format('embedded-opentype'),
url('https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/fonts/icomoon.woff?wehgh4') format('woff'),
url('https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/fonts/icomoon.ttf?wehgh4') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after {
height: 1px !important;
}
.sfm-label-square .sfm-navicon-button, .sfm-label-rsquare .sfm-navicon-button, .sfm-label-circle .sfm-navicon-button {
border-width: 1px !important;
}
.sfm-vertical-nav .sfm-submenu-visible > a .sfm-sm-indicator i:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#sfm-mob-navbar .sfm-navicon-button:after {
/*width: 30px;*/
}
.sfm-pos-right .sfm-vertical-nav .sfm-has-child-menu > a:before {
display: none;
}
#sfm-sidebar.sfm-vertical-nav .sfm-menu .sfm-sm-indicator {
/*background: rgba(255,255,255,0.085);*/
}
.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
/*padding-left: 10px !important;*/
}
.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-sm-indicator {
left: auto;
right: 0;
}
#sfm-sidebar.sfm-compact .sfm-nav {
min-height: 50vh;
height: auto;
max-height: none;
margin-top: 30px;
}
#sfm-sidebar.sfm-compact input[type=search] {
font-size: 16px;
}
/*}*/
#sfm-sidebar .sfm-sidebar-bg, #sfm-sidebar .sfm-social {
background-color: #FFF !important;
}
#sfm-sidebar .sfm-logo img {
max-height: 150px;
}
#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy {
width: 225px;
}
#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span{
max-width: calc(225px - 80px); }
#sfm-sidebar .sfm-social {
background-color: transparent !important;
}
#sfm-sidebar .sfm-menu li > a:before {
background: #cd556f;
}
#sfm-sidebar .sfm-menu-level-1 li > a:before {
background: #ffffff;
}
#sfm-sidebar .sfm-menu-level-2 li > a:before {
background: #ffffff;
}
#sfm-sidebar .sfm-menu-level-3 li > a:before {
background: #ffffff;
}
@media only screen and (min-width: 800px) {
#sfm-sidebar .sfm-menu-level-0 li:hover:before,
#sfm-sidebar .sfm-menu-level-0 li.sfm-active-item:before,
#sfm-sidebar .sfm-menu-level-0 li.sfm-active-smooth:before {
background-color: #cd556f;
}
}
#sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover:before,
#sfm-sidebar .sfm-view-level-1 .sfm-menu li.sfm-active-item:before {
background-color: #434343;
}
#sfm-sidebar .sfm-view-level-2 .sfm-menu li:hover:before,
#sfm-sidebar .sfm-view-level-2 .sfm-menu li.sfm-active-item:before {
background-color: #ffffff;
}
#sfm-sidebar .sfm-view-level-3 .sfm-menu li:hover:before,
#sfm-sidebar .sfm-view-level-3 .sfm-menu li.sfm-active-item:before {
background-color: #ffffff;
}
#sfm-sidebar .sfm-menu li:hover > a span,
#sfm-sidebar .sfm-menu li > a:focus span,
#sfm-sidebar .sfm-menu li:hover > a img,
#sfm-sidebar .sfm-menu li > a:focus img,
#sfm-sidebar .sfm-menu li:hover > a .la_icon,
#sfm-sidebar .sfm-menu li > a:focus .la_icon,
#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a img,
#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a .la_icon,
#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a span {
right: -2px;
left: auto;
}
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li > a:focus span,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li:hover > a span,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li:hover > a img,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li > a:focus img,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a img,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a span {
right: 2px;
left: auto;
}
#sfm-sidebar .sfm-menu li a,
#sfm-sidebar .sfm-chapter,
#sfm-sidebar .widget-area,
.sfm-search-form input {
padding-left: 5% !important;
}
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li a,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-view .sfm-back-parent,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-chapter,
.sfm-pos-right .sfm-sub-flyout #sfm-sidebar .widget-area,
.sfm-pos-right .sfm-sub-flyout .sfm-search-form input {
padding-left: 9% !important;
}
#sfm-sidebar .sfm-child-menu.sfm-menu-level-1 li a {
padding-left: 7% !important;
}
#sfm-sidebar .sfm-child-menu.sfm-menu-level-2 li a {
padding-left: 9% !important;
}
#sfm-sidebar.sfm-compact .sfm-social li {
text-align: left;
}
#sfm-sidebar.sfm-compact .sfm-social:before {
right: auto;
left: auto;
left: 10%;
}
#sfm-sidebar:after {
display: none !important;
}
#sfm-sidebar,
.sfm-pos-right .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {
-webkit-transform: translate3d(-225px,0,0);
transform: translate3d(-225px,0,0);
}
.sfm-pos-right #sfm-sidebar, .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {
-webkit-transform: translate3d(225px,0,0);
transform: translate3d(225px,0,0);
}
.sfm-pos-left #sfm-sidebar .sfm-view-level-1 {
left: 225px;
width: 250px;
-webkit-transform: translate3d(-250px,0,0);
transform: translate3d(-250px,0,0);
}
#sfm-sidebar .sfm-view-level-1 .sfm-menu {
width: 250px;
}
#sfm-sidebar .sfm-view-level-2 .sfm-menu {
width: 250px;
}
#sfm-sidebar .sfm-view-level-3 .sfm-menu {
width: 200px;
}
.sfm-pos-right #sfm-sidebar .sfm-view-level-1 {
left: auto;
right: 225px;
width: 250px;
-webkit-transform: translate3d(250px,0,0);
transform: translate3d(250px,0,0);
}
.sfm-pos-left #sfm-sidebar .sfm-view-level-2 {
left: 475px;
width: 250px;
-webkit-transform: translate3d(-725px,0,0);
transform: translate3d(-725px,0,0);
}
.sfm-pos-right #sfm-sidebar .sfm-view-level-2
{
left: auto;
right: 475px;
width: 250px;
-webkit-transform: translate3d(725px,0,0);
transform: translate3d(725px,0,0);
}
.sfm-pos-left #sfm-sidebar .sfm-view-level-3 {
left: 725px;
width: 200px;
-webkit-transform: translate3d(-925px,0,0);
transform: translate3d(-925px,0,0);
}
.sfm-pos-right #sfm-sidebar .sfm-view-level-3 {
left: auto;
right: 725px;
width: 200px;
-webkit-transform: translate3d(725px,0,0);
transform: translate3d(725px,0,0);
}
.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-2 {
-webkit-transform: translate3d(-250px,0,0);
transform: translate3d(-250px,0,0);
}
.sfm-pos-right .sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-2 {
-webkit-transform: translate3d(250px,0,0);
transform: translate3d(250px,0,0);
}
.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-3 {
-webkit-transform: translate3d(-200px,0,0);
transform: translate3d(-200px,0,0);
}
.sfm-pos-right .sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-3 {
-webkit-transform: translate3d(200px,0,0);
transform: translate3d(200px,0,0);
}
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-3,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom {
left: 225px;
width: 225px;
}
.sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom {
width: 225px !important;
}
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-custom-content,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-content-wrapper {
width: 250px !important;
}
.sfm-sub-swipe #sfm-sidebar .sfm-menu {
width: 225px;
}
.sfm-sub-swipe.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3,
.sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
-webkit-transform: translate3d(-225px,0,0) !important;
transform: translate3d(-225px,0,0) !important;
}
.sfm-sub-swipe.sfm-view-pushed-1 #sfm-sidebar .sfm-scroll-main,
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-scroll-main,
.sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-scroll-main {
-webkit-transform: translate3d(-100%,0,0) !important;
transform: translate3d(-100%,0,0) !important;
}
.sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe.sfm-view-pushed-custom.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2 {
-webkit-transform: translate3d(-200%,0,0) !important;
transform: translate3d(-200%,0,0) !important;
}
/* custom content */
.sfm-pos-left .sfm-view-pushed-1.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
right: -250px;
}
.sfm-pos-left .sfm-view-pushed-2.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
right: -500px;
}
.sfm-pos-left .sfm-view-pushed-3.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
right: -700px;
}
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
right: 0;
}
.sfm-pos-right .sfm-view-pushed-1.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom {
left: -250px;
}
.sfm-pos-right .sfm-view-pushed-2.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom {
left: -500px;
}
.sfm-pos-right .sfm-view-pushed-3.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom {
left: -700px;
}
.sfm-pos-left .sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
transform: translate3d(100%,0,0);
}
.sfm-pos-right .sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {
transform: translate3d(-100%,0,0);
}
#sfm-sidebar .sfm-menu a img{
max-width: 40px;
max-height: 40px;
}
#sfm-sidebar .sfm-menu .la_icon{
font-size: 40px;
min-width: 40px;
min-height: 40px;
}
@media only screen and (min-width: 800px) {
#sfm-sidebar .sfm-menu li.sfm-active-class > a:before {
width: 100%;
}
}
#sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-active-class > a {
background: rgba(0, 0, 0, 0.15);
}
#sfm-sidebar .sfm-back-parent {
background: #FFF;
}
#sfm-sidebar .sfm-view-level-1, #sfm-sidebar ul.sfm-menu-level-1 {
background: #eeeeee;
}
#sfm-sidebar .sfm-view-level-2, #sfm-sidebar ul.sfm-menu-level-2 {
background: #9e466b;
}
#sfm-sidebar .sfm-view-level-3, #sfm-sidebar ul.sfm-menu-level-3 {
background: #36939e;
}
#sfm-sidebar .sfm-menu-level-0 li, #sfm-sidebar .sfm-menu-level-0 li a, .sfm-title h3, #sfm-sidebar .sfm-back-parent {
color: #cd556f;
}
#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-chapter, #sfm-sidebar .sfm-back-parent {
padding: 15px 0;
text-transform: uppercase;
}
.sfm-style-full #sfm-sidebar.sfm-hl-line .sfm-menu li > a:before {
bottom: 10px
}
#sfm-sidebar .sfm-search-form input[type=text] {
padding-top:15px;
padding-bottom:15px;
}
.sfm-sub-swipe #sfm-sidebar .sfm-view .sfm-menu,
.sfm-sub-swipe .sfm-custom-content,
.sfm-sub-dropdown .sfm-custom-content {
padding-top: 46px;
}
#sfm-sidebar .sfm-search-form span {
top: 17px;
font-size: 13px;
font-weight: normal;
}
#sfm-sidebar {
font-family: inherit;
}
#sfm-sidebar .sfm-sm-indicator {
line-height: 16px;
}
#sfm-sidebar.sfm-indicators .sfm-sm-indicator i {
width: 6px;
height: 6px;
border-top-width: 2px;
border-right-width: 2px;
margin: -3px 0 0 -3px;
}
#sfm-sidebar .sfm-search-form input {
font-size: 16px;
}
#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent {
font-family: inherit;
font-weight: normal;
font-size: 16px;
letter-spacing: 0px;
text-align: left;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
#sfm-sidebar .sfm-social-abbr a {
font-family: inherit;
}
#sfm-sidebar .sfm-widget,
#sfm-sidebar .widget-area {
text-align: left;
}
#sfm-sidebar .sfm-social {
text-align: center !important;
}
#sfm-sidebar .sfm-menu .sfm-chapter {
font-size: 14px;
margin-top: 15px;
font-weight: normal;
text-transform: uppercase;
}
#sfm-sidebar .sfm-menu .sfm-chapter div{
font-family: inherit;
font-size: 14px;
}
.sfm-rollback a {
font-family: inherit;
}
#sfm-sidebar .sfm-menu .la_icon{
color: #777;
}
#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {
border-color: #cd556f;
}
#sfm-sidebar .sfm-menu-level-0 .sfm-sl, .sfm-title h2, .sfm-social:after {
color: #eeeeee;
}
#sfm-sidebar .sfm-menu-level-1 li .sfm-sm-indicator i {
border-color: #434343;
}
#sfm-sidebar .sfm-menu-level-1 .sfm-sl {
color: #eeeeee;
}
#sfm-sidebar .sfm-menu-level-2 li .sfm-sm-indicator i {
border-color: #ffffff;
}
#sfm-sidebar .sfm-menu-level-2 .sfm-sl {
color: #eeeeee;
}
#sfm-sidebar .sfm-menu-level-3 li .sfm-sm-indicator i {
border-color: #ffffff;
}
#sfm-sidebar .sfm-menu-level-3 .sfm-sl {
color: #eeeeee;
}
.sfm-menu-level-0 .sfm-chapter {
color: #00ffb8 !important;
}
.sfm-menu-level-1 .sfm-chapter {
color: #ffffff !important;
}
.sfm-menu-level-2 .sfm-chapter {
color: #ffffff !important;
}
.sfm-menu-level-3 .sfm-chapter {
color: #ffffff !important;
}
#sfm-sidebar .sfm-view-level-1 li a,
#sfm-sidebar .sfm-menu-level-1 li a{
color: #434343;
border-color: #434343;
}
#sfm-sidebar:after {
background-color: #FFF;
}
#sfm-sidebar .sfm-view-level-2 li a,
#sfm-sidebar .sfm-menu-level-2 li a{
color: #ffffff;
border-color: #ffffff;
}
#sfm-sidebar .sfm-view-level-3 li a,
#sfm-sidebar .sfm-menu-level-3 li a {
color: #ffffff;
border-color: #ffffff;
}
.sfm-navicon-button {
top: 0px;
}
@media only screen and (max-width: 800px) {
.sfm-navicon-button {
top: 0px;
}
}
.sfm-navicon-button {
right: 100% !important;
}
@media only screen and (max-width: 800px) {
.sfm-navicon-button {
right: 0px !important;
}
}
@media only screen and (min-width: 800px) {
.sfm-pos-left.sfm-bar body, .sfm-pos-left.sfm-bar #wpadminbar {
padding-left: 225px !important;
}
.sfm-pos-right.sfm-bar body, .sfm-pos-right.sfm-bar #wpadminbar {
padding-right: 225px !important;
}
}
.sfm-navicon:after,
.sfm-label-text .sfm-navicon:after,
.sfm-label-none .sfm-navicon:after {
top: -8px;
}
.sfm-navicon:before,
.sfm-label-text .sfm-navicon:before,
.sfm-label-none .sfm-navicon:before {
top: 8px;
}
.sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay {
opacity: 0.6;
}
.sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay {
cursor: url("https://clermont-auvergne-opera.com/wp-content/plugins/superfly-menu/img/close3.png") 16 16,pointer;
}
.sfm-style-skew #sfm-sidebar .sfm-social{
height: auto;
/*min-height: 75px;*/
}
.sfm-theme-top .sfm-sidebar-bg,
.sfm-theme-bottom .sfm-sidebar-bg{
width: 450px;
}
/* Pos left */
.sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: translate3d(-225px,0,0) skewX(-12.05deg);
transform: translate3d(-225px,0,0) skewX(-12.05deg);
}
.sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: translate3d(-450px,0,0) skewX(12.05deg);
transform: translate3d(-225px,0,0) skewX(12.05deg);
}
/* Pos right */
.sfm-pos-right .sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: translate3d(-0px,0,0) skewX(12.05deg);
transform: translate3d(-0px,0,0) skewX(12.05deg);
}
.sfm-pos-right .sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: translate3d(-0px,0,0) skewX(-12.05deg);
transform: translate3d(-0px,0,0) skewX(-12.05deg);
}
/* exposed */
.sfm-sidebar-exposed.sfm-theme-top .sfm-sidebar-bg,
.sfm-sidebar-always .sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: translate3d(-75px,0,0) skewX(-12.05deg);
transform: translate3d(-75px,0,0) skewX(-12.05deg);
}
.sfm-pos-right .sfm-sidebar-exposed.sfm-theme-top .sfm-sidebar-bg,
.sfm-pos-right .sfm-sidebar-always .sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: translate3d(-225px,0,0) skewX(12.05deg);
transform: translate3d(-112.5px,0,0) skewX(12.05deg);
}
.sfm-sidebar-exposed.sfm-theme-bottom .sfm-sidebar-bg,
.sfm-sidebar-always .sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: translate3d(-150px,0,0) skewX(12.05deg);
transform: translate3d(-150px,0,0) skewX(12.05deg);
}
.sfm-pos-right .sfm-sidebar-exposed.sfm-theme-bottom .sfm-sidebar-bg,
.sfm-pos-right .sfm-sidebar-always .sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: translate3d(-150px,0,0) skewX(-12.05deg);
transform: translate3d(-150px,0,0) skewX(-12.05deg);
}
/* Always visible */
.sfm-sidebar-always.sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: skewX(-12.05deg);
transform: skewX(-12.05deg);
}
.sfm-pos-right .sfm-sidebar-always.sfm-theme-top .sfm-sidebar-bg{
-webkit-transform: skewX(12.05deg);
transform: skewX(12.05deg);
}
.sfm-sidebar-always.sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: skewX(-160.65deg);
transform: skewX(-160.65deg);
}
.sfm-pos-right .sfm-sidebar-always.sfm-theme-bottom .sfm-sidebar-bg{
-webkit-transform: skewX(160.65deg);
transform: skewX(160.65deg);
}
.sfm-navicon,
.sfm-navicon:after,
.sfm-navicon:before,
.sfm-label-metro .sfm-navicon-button,
#sfm-mob-navbar {
background-color: #ffffff;
}
.sfm-label-metro .sfm-navicon,
#sfm-mob-navbar .sfm-navicon,
.sfm-label-metro .sfm-navicon:after,
#sfm-mob-navbar .sfm-navicon:after,
.sfm-label-metro .sfm-navicon:before,
#sfm-mob-navbar .sfm-navicon:before {
background-color: #cd5b1c;
}
.sfm-navicon-button .sf_label_icon{
color: #cd5b1c;
}
.sfm-label-square .sfm-navicon-button,
.sfm-label-rsquare .sfm-navicon-button,
.sfm-label-circle .sfm-navicon-button {
color: #ffffff;
}
.sfm-navicon-button .sf_label_icon{
width: 53px;
height: 53px;
font-size: calc(53px * .6);
}
.sfm-navicon-button .sf_label_icon.la_icon_manager_custom{
width: 53px;
height: 53px;
}
.sfm-navicon-button.sf_label_default{
width: 53px;
height: 53px;
}
#sfm-sidebar [class*="sfm-icon-"] {
color: #aaaaaa;
}
#sfm-sidebar .sfm-social li {
border-color: #aaaaaa;
}
#sfm-sidebar .sfm-social a:before {
color: #aaaaaa;
}
#sfm-sidebar .sfm-search-form {
background-color: rgba(255, 255, 255, 0.05);
}
#sfm-sidebar li:hover span[class*='fa-'] {
opacity: 1 !important;
}
</style>
<script>
;(function (){
var insertListener = function(event){
if (event.animationName == "bodyArrived") {
afterContentArrived();
}
}
var timer, _timer;
if (document.addEventListener && false) {
document.addEventListener("animationstart", insertListener, false); // standard + firefox
document.addEventListener("MSAnimationStart", insertListener, false); // IE
document.addEventListener("webkitAnimationStart", insertListener, false); // Chrome + Safari
} else {
timer = setInterval(function(){
if (document.body) { //
clearInterval(timer);
afterContentArrived();
}
},14);
}
function afterContentArrived() {
clearTimeout(_timer);
var htmlClss;
if ( window.jQuery && window.jQuery.Deferred ) { // additional check bc of Divi theme
htmlClss = document.getElementsByTagName('html')[0].className;
if (htmlClss.indexOf('sfm-pos') === -1) {
document.getElementsByTagName('html')[0].className = htmlClss + ' ' + window.SFM_classes;
}
jQuery('body').fadeIn();
jQuery(document).trigger('sfm_doc_body_arrived');
window.SFM_EVENT_DISPATCHED = true;
} else {
_timer = setTimeout(function(){
afterContentArrived();
},14);
}
}
})()
</script><script type="text/javascript">var SFM_template ="<div class=\"sfm-rollback sfm-color1 sfm-theme-none sfm-label-visible sfm-label-metro \" style=\"\">\n <div role='button' tabindex='0' aria-haspopup=\"true\" class='sfm-navicon-button x sf_label_default '><div class=\"sfm-navicon\"><\/div> <\/div>\n<\/div>\n<div id=\"sfm-sidebar\" style=\"opacity:0\" data-wp-menu-id=\"2\" class=\"sfm-theme-none sfm-hl-line sfm-indicators\">\n <div class=\"sfm-scroll-wrapper sfm-scroll-main\">\n <div class=\"sfm-scroll\">\n <div class=\"sfm-sidebar-close\"><\/div>\n <div class=\"sfm-logo\">\n <a href=\"https:\/\/clermont-auvergne-opera.com\">\n <img src=\"https:\/\/clermont-auvergne-opera.com\/wp-content\/uploads\/2024\/06\/logo2x.png\" alt=\"\">\n <\/a>\n <div class=\"sfm-title\"><\/div>\n <\/div>\n <nav class=\"sfm-nav\">\n <div class=\"sfm-va-middle\">\n <ul id=\"sfm-nav\" class=\"menu\"><li id=\"menu-item-349\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-349\"><a href=\"https:\/\/clermont-auvergne-opera.com\/actualites\">Actualit\u00e9s<\/a><\/li>\n<li id=\"menu-item-56\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-53 current_page_item menu-item-56\"><a href=\"https:\/\/clermont-auvergne-opera.com\/\" aria-current=\"page\">C\u00f4t\u00e9 <br>Sc\u00e8ne<\/a><\/li>\n<li id=\"menu-item-229\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-229\"><a href=\"https:\/\/clermont-auvergne-opera.com\/cote-billetterie\/\">C\u00f4t\u00e9 billetterie<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-233\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-233\"><a href=\"\/infos-billetterie\/#abonnement\">Abonnement<\/a><\/li>\n\t<li id=\"menu-item-234\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-234\"><a href=\"\/infos-billetterie\/#billet-unite\">Billet unit\u00e9<\/a><\/li>\n\t<li id=\"menu-item-243\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-243\"><a href=\"\/infos-billetterie\/#mecenes\">M\u00e9c\u00e8nes<\/a><\/li>\n\t<li id=\"menu-item-244\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-244\"><a href=\"\/infos-billetterie\/#bon-cadeau\">Carte Cadeau<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-253\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-253\"><a href=\"https:\/\/clermont-auvergne-opera.com\/cote-pratique\/\">C\u00f4t\u00e9 Pratique<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-2122\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2122\"><a href=\"https:\/\/clermont-auvergne-opera.com\/brochure-2024-2025\/\">Programme<\/a><\/li>\n\t<li id=\"menu-item-305\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-305\"><a href=\"\/infos-pratiques\/#tarifs\">Tarifs<\/a><\/li>\n\t<li id=\"menu-item-2685\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2685\"><a href=\"\/infos-pratiques\/#venir\">Venir \u00e0 l’Op\u00e9ra<\/a><\/li>\n\t<li id=\"menu-item-346\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-346\"><a href=\"\/infos-pratiques\/#plans\">Plan<\/a><\/li>\n\t<li id=\"menu-item-306\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-306\"><a href=\"\/infos-pratiques\/#qui-sommes-nous\">Qui sommes-nous ?<\/a><\/li>\n\t<li id=\"menu-item-307\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-307\"><a href=\"\/infos-pratiques\/#nous-contacter\">Nous contacter<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-858\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-858\"><a href=\"#\">C\u00f4t\u00e9 <br>publics<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-1620\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1620\"><a href=\"https:\/\/clermont-auvergne-opera.com\/en-temps-scolaire\/\">En temps scolaire<\/a><\/li>\n\t<li id=\"menu-item-1593\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1593\"><a href=\"https:\/\/clermont-auvergne-opera.com\/lopera-en-famille\/\">L\u2019Op\u00e9ra en famille<\/a><\/li>\n\t<li id=\"menu-item-1563\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1563\"><a href=\"https:\/\/clermont-auvergne-opera.com\/les-jeunes-a-lopera\/\">Les jeunes \u00e0 l\u2019Op\u00e9ra<\/a><\/li>\n\t<li id=\"menu-item-1598\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1598\"><a href=\"https:\/\/clermont-auvergne-opera.com\/hors-les-murs\/\">Hors les murs<\/a><\/li>\n\t<li id=\"menu-item-1547\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1547\"><a href=\"https:\/\/clermont-auvergne-opera.com\/rencontres\/\">Rencontres<\/a><\/li>\n\t<li id=\"menu-item-860\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-860\"><a href=\"https:\/\/clermont-auvergne-opera.com\/accessibilite\/\">Accessibilit\u00e9<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-863\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-863\"><a href=\"#\">Maison Op\u00e9ra<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-864\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-864\"><a href=\"https:\/\/clermont-auvergne-opera.com\/projet-artistique\/\">Projet artistique<\/a><\/li>\n\t<li id=\"menu-item-865\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-865\"><a href=\"https:\/\/clermont-auvergne-opera.com\/histoire\/\">Histoire<\/a><\/li>\n\t<li id=\"menu-item-2556\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2556\"><a href=\"https:\/\/clermont-auvergne-opera.com\/infos-billetterie\/#mecenes\">Nous soutenir<\/a><\/li>\n\t<li id=\"menu-item-867\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-867\"><a href=\"https:\/\/clermont-auvergne-opera.com\/partenaires-et-mecenes\/\">Partenaires et m\u00e9c\u00e8nes<\/a><\/li>\n\t<li id=\"menu-item-868\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-868\"><a href=\"https:\/\/clermont-auvergne-opera.com\/nos-productions\/\">Nos productions en tourn\u00e9e<\/a><\/li>\n\t<li id=\"menu-item-1475\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1475\"><a href=\"https:\/\/clermont-auvergne-opera.com\/presse\/\">Presse<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-2159\" class=\"menu-item menu-item-type-post_type menu-item-object-actualite menu-item-2159\"><a href=\"https:\/\/clermont-auvergne-opera.com\/actualite\/gazette-entracte\/\">Gazette Entracte<\/a><\/li>\n<\/ul> <div class=\"sfm-widget-area\"><\/div>\n <\/div>\n <\/nav>\n <ul class=\"sfm-social sfm-social-icons\"><\/ul>\n <\/div>\n <\/div>\n <div class=\"sfm-sidebar-bg\">\n <!-- eg. https:\/\/www.youtube.com\/watch?v=AgI7OcZ9g60 or https:\/\/www.youtube.com\/watch?v=gU10ALRQ0ww -->\n <\/div>\n <div class=\"sfm-view sfm-view-level-custom\">\n <span class=\"sfm-close\"><\/span>\n <\/div>\n<\/div>\n<div id=\"sfm-overlay-wrapper\"><div id=\"sfm-overlay\"><\/div><div class=\"sfm-nav-bg_item -top\"><\/div><div class=\"sfm-nav-bg_item -bottom\"><\/div><\/div>"</script><meta name="generator" content="Powered by Slider Revolution 6.7.20 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface.">
<script>function setREVStartSize(e){
//window.requestAnimationFrame(function() {
window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
try {
var pw = document.getElementById(e.c).parentNode.offsetWidth,
newh;
pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
if(e.layout==="fullscreen" || e.l==="fullscreen")
newh = Math.max(e.mh,window.RSIH);
else{
e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
var nl = new Array(e.rl.length),
ix = 0,
sl;
e.tabw = e.tabhide>=pw ? 0 : e.tabw;
e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
e.tabh = e.tabhide>=pw ? 0 : e.tabh;
e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
sl = nl[0];
for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
newh = (e.gh[ix] * m) + (e.tabh + e.thumbh);
}
var el = document.getElementById(e.c);
if (el!==null && el) el.style.height = newh+"px";
el = document.getElementById(e.c+"_wrapper");
if (el!==null && el) {
el.style.height = newh+"px";
el.style.display = "block";
}
} catch(e){
console.log("Failure at Presize of Slider:" + e)
}
//});
};</script>
<style type="text/css">/** Mega Menu CSS: fs **/</style>
<header id="masthead" class="site-header" role="banner">
<div id="lesliensbill" class="billhead">
<!-- <a href="https://abo.themisweb.fr/0505/Home/505/fr" target="_blank">Abonnement en ligne</a> -->
<a href="https://indiv.themisweb.fr/0505/home.aspx?idstructure=0505" target="_blank">Billetterie en ligne</a>
<a href="https://indiv.themisweb.fr/0505/boutiqueproduitdetail.aspx?idstructure=0505&pid=5050004" target="_blank">Carte <br>cadeau</a>
<a href="https://indiv.themisweb.fr/0505/fProduitAutonome.aspx?idstructure=0505" target="_blank">Mécénat <br>en ligne</a>
</div>
<div id="lehead">
<hgroup>
<h1 class="site-title"><a href="https://clermont-auvergne-opera.com/" title="Clermont Auvergne Opéra" rel="home">
<img src="https://clermont-auvergne-opera.com/wp-content/themes/centrelyrique/ims20/logo.png" title="Clermont Auvergne Opéra" alt="Clermont Auvergne Opéra">
</a></h1>
</hgroup>
<nav id="site-navigation" class="main-navigation" role="navigation">
<div id="mega-menu-wrap-primary" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class="mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0" id="mega-toggle-block-0"><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false">
<span class="mega-toggle-animated-box">
<span class="mega-toggle-animated-inner"></span>
</span>
</button></div></div></div><ul id="mega-menu-primary" class="mega-menu max-mega-menu mega-menu-horizontal" data-event="hover" data-effect="slide" data-effect-speed="400" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="768" data-unbind="true" data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-align-bottom-left mega-menu-flyout mega-menu-item-349" id="mega-menu-item-349"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/actualites" tabindex="0">Actualités</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-home mega-current-menu-item mega-page_item mega-page-item-53 mega-current_page_item mega-align-bottom-left mega-menu-flyout mega-menu-item-56" id="mega-menu-item-56"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/" aria-current="page" tabindex="0">Côté <br>Scène</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-229" id="mega-menu-item-229"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/cote-billetterie/" aria-haspopup="true" aria-expanded="false" tabindex="0">Côté billetterie<span class="mega-indicator" data-has-click-event="true"></span></a>
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-233" id="mega-menu-item-233"><a class="mega-menu-link" href="/infos-billetterie/#abonnement">Abonnement</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-234" id="mega-menu-item-234"><a class="mega-menu-link" href="/infos-billetterie/#billet-unite">Billet unité</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-243" id="mega-menu-item-243"><a class="mega-menu-link" href="/infos-billetterie/#mecenes">Mécènes</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-244" id="mega-menu-item-244"><a class="mega-menu-link" href="/infos-billetterie/#bon-cadeau">Carte Cadeau</a></li></ul>
</li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-253" id="mega-menu-item-253"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/cote-pratique/" aria-haspopup="true" aria-expanded="false" tabindex="0">Côté Pratique<span class="mega-indicator" data-has-click-event="true"></span></a>
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-2122" id="mega-menu-item-2122"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/brochure-2024-2025/">Programme</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-305" id="mega-menu-item-305"><a class="mega-menu-link" href="/infos-pratiques/#tarifs">Tarifs</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-2685" id="mega-menu-item-2685"><a class="mega-menu-link" href="/infos-pratiques/#venir">Venir à l'Opéra</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-346" id="mega-menu-item-346"><a class="mega-menu-link" href="/infos-pratiques/#plans">Plan</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-306" id="mega-menu-item-306"><a class="mega-menu-link" href="/infos-pratiques/#qui-sommes-nous">Qui sommes-nous ?</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-307" id="mega-menu-item-307"><a class="mega-menu-link" href="/infos-pratiques/#nous-contacter">Nous contacter</a></li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-858" id="mega-menu-item-858"><a class="mega-menu-link" href="#" aria-haspopup="true" aria-expanded="false" tabindex="0">Côté <br>publics<span class="mega-indicator" data-has-click-event="true"></span></a>
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1620" id="mega-menu-item-1620"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/en-temps-scolaire/">En temps scolaire</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1593" id="mega-menu-item-1593"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/lopera-en-famille/">L’Opéra en famille</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1563" id="mega-menu-item-1563"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/les-jeunes-a-lopera/">Les jeunes à l’Opéra</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1598" id="mega-menu-item-1598"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/hors-les-murs/">Hors les murs</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1547" id="mega-menu-item-1547"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/rencontres/">Rencontres</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-860" id="mega-menu-item-860"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/accessibilite/">Accessibilité</a></li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-863" id="mega-menu-item-863"><a class="mega-menu-link" href="#" aria-haspopup="true" aria-expanded="false" tabindex="0">Maison Opéra<span class="mega-indicator" data-has-click-event="true"></span></a>
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-864" id="mega-menu-item-864"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/projet-artistique/">Projet artistique</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-865" id="mega-menu-item-865"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/histoire/">Histoire</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-2556" id="mega-menu-item-2556"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/infos-billetterie/#mecenes">Nous soutenir</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-867" id="mega-menu-item-867"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/partenaires-et-mecenes/">Partenaires et mécènes</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-868" id="mega-menu-item-868"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/nos-productions/">Nos productions en tournée</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-1475" id="mega-menu-item-1475"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/presse/">Presse</a></li></ul>
</li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-actualite mega-align-bottom-left mega-menu-flyout mega-menu-item-2159" id="mega-menu-item-2159"><a class="mega-menu-link" href="https://clermont-auvergne-opera.com/actualite/gazette-entracte/" tabindex="0">Gazette Entracte</a></li></ul></div> </nav><!-- #site-navigation -->
</div>
</header><!-- #masthead -->
<div id="page" class="hfeed site">
<div id="main" class="wrapper">
<div id="primary" class="site-content">
<div id="content" role="main">
<header class="entry-header" style="background-image: url('https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/visuel-generique-page-saison-3.jpg')">
<h1 class="entry-title">Saison 24-25</h1>
</header>
<article id="post-53" class="post-53 page type-page status-publish has-post-thumbnail hentry">
<div class="entry-content">
<div class="filters">
<div class="sticky-element-placeholder" style="width:0; height:0; margin:0; padding:0; visibility:hidden;"></div><div id="lesfiltres" class="sticky-element-original element-is-not-sticky sticky-element-active" style="">
<div class="ui-group"><!-- PREMIER CRITERE DE SELECTION: JOUR -->
<div class="button-group js-radio-button-group" data-filter-group="styles">
<button class="button is-checked" data-filter="">Tous</button>
<div class="sep">/</div><button class="button" data-filter=".carte-blanche-au-conservatoire">Carte blanche au Conservatoire</button>
<div class="sep">/</div><button class="button" data-filter=".concours">Concours</button>
<div class="sep">/</div><button class="button" data-filter=".famille">Famille</button>
<div class="sep">/</div><button class="button" data-filter=".jeune-public">Jeune Public</button>
<div class="sep">/</div><button class="button" data-filter=".masterclass">Masterclass</button>
<div class="sep">/</div><button class="button" data-filter=".opera">Opéra</button>
<div class="sep">/</div><button class="button" data-filter=".operette">Opérette</button>
<div class="sep">/</div><button class="button" data-filter=".portes-ouvertes">Portes ouvertes</button>
<div class="sep">/</div><button class="button" data-filter=".recital">Récital</button>
<div class="sep">/</div><button class="button" data-filter=".spectacle-lyrique">Spectacle Lyrique</button>
<div class="sep">/</div><button class="button" data-filter=".theatre-musical">Spectacle musical</button>
</div>
</div>
<div class="ui-group">
<div class="button-group js-radio-button-group" data-filter-group="parcours">
<button class="button is-checked" data-filter="">Tous les mois</button>
<div class="sep">/</div><button class="button" data-filter=".juin">JUIN</button>
<div class="sep">/</div><button class="button" data-filter=".oct">OCTOBRE</button>
<div class="sep">/</div><button class="button" data-filter=".nov">NOVEMBRE</button>
<div class="sep">/</div><button class="button" data-filter=".dec">DÉCEMBRE</button>
<div class="sep">/</div><button class="button" data-filter=".jan">JANVIER</button>
<div class="sep">/</div><button class="button" data-filter=".fev">FÉVRIER</button>
<div class="sep">/</div><button class="button" data-filter=".mar">MARS</button>
<div class="sep">/</div><button class="button" data-filter=".avr">AVRIL</button>
<div class="sep">/</div><button class="button" data-filter=".mai">MAI</button>
</div>
</div>
</div>
<div class="grid" style="position: relative; height: 4705.45px;">
<div class="item carte-blanche-au-conservatoire nov lespec" style="position: absolute; left: 0px; top: 0px;">
<a href="https://clermont-auvergne-opera.com/evenement/cendrillon/" title="Cendrillon">
<div id="blochautagenda">
<div class="typagenda">Carte blanche au Conservatoire</div>
<div id="dateagenda">Mer. 20 NOVEMBRE 2024</div>
<div class="lieu">Foyer de l'Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/images-fiches-artistes-24-25-generique-1-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" fetchpriority="high"> <div id="contspec"> Cendrillon</div>
</div>
</a>
</div>
<div class="item masterclass dec lespec" style="position: absolute; left: 370px; top: 0px;">
<a href="https://clermont-auvergne-opera.com/evenement/vive-loperette/" title="Vive l’opérette !">
<div id="blochautagenda">
<div class="typagenda">Masterclass</div>
<div id="dateagenda">Mer. 04 DÉCEMBRE 2024</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/images-fiches-artistes-24-25-generique-1-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async"> <div id="contspec"> Vive l’opérette !</div>
</div>
</a>
</div>
<div class="item theatre-musical dec lespec" style="position: absolute; left: 0px; top: 522.828px;">
<a href="https://clermont-auvergne-opera.com/evenement/soyons-pas-trop-serieux/" title="Soyons (pas trop) sérieux !">
<div id="blochautagenda">
<div class="typagenda">Spectacle musical</div>
<div id="dateagenda">Ven. 06 DÉCEMBRE 2024</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/syons-pas-trop-serieux-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/syons-pas-trop-serieux-passive-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/syons-pas-trop-serieux-passive-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/syons-pas-trop-serieux-passive-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Soyons (pas trop) sérieux !</div>
</div>
</a>
</div>
<div class="item spectacle-lyrique jan lespec" style="position: absolute; left: 370px; top: 522.828px;">
<a href="https://clermont-auvergne-opera.com/evenement/medee-et-jason/" title="Médée et Jason">
<div id="blochautagenda">
<div class="typagenda">Spectacle Lyrique</div>
<div id="dateagenda">Sam. 11 JANVIER 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/medee-et-jason-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/medee-et-jason-a-la-une-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/medee-et-jason-a-la-une-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/medee-et-jason-a-la-une-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Médée et Jason</div>
</div>
</a>
</div>
<div class="item opera fev lespec" style="position: absolute; left: 0px; top: 1045.66px;">
<a href="https://clermont-auvergne-opera.com/evenement/il-trovatore/" title="Il Trovatore">
<div id="blochautagenda">
<div class="typagenda">Opéra</div>
<div id="dateagenda">Ven. 31 JAN & Sam. 1er FÉV </div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/il-trovatore-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/il-trovatore-a-la-une-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/il-trovatore-a-la-une-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/il-trovatore-a-la-une-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Il Trovatore</div>
</div>
</a>
</div>
<div class="item recital fev lespec" style="position: absolute; left: 370px; top: 1045.66px;">
<a href="https://clermont-auvergne-opera.com/evenement/lame-slave/" title="L’âme slave">
<div id="blochautagenda">
<div class="typagenda">Récital</div>
<div id="dateagenda">Sam. 08 FÉVRIER 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/ame-slave-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/ame-slave-a-la-une-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/ame-slave-a-la-une-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/ame-slave-a-la-une-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> L’âme slave</div>
</div>
</a>
</div>
<div class="item jeune-public fev lespec" style="position: absolute; left: 0px; top: 1568.48px;">
<a href="https://clermont-auvergne-opera.com/evenement/le-petit-barbier/" title="Le Petit Barbier">
<div id="blochautagenda">
<div class="typagenda">Jeune Public</div>
<div id="dateagenda">Ven. 21 FÉVRIER 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/petit-barbier-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/petit-barbier-a-la-une-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/petit-barbier-a-la-une-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/petit-barbier-a-la-une-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Le Petit Barbier</div>
</div>
</a>
</div>
<div class="item recital mar lespec" style="position: absolute; left: 370px; top: 1568.48px;">
<a href="https://clermont-auvergne-opera.com/evenement/recital-natalie-dessay-philippe-cassard-oiseaux-de-passage/" title="Natalie Dessay & Philippe Cassard">
<div id="blochautagenda">
<div class="typagenda">Récital</div>
<div id="dateagenda">Ven. 21 MARS 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/oiseau-de-passage-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/oiseau-de-passage-a-la-une-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/oiseau-de-passage-a-la-une-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/oiseau-de-passage-a-la-une-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Natalie Dessay <br>& Philippe Cassard</div>
</div>
</a>
</div>
<div class="item jeune-public mar lespec" style="position: absolute; left: 0px; top: 2091.31px;">
<a href="https://clermont-auvergne-opera.com/evenement/mes-petits-operas/" title="Mes Petits Opéras">
<div id="blochautagenda">
<div class="typagenda">Jeune Public</div>
<div id="dateagenda">Mer. 26 MARS 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/mes-petits-operas-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/mes-petits-operas-mise-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/mes-petits-operas-mise-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/mes-petits-operas-mise-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Mes Petits Opéras</div>
</div>
</a>
</div>
<div class="item opera mar lespec" style="position: absolute; left: 370px; top: 2091.31px;">
<a href="https://clermont-auvergne-opera.com/evenement/tosca/" title="Tosca">
<div id="blochautagenda">
<div class="typagenda">Opéra</div>
<div id="dateagenda">Dim. 30 MARS 2025 - 15h</div>
<div class="lieu">Opéra de Vichy</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/09/tosca-agenda-actif-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/09/tosca-agenda-passif-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/09/tosca-agenda-passif-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/09/tosca-agenda-passif-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Tosca</div>
</div>
</a>
</div>
<div class="item concours avr lespec" style="position: absolute; left: 0px; top: 2614.14px;">
<a href="https://clermont-auvergne-opera.com/evenement/28eme-concours-international-de-chant-de-clermont-ferrand/" title="28ème Concours International de Chant de Clermont-Ferrand">
<div id="blochautagenda">
<div class="typagenda">Concours</div>
<div id="dateagenda">Du 08 au 12 AVRIL 2025 </div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/concours-de-chant-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/concours-de-chant-mise-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/concours-de-chant-mise-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/concours-de-chant-mise-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> 28ème <br>Concours International <br>de Chant de <br>Clermont-Ferrand</div>
</div>
</a>
</div>
<div class="item opera avr lespec" style="position: absolute; left: 370px; top: 2614.14px;">
<a href="https://clermont-auvergne-opera.com/evenement/letoffe-inepuisable-du-reve/" title="L’Étoffe inépuisable du rêve">
<div id="blochautagenda">
<div class="typagenda">Opéra</div>
<div id="dateagenda">Jeu. 17 AVRIL 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/etoffe-inepuisable-du-reve-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/etoffe-inepuisable-du-reve-mise-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/etoffe-inepuisable-du-reve-mise-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/etoffe-inepuisable-du-reve-mise-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> L’Étoffe inépuisable du rêve</div>
</div>
</a>
</div>
<div class="item portes-ouvertes mai lespec" style="position: absolute; left: 0px; top: 3136.97px;">
<a href="https://clermont-auvergne-opera.com/evenement/tous-a-lopera-2/" title="Tous à l’Opéra">
<div id="blochautagenda">
<div class="typagenda">Portes ouvertes</div>
<div id="dateagenda">Sam. 10 MAI 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/tous-a-lopera-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/tous-a-lopera-mise-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/tous-a-lopera-mise-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/tous-a-lopera-mise-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Tous à l’Opéra</div>
</div>
</a>
</div>
<div class="item opera mai lespec" style="position: absolute; left: 370px; top: 3136.97px;">
<a href="https://clermont-auvergne-opera.com/evenement/acis-galatea/" title="Acis & Galatea">
<div id="blochautagenda">
<div class="typagenda">Opéra</div>
<div id="dateagenda">Mar. 13 MAI 2025</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/acis-galatea-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/acis-galatea-mise-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/acis-galatea-mise-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/acis-galatea-mise-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Acis & Galatea</div>
</div>
</a>
</div>
<div class="item operette mai lespec" style="position: absolute; left: 0px; top: 3659.8px;">
<a href="https://clermont-auvergne-opera.com/evenement/coups-de-roulis/" title="Coups de roulis">
<div id="blochautagenda">
<div class="typagenda">Opérette</div>
<div id="dateagenda">Dim. 25 MAI 2025</div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/coups-de-roulis-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/coups-de-roulis-en-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/coups-de-roulis-en-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/coups-de-roulis-en-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Coups de roulis</div>
</div>
</a>
</div>
<div class="item famille mai lespec" style="position: absolute; left: 370px; top: 3659.8px;">
<a href="https://clermont-auvergne-opera.com/evenement/canto-lopera/" title="Canto l’Opéra">
<div id="blochautagenda">
<div class="typagenda">Famille</div>
<div id="dateagenda">Sam. 31 MAI 2025</div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-2-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-2-p-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-2-p-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-2-p-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Canto l’Opéra</div>
</div>
</a>
</div>
<div class="item famille juin lespec" style="position: absolute; left: 0px; top: 4182.62px;">
<a href="https://clermont-auvergne-opera.com/evenement/graines-dopera-un-poirier-ma-dit/" title="Graines d’Opéra Un poirier m’a dit">
<div id="blochautagenda">
<div class="typagenda">Famille</div>
<div id="dateagenda">Sam. 14 JUIN 2025</div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/un-poirier-ma-dit-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/un-poirier-ma-dit-an-avant-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/un-poirier-ma-dit-an-avant-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/un-poirier-ma-dit-an-avant-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Graines d’Opéra <br> Un poirier m’a dit</div>
</div>
</a>
</div>
</div><!-- .entry-content -->
<div id="evtspasses">
<h1 class="intitpage">Événements passés </h1>
<div class="grid" style="position: relative; height: 1045.66px;">
<div class="item recital nov lespec" style="position: absolute; left: 0px; top: 0px;">
<a href="https://clermont-auvergne-opera.com/evenement/recital-veronique-gens-susan-manoff/" title="Véronique Gens & Susan Manoff">
<div id="blochautagenda">
<div class="typagenda">Récital</div>
<div id="dateagenda">Jeu. 07 NOVEMBRE 2024</div>
<div class="lieu">Opéra-Théâtre </div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/recitalgens-manoff-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/recitalgens-manoff-passive-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/recitalgens-manoff-passive-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/recitalgens-manoff-passive-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Véronique Gens <br>& Susan Manoff</div>
</div>
</a>
</div>
<div class="item opera oct lespec" style="position: absolute; left: 370px; top: 0px;">
<a href="https://clermont-auvergne-opera.com/evenement/la-belle-helene/" title="La Belle Hélène">
<div id="blochautagenda">
<div class="typagenda">Opéra</div>
<div id="dateagenda">Sam. 12 & Dim. 13 OCT 2024</div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/la-belle-helene-active-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/la-belle-helene-passive-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/la-belle-helene-passive-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/05/la-belle-helene-passive-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> La Belle Hélène</div>
</div>
</a>
</div>
<div class="item famille juin lespec" style="position: absolute; left: 0px; top: 522.828px;">
<a href="https://clermont-auvergne-opera.com/evenement/graines-dopera-la-controverse-de-karakorum-2/" title="Graines d’Opéra La Controverse de Karakorum">
<div id="blochautagenda">
<div class="typagenda">Famille</div>
<div id="dateagenda">Sam. 08 JUIN 2024</div>
<div class="lieu">Opéra-Théâtre</div> </div>
<div id="imagespec" style="background:url(https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-620x720.jpg);">
<img width="620" height="720" src="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-p-620x720.jpg" class="attachment-vignetteactu size-vignetteactu wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-p-620x720.jpg 620w, https://clermont-auvergne-opera.com/wp-content/uploads/2024/06/vignette-generique-1-p-100x115.jpg 100w" sizes="(max-width: 620px) 100vw, 620px"> <div id="contspec"> Graines d’Opéra <br>La Controverse <br>de Karakorum</div>
</div>
</a>
</div>
</div></div></div></div></article><!-- #post -->
<script>
// external js: isotope.pkgd.js
// init Isotope
var $grid = $('.grid').isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});
// la partie imageloaded
$grid.imagesLoaded().progress( function() {
$grid.isotope('layout');
});
// store filter for each group
var filters = {};
$('.filters').on( 'click', '.button', function( event ) {
var $button = $( event.currentTarget );
// get group key
var $buttonGroup = $button.parents('.button-group');
var filterGroup = $buttonGroup.attr('data-filter-group');
// set filter for group
filters[ filterGroup ] = $button.attr('data-filter');
// combine filters
var filterValue = concatValues( filters );
// set filter for Isotope
$grid.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( 'click', 'button', function( event ) {
$buttonGroup.find('.is-checked').removeClass('is-checked');
var $button = $( event.currentTarget );
$button.addClass('is-checked');
});
});
// flatten object by concatting values
function concatValues( obj ) {
var value = '';
for ( var prop in obj ) {
value += obj[ prop ];
}
return value;
}
</script>
</div><!-- #content -->
</div><!-- #primary -->
</div><!-- #main .wrapper -->
</div><!-- #page -->
<footer id="colophon" role="contentinfo">
<div class="site-info">
<div id="lignegrisefoot">
<div id="contlignegrisefoot">
<div class="colfoot"><b>Clermont Auvergne Opéra</b>
<span>
Bureaux et accueil billetterie<br>
10 Rue du Bon Pasteur<br>63000 Clermont-Ferrand<br>
Tél : <a href="tel:0473292344">04 73 29 23 44</a><br>
[email protected]</span>
</div>
<div class="colfoot"><a href="https://landing.mailerlite.com/webforms/landing/g5d1i8" target="_blank">S'inscrire à la newsletter <i class="far fa-envelope"></i></a></div>
<div class="colfoot"><!-- <a href="#">Télécharger la brochure de saison <i class="fas fa-book-open"></i></a> -->Nous suivre sur <a href="https://www.facebook.com/clermontauvergneopera" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.instagram.com/clermontauvergneopera/?hl=fr" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UCj8ALV9dpD3kOtqZxd7JWbA" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://vimeo.com/clermontauvergneopera" target="_blank"><i class="fab fa-vimeo-v"></i></a></div>
</div>
</div>
<div id="lignerougefoot">
<div class="menu-pied-de-page-container"><ul id="menu-pied-de-page" class="my-footer-menu"><li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://clermont-auvergne-opera.com/presse/">Presse</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://clermont-auvergne-opera.com/enseignants/">Enseignants</a></li>
<li id="menu-item-917" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-917"><a href="https://clermont-auvergne-opera.com/infos-billetterie/#mecenes">Mécènes</a></li>
</ul></div> </div>
<div id="lignebasfoot">
<a href="/mentions-legales/">Mentions légales</a>
<div id="copyright">© Clermont Auvergne Opéra 2024</div>
</div>
</div><!-- .site-info -->
</footer><!-- #colophon -->
<script>AOS.init({
duration: 1200,
disable: 'mobile'
})</script>
<script>
window.RS_MODULES = window.RS_MODULES || {};
window.RS_MODULES.modules = window.RS_MODULES.modules || {};
window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
window.RS_MODULES.defered = true;
window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
window.RS_MODULES.type = 'compiled';
</script>
<!--copyscapeskip-->
<aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="Bannière de cookies GDPR" style="display: none;">
<div class="moove-gdpr-info-bar-container">
<div class="moove-gdpr-info-bar-content">
<div class="moove-gdpr-cookie-notice">
<p>Nous utilisons des cookies pour vous offrir la meilleure expérience sur notre site.<br>
<button data-href="#moove_gdpr_cookie_modal" class="change-settings-button">En savoir plus</button></p>
</div>
<!-- .moove-gdpr-cookie-notice -->
<div class="moove-gdpr-button-holder">
<button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="OK">OK</button>
<button class="mgbutton moove-gdpr-infobar-reject-btn gdpr-fbo-1 " aria-label="Rejeter">Rejeter</button>
</div>
<!-- .button-container --> </div>
<!-- moove-gdpr-info-bar-content -->
</div>
<!-- moove-gdpr-info-bar-container -->
</aside>
<!-- #moove_gdpr_cookie_info_bar -->
<!--/copyscapeskip-->
<!-- <link rel='stylesheet' id='rs-plugin-settings-css' href='//clermont-auvergne-opera.com/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.20' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//clermont-auvergne-opera.com/wp-content/cache/wpfc-minified/mly603t0/21fix.css" media="all">
<style id="rs-plugin-settings-inline-css" type="text/css">
#rs-demo-id {}
</style>
<script type="text/javascript" src="//clermont-auvergne-opera.com/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.20" defer="" async="" id="tp-tools-js"></script>
<script type="text/javascript" src="//clermont-auvergne-opera.com/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=6.7.20" defer="" async="" id="revmin-js"></script>
<script type="text/javascript" id="stickThis-js-extra">
/* <![CDATA[ */
var sticky_anything_engage = {"element":"#lesfiltres","topspace":"70","minscreenwidth":"650","maxscreenwidth":"999999","zindex":"1","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js?ver=2.1.1" id="stickThis-js"></script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/wp_logooos_plugin/js/helper-plugins/jquery.touchSwipe.min.js" id="bth_touchSwipe-js"></script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/wp_logooos_plugin/js/jquery.carouFredSel-6.2.1.js" id="bth_carouFredSel-js"></script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/wp_logooos_plugin/js/logos.js" id="logooos_script-js"></script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/themes/twentytwelve/js/navigation.js?ver=20141205" id="twentytwelve-navigation-js"></script>
<script type="text/javascript" id="moove_gdpr_frontend-js-extra">
/* <![CDATA[ */
var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/clermont-auvergne-opera.com\/wp-admin\/admin-ajax.php","post_id":"53","plugin_dir":"https:\/\/clermont-auvergne-opera.com\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"1","ajax_cookie_removal":"false","strict_init":"3","enabled_default":{"third_party":1,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"<!-- Global site tag (gtag.js) - Google Analytics --><script data-gdpr async src=\\\"https:\\\/\\\/www.googletagmanager.com\\\/gtag\\\/js?id=G-6LK3XNPRSK\\\"><\\\/script><script data-gdpr>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-6LK3XNPRSK');<\\\/script>\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":"","wp_consent_api":"false"};
/* ]]> */
</script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.15.5" id="moove_gdpr_frontend-js"></script>
<script type="text/javascript" id="moove_gdpr_frontend-js-after">
/* <![CDATA[ */
var gdpr_consent__strict = "true"
var gdpr_consent__thirdparty = "true"
var gdpr_consent__advanced = "false"
var gdpr_consent__cookies = "strict|thirdparty"
/* ]]> */
</script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="megamenu-js-extra">
/* <![CDATA[ */
var megamenu = {"timeout":"300","interval":"100"};
/* ]]> */
</script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.3.1.2" id="megamenu-js"></script>
<script type="text/javascript" src="https://clermont-auvergne-opera.com/wp-content/plugins/retina-2x/retina.js?ver=6.6.2" id="the_js-js"></script>
<!--copyscapeskip-->
<!-- V1 -->
<div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="Écran des réglages GDPR">
<div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1">
<button class="moove-gdpr-modal-close" aria-label="Fermer les réglages des cookies GDPR">
<span class="gdpr-sr-only">Fermer les réglages des cookies GDPR</span>
<span class="gdpr-icon moovegdpr-arrow-close"></span>
</button>
<div class="moove-gdpr-modal-left-content">
<div class="moove-gdpr-company-logo-holder">
<img src="https://clermont-auvergne-opera.com/wp-content/uploads/2020/05/logoopera-300x105.png" alt="" width="300" height="105" class="img-responsive">
</div>
<!-- .moove-gdpr-company-logo-holder --> <ul id="moove-gdpr-menu">
<li class="menu-item-on menu-item-privacy_overview menu-item-selected">
<button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Résumé de la politique de confidentialité">
<span class="gdpr-nav-tab-title">Résumé de la politique de confidentialité</span>
</button>
</li>
<li class="menu-item-off menu-item-third_party_cookies">
<button data-href="#third_party_cookies" class="moove-gdpr-tab-nav" aria-label="Google Analytics">
<span class="gdpr-nav-tab-title">Google Analytics</span>
</button>
</li>
</ul>
<div class="moove-gdpr-branding-cnt">
</div>
<!-- .moove-gdpr-branding --> </div>
<!-- .moove-gdpr-modal-left-content -->
<div class="moove-gdpr-modal-right-content">
<div class="moove-gdpr-modal-title">
</div>
<!-- .moove-gdpr-modal-ritle -->
<div class="main-modal-content">
<div class="moove-gdpr-tab-content">
<div id="privacy_overview" class="moove-gdpr-tab-main">
<span class="tab-title">Résumé de la politique de confidentialité</span>
<div class="moove-gdpr-tab-main-content">
<p>Nous attachons une grande importance à la confidentialité et à l’intégrité de vos données à caractère personnel. C’est pourquoi nous traitons et utilisons vos données dans le respect du consentement que vous nous avez donné, et conformément à la réglementation en vigueur applicable en matière de protection des données à caractère personnel.<br>
Les informations relatives à la protection des données à caractère personnel décrites dans les paragraphes ci-après expliquent comment Clermont Auvergne Opéra collecte, traite et utilise les données à caractère personnel de ses contacts.</p>
</div>
<!-- .moove-gdpr-tab-main-content -->
</div>
<!-- #privacy_overview -->
<div id="third_party_cookies" class="moove-gdpr-tab-main" style="display:none">
<span class="tab-title">Google Analytics</span>
<div class="moove-gdpr-tab-main-content">
<p>Le recueil de ces données est strictement anonyme.</p>
<div class="moove-gdpr-status-bar">
<div class="gdpr-cc-form-wrap">
<div class="gdpr-cc-form-fieldset">
<label class="cookie-switch" for="moove_gdpr_performance_cookies">
<span class="gdpr-sr-only">Activer ou désactiver les cookies</span>
<input type="checkbox" aria-label="Google Analytics" value="check" name="moove_gdpr_performance_cookies" id="moove_gdpr_performance_cookies">
<span class="cookie-slider cookie-round" data-text-enable="Activé" data-text-disabled="Désactivé"></span>
</label>
</div>
<!-- .gdpr-cc-form-fieldset -->
</div>
<!-- .gdpr-cc-form-wrap -->
</div>
<!-- .moove-gdpr-status-bar -->
<div class="moove-gdpr-strict-secondary-warning-message" style="margin-top: 10px; display: none;">
<p>Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !</p>
</div>
<!-- .moove-gdpr-tab-main-content -->
</div>
<!-- .moove-gdpr-tab-main-content -->
</div>
<!-- #third_party_cookies -->
</div>
<!-- .moove-gdpr-tab-content -->
</div>
<!-- .main-modal-content -->
<div class="moove-gdpr-modal-footer-content">
<div class="moove-gdpr-button-holder">
<button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Tout activer">Tout activer</button>
<button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Enregistrer les modifications">Enregistrer les modifications</button>
</div>
<!-- .moove-gdpr-button-holder --> </div>
<!-- .moove-gdpr-modal-footer-content -->
</div>
<!-- .moove-gdpr-modal-right-content -->
<div class="moove-clearfix"></div>
</div>
<!-- .moove-gdpr-modal-content -->
</div>
<!-- #moove_gdpr_cookie_modal -->
<!--/copyscapeskip-->
</body></html><!-- WP Fastest Cache file was created in 0.32498002052307 seconds, on 18-11-24 16:58:59 -->