@charset "UTF-8";
/*
Theme Name: chroniques
Author: Raphaël Wittmann
Author URI: https://raphaelwittmann.net/
Version: 1.0
Text Domain: chroniques
*/

.tonton {}

/*
* Fonts
*/
body, input, select, textarea {
        font-family: 'Roboto', sans-serif;
}

.background-container {
	background-image: url("https://chroniques.org/wp-content/uploads/2022/10/INVIT_MAIL5-compressed-2-edited-scaled.jpg");
	width: 100vw;
	height: 100vh;
}

.condensed { 
    font-family: 'Roboto Condensed', sans-serif; 
}

/*
* Animations
*/
a, a img, input, a i, span.btn { transition: all .2s ease-in-out; }


/*
* Variables
*/
:root {
    --color-dark: #000;
    --color-purple: #301d50;
    --color-yellow: #d9f700;
}

/*
* Structure
*/


.site { position: relative; height: 100%;  }


.main { margin: 0 auto; width: 90%; position: relative; max-width: 1600px; }

.site-content { background: #fff; color: #000;}
.site-content .main { max-width: 1600px;  }
.txt > * { margin-left: auto; margin-right: auto; width: 90%; max-width: 1600px; }
.txt > .alignfull { width: 100%; max-width: none; }
.txt > .alignfull > .wp-block-group__inner-container { width: 90%;  margin-left: auto; margin-right: auto; max-width: 1600px; }

.txtWrapper { margin: 0; width: 100%; max-width: none; }
.txt .txtWrapper > .wp-block-group__inner-container > * { margin-left: auto; margin-right: auto; width: 90%; max-width: 1420px; }
.txt .txtWrapper > .wp-block-group__inner-container > .alignfull { width: 100%; max-width: none; }
.txt .txtWrapper > .wp-block-group__inner-container > .alignfull > .wp-block-group__inner-container { width: 90%;  margin-left: auto; margin-right: auto; max-width: 1420px; }

::-moz-placeholder { opacity: 1; }

/*
* General styles
*/
html { min-height: 100%;  }
body { background: var(--color-purple);  font-size: 19px; line-height: 1.6; /*overflow-x: hidden;*/ -webkit-overflow-scrolling: touch; }

img { max-width: 100%; height: auto; }

b, strong { font-weight: 700; }
em { font-style: italic; }

clearfix:before, .clearfix:after, .gallery:before, .gallery:after { clear: both; content: " "; display: table; }

.singleHeader { padding-top: 50px; }
.singleHeaderRow { padding-top: 5vw; }


/*
* Links
*/

a { color: inherit; text-decoration: none; }

button { outline: none; }

a.btn, .txt a.btn, .txt .wp-block-button__link, button, input[type="submit"], .btnWrapper span.btn { background: transparent!important; color: #000; border: 2px solid #f9c9cb; border-radius: 0; padding: 15px 20px; display: inline-block; font-size: 17px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; text-decoration: none; }
a.btn:hover, .txt a.btn:hover, .txt .wp-block-button__link:hover, button:hover, input[type="submit"]:hover, .btnWrapper span.btn:hover { background: #f9c9cb!important; border-color: #f9c9cb; color: #000; }

.txt a { text-decoration: underline; }
.txt a:hover {  }

.txt .tel a { text-decoration: none; }
.txt input[type="submit"] { border-color: var(--color-purple); color: var(--color-purple); cursor: pointer; }
.txt input[type="submit"]:hover { background: var(--color-purple)!important; border-color: var(--color-purple); color: var(--color-yellow); }
/*
* Header
*/
.site-header { background: var(--color-purple); color: #fff; position: relative; }
.site-branding { position: relative; }

.logo { padding: 15px 0; margin: 0 65px; text-align: center; text-transform: uppercase; }
.logo a { display: block; padding: 0; font-size: 18px; line-height: 24px;  }
.logo img { width: 100%; height: auto; display: block; max-width: 110px; margin: 0 auto; color: #fff;  }


.mobileMenuSelector { font-size: 13px; float: left; }
.mobileMenuSelector a { cursor: pointer; font-size: 20px; padding: 5px;  display: inline-block; }

.screenTopWrapper { padding: 20px 0 0; display: none; }

.languageSelector { font-size: 13px; text-transform: uppercase; float: left; width: 52px; text-align: center; font-weight: bold; color: #ededed; margin-left: 90px;  }
.languageSelector > .currentLanguage { display: none; }
.languageSelector ul li { display: inline-block; }
.languageSelector ul li:before { content: '/'; display: inline-block; margin: 0 4px; }
.languageSelector ul li:first-child:before { display: none; }
.languageSelector ul li a { color: #ededed; }
.languageSelector ul li a:hover { color: #f9c9cb; }
.languageSelector ul li.active a { color: var(--color-yellow); }

.topRightArea { font-size: 13px; text-transform: uppercase; float: right; }
.topRightArea ul li { display: inline-block; margin-left: 15px; display: none; }
.topRightArea ul li:first-child { display: inline-block; } 
.topRightArea ul li a { display: inline-block; border: 1px solid transparent; padding: 2px 5px; }
.topRightArea ul li a:hover { color: #f9c9cb; }
.topRightArea ul li.current_page_item a { color: #f9c9cb; border-color: #f9c9cb; }

.headerMainRow .logoDAC, .headerMainRow .logoPROD, .headerMainRow .logoCAMPUS, .headerMainRow .logoBIENNALE { float: right; display: none; }
.headerMainRow .logoDAC a, .headerMainRow .logoPROD a,  .headerMainRow .logoCAMPUS a,  .headerMainRow .logoBIENNALE a { display: block; }
.headerMainRow .logoDAC img, .headerMainRow .logoPROD img, .headerMainRow .logoCAMPUS img, .headerMainRow .logoBIENNALE img { display: block; height: 55px; width: auto; margin: 0; max-width: none; transition: none; }

.headerSupportWrapper { float: right; max-width: 210px; display: none; text-transform: uppercase; font-size: 13px; line-height: 1.1; font-weight: bold; letter-spacing: 0.5px; padding-top: 39px; text-align: right; }
.headerSupportWrapper a { display: inline-block; border: 3px solid #000; padding: 5px 5px; text-align: center; }
.headerSupportWrapper a:hover, body.page-id-62 .headerSupportWrapper a { color: #f9c9cb; border-color: #f9c9cb; }

body.page-id-159 .contactLink { color: #f9c9cb; }

.headerNavWrapper { background: var(--color-purple); color: #fff; }
.page-id-9143 .headerNavWrapper, .page-id-9826 .headerNavWrapper,
.page-id-9355 .headerNavWrapper, .page-id-9840 .headerNavWrapper,
.page-id-9414 .headerNavWrapper, .page-id-9856 .headerNavWrapper,
.page-id-5514 .headerNavWrapper, .page-id-5965 .headerNavWrapper,
.page-id-10465 .headerNavWrapper, .page-id-10673 .headerNavWrapper,
.page-id-50 .headerNavWrapper, .page-id-930 .headerNavWrapper,
.page-id-52 .headerNavWrapper, .page-id-849 .headerNavWrapper { display: none; }

.logoSECTION a { position: relative; }
.logoSECTION a:before { content: ''; display: block; height: 1px; width: 0; position: absolute; left: 0; bottom: 0; background-color: var(--color-yellow); transition: width 0.3s ease; }

.logoBIENNALE a:before { width: 100%; }
.page-id-9143 .logoBIENNALE a:before, .page-id-9826 .logoBIENNALE a:before,
.page-id-9355 .logoBIENNALE a:before, .page-id-9840 .logoBIENNALE a:before,
.page-id-9414 .logoBIENNALE a:before, .page-id-9856 .logoBIENNALE a:before,
.page-id-5514 .logoBIENNALE a:before, .page-id-5965 .logoBIENNALE a:before,
.page-id-10465 .logoBIENNALE a:before, .page-id-10673 .logoBIENNALE a:before,
.page-id-50 .logoBIENNALE a:before, .page-id-930 .logoBIENNALE a:before,
.page-id-52 .logoBIENNALE a:before, .page-id-849 .logoBIENNALE a:before { width: 0; }

.page-id-9143 .logoPROD a:before, .page-id-9826 .logoPROD a:before,
.page-id-9355 .logoPROD a:before, .page-id-9840 .logoPROD a:before,
.page-id-9414 .logoPROD a:before, .page-id-9856 .logoPROD a:before,
.page-id-5514 .logoCAMPUS a:before, .page-id-5965 .logoCAMPUS a:before { width: 100%; }

body .logoSECTION a:hover:before { width: 100%; }

/*
* menu
*/
.screenMenuWrapper { display: none; float: left; width: 100%; padding: 10px 0 10px; }
.screenMenuWrapper > div { float: left; }
.screenMenuWrapper .socialLinks { float: right; font-size: 20px; position: relative;  }
.screenMenuWrapper .socialLinks ul li { margin: 0 5px; }


.main-menu { }
.main-menu > li { position: relative; }

.main-menu > li > ul { display: block; position: absolute; z-index: 99; left: 5px; top: 115%; background: var(--color-yellow); padding: 10px; width: 280px; opacity: 0; transition: opacity 0.3s ease, top 0.3s ease; pointer-events: none; box-shadow: 0 5px 10px rgba(0,0,0,0.3);  }
.main-menu > li:hover > ul {  opacity: 1; top: 100%; pointer-events: auto; }


.main-menu li a { display: block; padding: 10px 0; letter-spacing: 1px; position: relative; }

.main-menu li a:before { 
    content: ''; background: var(--color-yellow); width: 0; height: 1px; display: block; position: absolute; z-index: 2; left: 0; bottom: 5px; transition: width 0.7s ease;
}
.main-menu li a:hover:before { width: 100%; }
.main-menu li.current_page_item > a:after,  .main-menu li.current-menu-ancestor > a:after, .main-menu li.current-menu-parent > a:after, .main-menu li.current_page_parent > a:after, .main-menu li.current_page_ancestor > a:after, .main-menu li.current-menu-item > a:after, .main-menu li.current-page-ancestor > a:after,
body.single-event .main-menu > li.menu-item-1290 > a:after { 
    content: ''; background: #fff; width: 100%; height: 1px; display: block; position: absolute; z-index: 1; left: 0; bottom: 5px;
}

.main-menu > li > ul > li a { color: var(--color-purple); }
.main-menu > li > ul > li a:hover { color: var(--color-purple); }
.main-menu > li > ul > li a:before { background: var(--color-purple); }

.navigationMainMenuMobile a { font-size: 22px; text-transform: uppercase; font-weight: bold; padding: 5px 0; }
/*
* Mobile Navigation
*/

.menuOpen {}
a.menuOpen  { cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; }
.menuOpen  strong { display: inline-block; position: relative; width: 40px; height: 40px; }
.menuOpen  i, .menuOpen  i:before, .menuOpen  i:after { display: block; background-color: #000; height: 4px; width: 40px; position: absolute; z-index: 99; left: 0;  border-radius: 0px;  }
.menuOpen  i { transition: none; top: 50%; background-color: transparent; }
.menuOpen  i:before { transition: none; content:''; top: -6px; background-color: #fff; }
.menuOpen  i:after { transition: none; content:''; bottom: -6px; background-color: #fff; }

.menuOpened .menuOpen i:before { top: 0; background-color: #fff;  }
.menuOpened .menuOpen i:after { bottom: 0; background-color: #fff; }

.menuOpen:hover i:before { background-color: var(--color-yellow); top: -4px; }
.menuOpen:hover i:after { background-color: var(--color-yellow); bottom: -4px; }

/*** animation burger menu ***/
.menuOpen i::before { transition: background-color 0.3s ease, top 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.menuOpen i::after { transition: background-color 0.3s ease, bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.menuOpened .menuOpen i { background: transparent; }
.menuOpened .menuOpen i::before { background: #000; transform: rotate(35deg); transition: background-color 0.3s ease, top 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1);; }
.menuOpened .menuOpen i::after { background: #000; transform: rotate(-35deg); transition: background-color 0.3s ease, bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1); }

.menuOpened .menuOpen:hover i:before { top: 0; transform: rotate(55deg); }
.menuOpened .menuOpen:hover i:after { bottom: 0; transform: rotate(-55deg); }

/*** mega menu ***/

.navigationWrapper { display: none; position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; min-height: 100vh; background: #fff; opacity: 0; pointer-events: none;  }
.menuOpened .navigationWrapper { display: block; opacity: 1; pointer-events: all; }
.menuOpened .site { height: 100vh; display: none; }
.navigationWrapper .main { opacity: 0; }
.menuOpened .navigationWrapper .main { opacity: 1; }

.megaMenuRight ul.menu { }

.navigationMainLeft { line-height: 1.2; }
.navigationMainLeft ul.menu > li { padding: 20px 0; }
.navigationMainRow ul.menu  a { font-size: 18px; padding: 7px 0; display: block; }
.navigationMainRow ul.menu > li > a { font-size: 22px; font-weight: bold; }
.navigationMainRow ul.menu a:hover { color: #f9c9cb; }
.navigationMainRow ul.menu  a:active { color: #ededed; }

.navigationMainRow ul.menu > li > ul > li > ul  { padding-left: 15px; padding-top: 0; border-left: 1px solid #000; margin-bottom: 10px; }

.navigationWrapper {}

.navigationMainRight { line-height: 1.2; }
.navigationMainRight ul { padding-top: 15px; }
.navigationMainRight ul li { font-size: 22px; text-transform: uppercase; font-weight: bold; padding: 5px 0; }

.navigationMainRight .menuSearchLink { display: none; }

.navigationWrapper #mc_embed_signup { margin-top: 35px; font-size: 17px; }
.navigationWrapper #mc_embed_signup label { text-transform: uppercase; display: block; margin-bottom: 10px; font-weight: bold; }
.navigationWrapper #mc_embed_signup input[type="email"] { padding: 3px 5px; font-size: 16px; margin-bottom: 10px;  }
.navigationWrapper #mc_embed_signup input[type="submit"] { background: #f9c9cb; color: #fff; letter-spacing: 2px; padding: 5px 15px; cursor: pointer; font-size: 13px; }
.navigationWrapper #mc_embed_signup input[type="submit"]:hover { background: #000; border-color: #000; color: #f9c9cb; }
.navigationWrapper #mc_embed_signup input[type="submit"]:active { background: #ededed; color: #ccc; border-color: #ededed; }
body #mc_embed_signup div.mce_inline_error { background: #eed865; margin-top: 10px; font-size: 13px; color: #000; }

/*
* Search
*/

.searchFormWrapper { display: none; background: #eed865; color: #f9c9cb; box-shadow: inset 0 0 50px rgba(0,0,0,0.1); }


/*
* Search form
*/



.searchFormContainer { float: left; margin: 0 20px; width: calc(100% - 120px); }
.searchFormContainer.searchFormWide { max-width: none; padding-top: 0; padding-bottom: 40px; }
.searchFormContainer form { position: relative; max-width: 200px; margin: 0 auto; }
.searchFormContainer .search-field { border: 0; border-bottom: 1px solid #000; color: #000; background: #fff; border-radius: 0; padding: 15px 0 5px 40px; font-size: 22px; font-style: italic; }
.searchFormContainer .search-field:focus { border-bottom-color: #f9c9cb; }
.searchFormContainer .search-submit { position: absolute; z-index: 2; left: 0px; top: 5px; background: transparent; color: #000; border: 0; font-size: 22px; padding: 10px 0;  }


.searchLinksWrapper { text-align: center; text-transform: uppercase; font-size: 13px; color: #ccc;  }
.searchLinksWrapper .searchLinksTitle { font-weight: bold;  }
.searchLinksWrapper ul { margin-top: 10px; }
.searchLinksWrapper ul li { display: inline-block; margin: 5px 10px; font-size: 11px; }
.searchLinksWrapper ul li a { color: #ccc; }
.searchLinksWrapper ul li a:hover { color: #9a9a9a; }

.searchNoResults { text-align: center; padding: 100px 0 120px; }
.searchHeader { padding-top: 50px; }
.searchHeader .smallTitle { margin-bottom: 50px; }


/*
* Footer
*/
.menuFooterWrapper { text-align: center; }
.socialFooter { padding-top: 50px; font-size: 13px; text-transform: uppercase; }
.socialFooter .socialLinks { font-size: 26px; margin-top: 15px; }
.menuFooterBottom { font-size: 12px; letter-spacing: 0.4px; padding: 25px 0; text-align: center;  }
.menuFooterBottom.menu-footermenufr-container > a { text-transform: uppercase; }
.menuFooterBottom > div, .menuFooterBottom ul { display: inline-block; }
.menuFooterBottom ul li { display: inline-block; }
.menuFooterBottom ul li:before { content: ' - '; }
.menuFooterBottom ul li a { text-decoration: underline; }

.back2top { position: fixed; z-index: 100; right: 10px; bottom: 10px; display: none; background: rgba(255, 255, 255, 0.3); border: 2px solid rgba(255, 255, 255, 0.3); color: #bfbfbf; width: 46px; line-height: 42px; text-align: center; border-radius: 100%; font-size: 18px; opacity: 1; }
.back2top:hover { background-color: #fff; border-color: #f9c9cb; color: #f9c9cb; }
.back2top.displayed { display: block; opacity: 1;  }

.siteFooter { background: var(--color-purple); color: var(--color-yellow); }
.socialLinksFooter { text-align: center; padding: 25px 0 20px; }
.page-template-page-dac-2021 .siteFooter { display: none; }

/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { hyphens: manual; line-height: 1.2;   }

h1 span, h2 span, h3 span { display: block; color: #ccc; }

h1 {font-size: 1.6em;  }
h2 { font-size: 1.6em;  }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; font-weight: bold;  }
h6 { font-size: 1.1em; font-weight: bold; }

h2 a.btn { font-size: 11px; padding: 5px 10px; position: relative; top: -5px; }


sup { font-size: 0.6em;  vertical-align: super; }
h2 sup { text-transform: uppercase; font-weight: normal; }

.has-large-font-size { font-size: 30px!important; }
h2.has-huge-font-size { font-size: 122px!important; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; line-height: 1; word-break: break-word;} 

/*
* Textes elements
*/
.txt { padding-top: 50px; /*padding-bottom: 50px;*/ font-size: 17px; line-height: 1.6; }

.txt h1, .txt h2, .txt h3, .txt h4 { margin-bottom: 50px; }
.txt h4 { text-decoration: underline; text-transform: uppercase; font-weight: normal; }

.txt ul {  list-style: disc; padding-left: 20px; }
.txt ol {  list-style: decimal; padding-left: 20px; }
.txt li {  padding-left: 5px; }

.txt p, .txt ul, .txt ol, .txt h5, .txt h6 { margin-bottom: 1.6em; }
.txt h5, .txt h6 { line-height: 1.6; }
.txt p.noMarginBottom, .txt ul.noMarginBottom, .txt ol.noMarginBottom, 
.txt h1.noMarginBottom, .txt h2.noMarginBottom, 
.txt h3.noMarginBottom, .txt h4.noMarginBottom,
.txt h5.noMarginBottom, .txt h6.noMarginBottom, 
.txt .wp-block-columns.noMarginBottom { margin-bottom: 0; }
.txt .wp-block-columns { gap: 0px!important; }


.txt .socialLinks ul { padding-left: 0; font-size: 22px; }
.txt .socialLinks ul li:first-child { padding-left: 0; margin-left: 0;   }

/*** images ***/
.lazyload,
.lazyloading { opacity: 0; min-height: 100px; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }

a img.lazyload { transform: scale(0, 0); }
a img.lazyloaded { transform: scale(1, 1); }

.txt figure img { display: block;  }
.txt .txtImageWrapper { display: inline-block; background: rgba(0,0,0,0.1) url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 20px 20px; }

/*
* Coming soon
*/
.page-template-coming-soon { background: #f2dce2 url(assets/img/bg-gradient1.jpg) no-repeat 50% 50%; background: #f2dce2 url(assets/img/Visuel-CN-Web.jpg) no-repeat 50% 24vw; background-size: 100% auto; text-transform: uppercase; font-size: 16px; text-align: center; padding-top: 20px; letter-spacing: 1px; color: #fff; }
.comingSoonTopColumns > .wp-block-column:nth-of-type(1) { min-height: 65vw; }
.page-template-coming-soon .comingSoonTopColumns h2 { font-size: 55px; letter-spacing: 2px; }

.comingSoonDates { font-size: 36px; line-height: 1.1; margin: 20px 0; }

.comingSoonTopColumns h4 { font-style: italic; margin: 0 0 20px; font-size: 30px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }

.comingSoonLogo { margin-bottom: 30px; }
.comingSoonLogo img { max-width: 540px; margin: 0 auto; display: block; }

.page-template-coming-soon .smallTitle { display: none; }

.page-template-coming-soon .socialLinks { text-align: center; font-size: 30px; margin: 20px 0; }
.socialLinks ul li { display: inline-block; margin: 0 10px; }
.socialLinks ul li a:hover { color: #f9c9cb; }
.socialLinks ul li a:active { color: #ededed; }

.socialLinks .iconLink.contactLink { top: -4px; position: relative; font-size: 0.9em; font-weight: bold; }

 
.socialLinks a:hover { color: #000; } 
.socialLinks .fa-facebook-f:before { top: -3px; position: relative; font-size: 0.9em; }

.page-template-coming-soon h3 { font-weight: normal; margin-bottom: 30px; letter-spacing: 1px; font-size: 30px; }

.comingSoonFollowUsBlock { margin-bottom: 30px; }
.comingSoonFollowUsTxt {}

.page-template-coming-soon input[type="email"] { border: 2px solid #fff; background: transparent; width: 90%; margin-bottom: 10px; max-width: 280px; border-radius: 0; line-height: 18px; font-size: 16px; padding: 5px 10px;  display: inline-block; color: #000; }
.page-template-coming-soon input[type="submit"] { border: 2px solid #fff; background: #fff; color: #000; font-size: 13px; line-height: 18px; border-radius: 0; padding: 5px 10px; margin: 0; display: inline-block; cursor: pointer; position: relative; top: -1px; }
.page-template-coming-soon input[type="submit"]:hover { background: transparent; color: #fff; }
.page-template-coming-soon .mc-field-group label { display: block; margin-bottom: 10px; }

/*
* Post in List
*/


.postInListWrapper { margin-bottom: 50px; }

.postInList {  }

.postThumbnailLink, .txt .postThumbnailLink { display: block; text-decoration: none; }
.postThumbnailLink:hover { color: #f9c9cb; }
.postInList .postThumbnailWrapper, .oeuvreInList .postThumbnailWrapper { margin: 0 0 10px; background: #ededed url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 20px 20px; }
.has-light-grey-background-color .postInList .postThumbnailWrapper, .has-light-grey-background-color .oeuvreInList .postThumbnailWrapper { background-color: #fff; }
.postInList .postThumbnailWrapper img, .oeuvreInList .postThumbnailWrapper img { display: block; object-fit: cover; width: 100%; height: auto; aspect-ratio: 1; }

.eventInList .postThumbnailWrapper img, .searchResultsList .postInList .postThumbnailWrapper img, .searchResultsList .oeuvreInList .postThumbnailWrapper img, .searchResultsList .activiteInList .postThumbnailWrapper img { /*height: 100px;*/ aspect-ratio: 16/9; }
.postInList .postThumbnailLink:hover img { }
.txt .postInList .dateWrapper, .postInList .dateWrapper { font-size: 14px; color: #f9c9cb; margin-bottom: 10px; }
.searchResultsList .postInList .btnWrapper, .searchResultsList .postInList .dateWrapper { display: none; }

.postInList .postTitle, .txt .postInList .postTitle { font-size: 16px; text-transform: uppercase; font-weight: bold; text-decoration: none; margin-bottom: 0; }
.postInList .postThumbnailLink .postInListInfosWrapper { position: relative; top: 3px; transition: top .2s ease-in-out; color: #000; }
.postInList .postThumbnailLink .postExcerpt { font-size: 14px; margin-top: 10px; line-height: 1.3; }

.postInList .postThumbnailLink:hover .postInListInfosWrapper { top: 5px;  color: #000; }



.listOfPosts {  margin-bottom: 100px;  }
.postInList .postExcerpt { font-size: 1em; line-height: 1.3; }



.horizPostInListWrapper { padding-bottom: 90px; margin: 0; }

.horizPostInListWrapper .postInList .postThumbnailLink {  }
.horizPostInListWrapper .postInList .postThumbnailWrapper { border-radius: 100%; max-width: 200px; }
.horizPostInListWrapper .postInList .postThumbnailWrapper .txtImageWrapper { border-radius: 100%; display: block; }
.horizPostInListWrapper .postInList .postThumbnailWrapper img { width: 100%; height: auto; display: block; border-radius: 100%;  }



/*
* Event in list
*/
.eventInList { margin-bottom: 35px; }
.eventInList h4 { margin-bottom: 0; position: relative; }
.eventInList h5 { font-size: 16px; line-height: 1.1; font-weight: normal; font-style: italic; margin-bottom: 0; margin-top: 2px; }
.eventInList h4 sup { font-weight: normal; display:  block; position: absolute; z-index: 1; left: 0; top: -10px; transition: color 0.3s ease; }
.txt .eventInList h4 { padding-top: 10px; }
.txt .eventInList h4 sup { top: -5px; }

.eventInList .eventInfosTop { position: relative; top: 3px; transition: top .2s ease-in-out;  }
.eventInList .eventInfosBottom { font-size: 14px; margin-top: 20px; line-height: 1.3; position: relative; top: -3px; transition: top .2s ease-in-out;}
.eventInList .eventInfosBottom p { margin-bottom: 0; }
.eventInList a.eventInfosBottom p { margin-bottom: 0; }
.eventInList .eventInfosBottom .eventTitle { text-transform: uppercase; font-weight: bold; }
.eventInList .eventInfosBottom .eventSubTitle { text-transform: uppercase; font-style: italic; }
.eventInList a:hover { color: var(--color-purple); }
.eventInList a:hover .eventInfosTop { top: 5px; }
.eventInList a:hover .eventInfosBottom { top: -5px; }
.eventInList a:hover h4 sup { color: var(--color-purple); }

.eventInMap a.postThumbnailLink:hover, .eventInMap .eventInList a:hover h4 sup { color: rgba(0,0,0,0.5); }
.eventInMap.window-black a.postThumbnailLink:hover, .eventInMap.window-black .eventInList a:hover h4 sup { color: rgba(255,255,255,0.5); }

.eventInList .gmapLink { display: none; }

.has-light-grey-background-color .eventInList a:hover { color: rgba(0,0,0,0.5); }
.has-light-grey-background-color .eventInList a:hover h4 sup { color: rgba(0,0,0,0.5); }




/*
* Carousel
*/

.carousel1 .slick-arrow { top: 60px; }

.carousel4 .slick-list { margin: 0; }
.carousel4 .slick-track { margin: 0; }
.carousel4 .slick-slide { padding: 0 16px; }
.carousel4 .slick-slide:first-child { margin-left: 0; }

.carousel4.slick-initialized.row { margin: 0 -16px; }
.carousel4.slick-initialized .eventWrapper.col-md-3 { width: 100%; max-width: none; flex-basis: 100%; padding: 0; }


.logoGallerySlider { display: block; }
.logoGallerySlider .slick-prev, .logoGallerySlider .slick-next { top: 50%; margin-top: -25px; }
.logoGallerySlider .slick-track { display: flex; align-items: center; }
.logoGallerySlider .logoItem { margin: 0 auto; text-align: center; display: flex; margin: 0 auto; min-height: 100%;}
.logoGallerySlider .logoItem figure {   }
.logoGallerySlider .logoItem img { max-width: 250px; max-height: 100px; width: auto; display: inline-block; margin: 0 auto; min-width: 10px;  }
.logoGallerySlider .slick-slide  {  }


/*
* Navigation
*/
.navigation.pagination { text-align: center; padding-bottom: 100px; margin-top: -25px; }
.navigation.pagination .screen-reader-text { display: none; }

.navigation.pagination .page-numbers { display: inline-block;  padding: 10px 5px;  font-size: 1em; line-height: 1; border: 0;  }
.navigation.pagination .page-numbers.current { color: #808080; }
.navigation.pagination a.page-numbers  { color: #000; }
.navigation.pagination a.page-numbers:hover  { color: #f9c9cb; }
.navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { font-size: 0.8em; }




/*
* General Content
*/

.centered { text-align: center; }

.smallTitle { font-size: 1em; line-height: 1.2; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; margin-top: 25px; margin-bottom: 25px; }

.txt .hide, .txt .wp-block-buttons .wp-block-button.hide { display: none; }

.wp-block-buttons.aligncenter { text-align: center; justify-content: center; }

.pageContent { padding-bottom: 100px; }


.pageHeader, .postHeader { text-align: center; padding: 20px 20px 20px;   }

.topSection, .wp-block-group.has-background.topSection { margin-top: -50px; }
.lastSection, .wp-block-group.has-background.lastSection { margin-bottom: -90px; }

.wp-block-buttons + .wp-block-buttons { margin-top: 5px; }

.btnWrapper, .txt .btnWrapper { margin: 15px 0; }


.page-template-page-accueil .pageHeader h1 {  }
.page-template-page-accueil .pageHeaderExcerpt { margin-top: 0; }


.social-share { text-align: left; padding-top: 50px; padding: 0 25px; width: 90%; margin: 0 auto; }
.social-share h6 { text-transform: uppercase; color: #ccc; margin-bottom: 10px; font-size: 16px; }
.social-share li { display: inline-block; font-size: 30px; margin: 0 3px; }
.social-share li a { color: #ccc; }
.social-share li a:hover { color: #f9c9cb; }



.commentsSection { padding: 50px 0; }
.commentsSection #wpdcom .wpd-thread-head .wpd-thread-filter { display: none; }
.commentsSection #comments #wpdcom .wmu-upload-wrap, .commentsSection .quicktags-toolbar, .commentsSection #wpdcom .wpd-form-head,
.commentsSection #wpdcom .wpd-comment-footer .wpd-vote,
.commentsSection #wpdcom .wpd-comment-header .wpd-comment-share,
.commentsSection #wpdcom .wpd-comment-header .wpd-comment-link,
.commentsSection #wpdcom .wpd-tools,
.commentsSection #wpdcom .wpd-comment-right .wpd-comment-last-edited { display: none; }
.commentsSection #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap { flex-basis: 100%; }

.screen-reader-text { display: none; }

.imageHeader { height: 110px; background: rgba(0, 0, 0, 0.1) url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 20px 20px; }
.imageHeader img { display: block; height: 100%; width: 100%; object-fit: cover; } 

.txt .wp-block-gallery li { padding-left: 0; }
.logosGallery.wp-block-gallery .blocks-gallery-item figure { align-items: center; }
.txt .logosGallery ul { padding-left: 0; margin-bottom: 0; }

.txt .wp-block-gallery.logosGallery .blocks-gallery-grid .blocks-gallery-item img { max-height: 50px; width: auto; max-width: 100%; }
.txt .wp-block-gallery.logosGallery .blocks-gallery-item { width: auto; padding: 0 30px 30px 0; max-width: 300px; }
.txt .wp-block-gallery.logosGallery .blocks-gallery-grid { /*flex-wrap: nowrap;*/ }
.txt .wp-block-gallery.logosGallery .blocks-gallery-grid .blocks-gallery-item__caption { padding: 0; height: 100%; background: none; }
.txt .wp-block-gallery.logosGallery .blocks-gallery-grid .blocks-gallery-item__caption a {display: block; min-height: 100%; text-indent: -10000px; }

.txt .wp-block-gallery.logosGallery { align-items: center; }
.txt .wp-block-gallery.logosGallery .wp-block-image { width: auto!important; padding: 0 30px 30px 0; max-width: 300px; margin-bottom: 0!important; }
.txt .wp-block-gallery.logosGallery .wp-block-image img { max-height: 50px; width: auto; max-width: 100%;  object-fit: contain; }

.nuLogosGallery.wp-block-gallery { }
.nuLogosGallery.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: initial; }
.nuLogosGallery.wp-block-gallery.has-nested-images figure.wp-block-image img { width: 220px; height: 100px; object-fit: contain; margin: 0 auto; }
body .has-normal-font-size { font-size: 23px; line-height: 1.3; }

/*
* Page
*/

.encartGroup { padding: 15px; position: sticky; top: 100px; left: 0; margin-bottom: 30px; }
.encartGroup p { margin-bottom: 1em; }



/*
* Single post
*/

.singlePostThumbnail { position: relative; background: #f9f9f9 url(assets/img/loader.gif) no-repeat center; background-size: 30px 30px; border-radius: 10px; }
.singlePostThumbnail img { width: 100%; height: auto; display: block; border-radius: 3px; image-rendering: pixelated; }

.singlePostContent .postThumbnailWrapper img { width: 100%; height: auto; display: block; }

.relatedPosts { padding-top: 100px; background: #fff; }
.relatedPosts .relatedPostsSectionTitle { margin-bottom: 50px; }

/*** Embed Content ***/
.postDate { color: #ccc; font-size: 0.8em; margin-top: 3rem; }

.singleFooter { text-align: center; }


.wp-block-embed-wordpress iframe, .wp-block-embed iframe { width: 100%; }
iframe .wp-embed-share { display: none; }
iframe { display: block; }

.videoPortrait { width: 100%; max-width: 500px; margin-bottom: 50px; }
.videoPortrait iframe { width: 100%; height: auto; }

.scrolloff {
  pointer-events: none;
}

.singlePostContentFullPage .txt > * { max-width: 860px; }
.singlePostContentFullPage .singlePostFooter, .singlePostContentFullPage .social-share { max-width: 860px; padding-left: 0; padding-right: 0; }

/*** postFooter ***/
.singlePostFooter { text-align: left; padding-top: 50px; padding: 0 25px; width: 90%; margin: 0 auto; color: #ccc; font-size: 14px; }

.dateWrapper { display: inline-block; }
.postFooterCategories { padding: 25px 0 15px; display: inline-block; }
.postFooterCategories a:before { content: '/'; display: inline-block; margin-right: 3px;   }


.greySection { background: #f9c9cb; padding: 50px 0; margin: 0px 0 0; }
.greySection .btn { color: #000; border-color: #000; text-transform: uppercase; }
.greySection .btn:hover { background: #fff; border-color: #fff;  }


/*** native gutenberg blocks style ***/

.wp-block-quote { border: 0; padding-left: 0; color: #f2036e; font-style: normal; font-weight: bold; font-size: 1.2em; }
.wp-block-quote cite { color: #ccc; }

.wp-block-pullquote { border-top: 2px solid #ededed; border-bottom: 2px solid #ededed; color: #afafaf;  }
.wp-block-pullquote cite { color: #ccc; }
.wp-block-pullquote p { font-size: 22px; line-height: 1.6; font-style: italic; }

.wp-block-button__link { }

.txt .wp-block-column p:last-child { margin-bottom: 0; }

.wp-block-column { margin-bottom: 35px; }
.wp-block-columns .wp-block-column:last-child { margin-bottom: 0; }

.txt .wp-block-gallery { padding: 0; }
.txt p +  .wp-block-gallery { margin-top: 50px; }
.txt .wp-block-gallery .blocks-gallery-item { overflow: hidden; }


.txt .wp-block-gallery .blocks-gallery-image figure,
.txt .wp-block-gallery .blocks-gallery-item figure { position: relative; z-index: 1; }
.txt .blocks-gallery-caption, .txt .wp-block-embed figcaption, .txt .wp-block-image figcaption { text-align: left; }

.wp-block-buttons .wp-block-button { display: block; }
.wp-block-buttons.alignright .wp-block-button { text-align: right; }
.wp-block-buttons.aligncenter .wp-block-button { text-align: center; }

.contactBlock { margin-bottom: 25px; }


/*
* 404
*/

.errorHeader { text-align: center; margin: 50px 0 30px; }
.errorContent { text-align: center; margin: 0 auto 40px; max-width: 300px; }
.searchFormContainer.searchFormError { text-align: center; margin-top: 0; padding-top: 0;}
.searchFormContainer .description { margin-bottom: 25px; }


/*
* Formulaires
*/

input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="date"], input[type="tel"], textarea { width: 100%; border: 1px solid #000; background: #fff; padding: 10px; border-radius: 0; font-size: 18px; line-height: 1.2; color: #808080; box-shadow: none; outline: none; font-style: italic; letter-spacing: 0; }
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover {  }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #f9c9cb; background: #fff; color: #000; outline: none; }

textarea.smallArea { height: 200px; }
.post-password-form { border: 1px solid #000; padding: 25px; }
.post-password-form input[type="password"] { margin: 5px 0 10px; }

/*
* Home
*/

.fullPageVideoWrapper { padding: 0 0 30px; margin-top: -50px;  }
.fullPageVideoWrapper video { width: 100%; height: auto; display: block; }
.txt video { max-width: 100%; height: auto; display: block; margin-bottom: 50px; }

.homeSliderSection { padding: 0; }

.slideItem { position: relative; height: 100%; display: none; }
.slideItem:first-child { display: block; }
.slideItem .slideTxtWrapper { 
    position: absolute; z-index: 2; top: 0; left: 0; width: 100%; padding: 0; color: #fff; 
    display: flex; align-items: center; justify-content: center; height: 100%;
    font-size: 22px; line-height: 30px;
}

.slideTxtWrapper.difference {  mix-blend-mode: difference;  }

.slideItem .slideTxtWrapper.color-Noir { color: #000; }
.slideItem .slideTxtWrapper.color-Noir .txt .is-style-edge { -webkit-text-stroke-color: #000;  } 
.slideItem .slideTxtWrapper.color-Noir .txt .wp-block-button__link { border-color: #000; color: #000;  } 
.slideItem .slideTxtWrapper.color-Noir .txt .wp-block-button__link:hover { border-color: #000; color: #fff; background: #000; } 

.slideItem .slideTxtWrapper.color-Rose { color: #f9c9cb; }
.slideItem .slideTxtWrapper.color-Rose .txt .is-style-edge { -webkit-text-stroke-color: #f9c9cb;  } 
.slideItem .slideTxtWrapper.color-Rose .txt .wp-block-button__link { border-color: #f9c9cb; color: #f9c9cb;  } 
.slideItem .slideTxtWrapper.color-Rose .txt .wp-block-button__link:hover { border-color: #f9c9cb; color: #000; background: #f9c9cb; } 

.slideItem .slideTxtWrapper.color-Jaune { color: #eed865; }
.slideItem .slideTxtWrapper.color-Jaune .txt .is-style-edge { -webkit-text-stroke-color: #eed865;  } 
.slideItem .slideTxtWrapper.color-Jaune .txt .wp-block-button__link { border-color: #eed865; color: #eed865;  } 
.slideItem .slideTxtWrapper.color-Jaune .txt .wp-block-button__link:hover { border-color: #eed865; color: #000; background: #eed865; } 


.slideItem .slideTxtWrapper.color-Violet { color: #004b9b; }
.slideItem .slideTxtWrapper.color-Violet .txt .is-style-edge { -webkit-text-stroke-color: #004b9b;  } 
.slideItem .slideTxtWrapper.color-Violet .txt .wp-block-button__link { border-color: #004b9b; color: #004b9b;  } 
.slideItem .slideTxtWrapper.color-Violet .txt .wp-block-button__link:hover { border-color: #004b9b; color: #fff; background: #004b9b; } 


.homeSliderSection .slick-dotted.slick-slider { height: 440px; }
.homeSliderSection .slideItem > img { width: 100%; height: auto; max-width: 99999px; height: 440px; object-fit: cover; display: block; }
.homeSliderSection .slick-slide:first-child .slideItem:after { content: ''; display: none; width: 100%; height: 100%; position: absolute; top: 0; left: -60%; z-index: 1; background: linear-gradient(90deg, rgba(249, 201, 203, 0.8) 0%, rgba(249, 201, 203, 0) 60%); mix-blend-mode: color; opacity: 0; transition: left 0.3s ease, opacity 0.3s ease; }
.homeSliderSection .slick-active .slideItem:after { left: 0; opacity: 1; }

.slideItem .slideTxtWrapper .txt .is-style-edge { -webkit-text-stroke-color: #fff; margin-bottom: 15px; } 
.slideItem .slideTxtWrapper .txt .has-black-color .wp-block-button__link { border-color: #000; color: #000; }
.slideItem .slideTxtWrapper .txt .has-black-color .is-style-edge { -webkit-text-stroke-color: #000; }

.slideTxtWrapper .txt { padding-top: 0; }
.slideTxtWrapper .txt a:hover { text-decoration: none; }
.slideItem .slideTxtWrapper h1 { } 

.slideTxtWrapper .txt h1, .slideTxtWrapper .txt h2, .slideTxtWrapper .txt h3, .slideTxtWrapper .txt h4 { margin-bottom: 15px; } 
.slideItem .slideTxtWrapper p { margin-bottom: 10px; } 
.slideItem .slideTxtWrapper p.noMarginBottom, .slideItem .slideTxtWrapper p.is-style-noMarginBottom { margin-bottom: 0; } 
.slideTxt { width: 100%; position: relative; top: 40px; opacity: 0; transition: top 0.3s ease, opacity 0.3s ease; }
.slick-active  .slideTxt { top: 0px; opacity: 1; }
.slideItem .slideTxtWrapper .wp-block-buttons { margin-top: 25px; }


.homeSliderWrapper { position: relative; background: #ededed url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 20px 20px; }

.slideTxtWrapper .txt .wp-block-button__link { border-color: #fff; color: #fff; }
.slideTxtWrapper .txt .wp-block-button__link:hover { border-color: #fff; background: #fff!important; color: #000; }




.videoSlide  .slideTxtWrapper { position: static; }
.homeSliderSection .videoSlide > img { display: none; }
.videoSlide  video { max-height: 400px; width: 100%; margin: 0 auto; }



/* Arrows */
.slick-prev, .slick-next {
    font-size: 18px; line-height: 1; position: absolute; display: block;
    top: 63px; z-index: 10; 
    width: 40px; height: 40px; padding: 0; 
    cursor: pointer; border: none; outline: none; background: #ededed; color: #000; border-radius: 100%; transition: background-color 0.3s ease, opacity 0.3s ease;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {  outline: none; background: var(--color-yellow)!important; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0; }

.slick-prev { left: -10px; }
.slick-next { left: auto; right: -10px;  }

.imageSlider .slick-prev, .imageSlider .slick-next { top: 0; width: 50%; height: 100%; left: 0; background: transparent; color: transparent; cursor: w-resize; z-index: 1; }
.imageSlider .slick-next { left: auto; right: 0; cursor: e-resize; }
/* Dots */
.slick-dots { position: absolute; z-index: 2; bottom: 25px; left: 0; width: 100%; text-align: center; margin: 0; }
.imageSlider .slick-dots { text-align: left; bottom: auto; top: 25px; }

.slick-dots li { display: inline-block; margin: 0 10px; }
.slick-dots li button { display: block; outline: none; font-size: 0; padding: 0; line-height: 0; color: transparent; background-color: #fff!important; width: 10px; height: 10px; border-radius: 15px; border: 2px solid #fff; cursor: pointer; }
.imageSlider .slick-dots li button { background-color: #ededed!important; border-color: #ededed; }
.slick-dots li button:hover, .slick-dots li.slick-active button { background-color: transparent!important;  }
.slick-dots li button:focus { outline: 0; } 
.txt .imageSlider .wp-block-image { margin-bottom: 0; height: 100%; }

.slick-dotted.slick-slider { margin-bottom: 0; }

.homeOeuvres { padding-bottom: 100px; }
.homeOeuvres .smallTitle { margin-bottom: 50px; }
.homeOeuvres .listOfOeuvres { padding-bottom: 40px; }
.homeOeuvres .btnWrapper { margin: 0; text-align: center; }
.homeOeuvres .btnWrapper .btn { border-color: #eed865; color: #5c5c5c; }
.homeOeuvres .btnWrapper .btn:hover { border-color: #eed865; background: #eed865; color: #000; }


.homeNewsWrapper {} 
.homeNewsWrapper.has-parme-background-color .postInList  a.postThumbnailLink .postInListInfosWrapper { color: #f9c9cb; } 
.homeNewsWrapper.has-parme-background-color .carousel1 .slick-arrow { background: transparent; color: #ededed; }
.txt .homeNewsWrapper .postInList .dateWrapper { color: rgba(0,0,0, 0.5); }
.homeNewsWrapper .postThumbnailLink .btnWrapper { display: none; } 
.homeNewsWrapper .postThumbnailLink .btnWrapper span.btn { border: 0; text-transform: none; padding: 0; font-size: 14px; color: #f9c9cb; } 



.has-newyellow-color.is-style-edge { -webkit-text-stroke-color: var(--color-yellow); color: transparent;  } 


/*
*  Archives
*/
.menuEditionsWrapper { margin-bottom: 10px; }
.menuEditionsWrapper ul { padding-left: 0; }
.menuEditionsWrapper ul li { display: inline-block; margin-bottom: 5px; }
.menuEditionsWrapper ul li a { border: 2px solid #000; padding: 5px 10px 4px; font-size: 15px; display: inline-block; text-transform: uppercase; text-decoration: none; }
.menuEditionsWrapper ul li a:hover { border-color: #f9c9cb; color: #f9c9cb; }
.menuEditionsWrapper ul li.selected a { background: #000; color: #fff; border-color: #000; }


.oeuvresListFilters { padding-top: 25px; margin-bottom: 50px; }
.oeuvresListFilters ul { padding-left: 0; }

.txt ul.timelineFiltersList { list-style: none; padding: 0 0 25px; text-align: center;  }
.oeuvresListFilters ul li, .txt .timelineFiltersList li { display: inline-block; margin-bottom: 5px; }
.oeuvresListFilters ul li a, .txt .timelineFiltersList li a { border: 2px solid #000; padding: 5px 18px 4px; font-size: 13px; display: inline-block; text-transform: uppercase; cursor: pointer; position: relative; text-decoration: none; }
.oeuvresListFilters ul li a:hover, .txt .timelineFiltersList li a:hover { border-color: #f9c9cb; color: #f9c9cb; }
.oeuvresListFilters ul li a.selected, .txt .timelineFiltersList li a.selected { border-color: #f9c9cb; background: #f9c9cb; color: #000; padding-left: 9px; padding-right: 27px; }
.oeuvresListFilters ul li a.selected:after, .txt .timelineFiltersList li a.selected:after { content: '\f00d'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; z-index: 1; top: 5px; right: 9px;  }

.page-template-page-archives .listOfOeuvres { min-height: 100vh; align-content: flex-start; }

.oeuvreInListWrapper { margin-bottom: 50px; }

.oeuvreInList { text-align: left; }
.oeuvreThumbnailLink, .txt .oeuvreThumbnailLink { display: block; text-decoration: none; }
.oeuvreThumbnailLink:hover { color: var(--color-purple); }
.oeuvreThumbnailLink:hover .oeuvreInfos { top: -5px; }
.oeuvreThumbnailLink:hover .oeuvreTitle { top: 5px;  }
.postThumbnailWrapper { overflow: hidden; }
.oeuvreThumbnailLink:hover .postThumbnailWrapper {  }
.oeuvreThumbnailLink h4, .oeuvreThumbnailLink h5, .oeuvreThumbnailLink p { margin-bottom: 0; text-decoration: none; }

.oeuvreThumbnailLink .postThumbnailWrapper,
.postThumbnailLink .postThumbnailWrapper { transition: box-shadow 0.4s ease; }

.oeuvreThumbnailLink:hover .postThumbnailWrapper,
.postThumbnailLink:hover .postThumbnailWrapper { box-shadow: 0 0 20px rgba(0,0,0,0.2); }

.oeuvreThumbnailLink .postThumbnailWrapper img,
.postThumbnailLink .postThumbnailWrapper img { transition: transform 0.4s ease, opacity 0.4s ease; }

.oeuvreThumbnailLink:hover .postThumbnailWrapper img,
.postThumbnailLink:hover .postThumbnailWrapper img { transform: scale(1.02); }

.oeuvreThumbnailLink:active {  }
.oeuvreThumbnailLink:active img {  }

.oeuvreInList .oeuvreTitle { position: relative; top: 3px; transition: top .2s ease-in-out;   }

.oeuvreInList .oeuvreTitle h4 { font-size: 16px; text-transform: uppercase; font-weight: bold; }
.oeuvreInList .oeuvreTitle h5, .activiteInList .activiteVille  { font-size: 16px; text-transform: uppercase; font-weight: normal; font-style: italic; line-height: 1.2; }

.oeuvreInList .oeuvreInfos { font-size: 14px; margin-top: 20px; line-height: 1.3; position: relative; top: -3px; transition: top .2s ease-in-out;}
.oeuvreInList .oeuvreInfos .oeuvreType { text-transform: uppercase; }
.oeuvreInList .oeuvreInfos .oeuvreAnnee { font-weight: bold; }

.listOfOeuvres { padding-bottom: 100px; }

/*
* Single oeuvre
*/
body.single-oeuvre .site-content, body.single-event .site-content, body.single-activite .site-content { background: #ededed; }

body.single-oeuvre .txt, body.single-event .txt { padding-bottom: 90px; }

.oeuvreTopRow h1, .activiteTopRow h1 { margin-bottom: 5px; text-transform: uppercase; line-height: 1; font-weight: bold; }
.singleOeuvreTopRow h1 { margin-bottom: 5px; text-transform: uppercase; line-height: 1; }
.singleOeuvreTopRow h2, .activiteTopRow h2 { margin-bottom: 9px; line-height: 1; font-weight: normal; }
.singleOeuvreTopRow h4 { color: #5c5c5c; }

.artisteBlock { margin-bottom: 60px; }
.artisteBlockLeft { text-align: left; }
.artisteBlockLeft img { max-width: 60%; }

.artisteBlockRight h2 { margin: 15px 0; text-transform: uppercase;  }
.artisteBlockRight h2 sup { display: none; }

.artistContactLine { margin-bottom: 25px; }
.artistContactLine a { color: #5c5c5c; }
.artistContactLine a:hover { color: #000; }
.artistContactLine > a { font-size: 0.8em; }

.txt .artisteSocials { display: inline-block; list-style: none; margin-right: 50px; margin-bottom: 0; padding-left: 0; }
.txt .artisteSocials li { display: inline-block; list-style: none; padding: 0; margin: 0 15px; }
.txt .artisteSocials li:first-child { margin-left: 0; }

.txt .infosPratiquesBlock p { line-height: 1.3; text-transform: uppercase; }
.othersOeuvres { background: #fff; padding: 70px 0; }
.othersOeuvres .listOfOeuvres { padding-bottom: 20px; justify-content: center; }
.othersOeuvres .edge { margin-bottom: 70px; font-weight: bold; }
.othersOeuvres .btnWrapper { text-align: center; margin: 0; }

.bottomLinkWrapper { background: var(--color-yellow); text-align: center; padding: 70px 0; }
.bottomLinkWrapper a.btn { border-color: var(--color-purple); color: var(--color-purple) }
.bottomLinkWrapper a.btn:hover { border-color: var(--color-purple); background: var(--color-purple)!important; color: var(--color-yellow);} 

.txt .socialShare { margin-top: 5px; }
.txt .socialShare ul { padding-left: 0; }
.txt .socialShare li { padding: 0; margin: 0 15px; }
.txt .socialShare li:first-child { margin-left: 0; }


.oeuvreTopRow { margin-bottom: 70px; }
.oeuvreInfosRow {}
.oeuvreArtistsRow {}
.oeuvreCreditsRow {}

/*
*  Production
*/
.productionTop { margin-top: -50px; }
.productionTop > .wp-block-column:last-child { padding: 5vw; }
.productionTop > .wp-block-column:first-child .wp-block-columns.has-background { padding: 5vw; }


.numberWrapper .numberCount { margin-bottom: 15px; }
.numberCount span { color: var(--color-purple); font-weight: bold; font-size: 28px; letter-spacing: 1.5px; display: inline-block; border: 5px solid var(--color-purple); padding: 5px 20px; }

.limitedWidth { max-width: 1140px; }

.timeline.wp-block-group.has-background.alignfull { padding-top: 0; padding-bottom: 0; }
.timeline .wp-block-columns .wp-block-column { margin-left: 0; }

.timelineItem:before { content: ''; display: block; width: 20px; height: 20px; border-radius: 100%; background: var(--color-purple); position: absolute; left: 5vw; top: -10px; z-index: 10; }
.timelineItem:after { content: ''; display: block; width: 90%; border-top: 3px solid var(--color-purple); position: absolute; left: 5vw; top: 0; z-index: 9; }
.timelineItem { position: relative; padding: 35px 5vw 45px; left: -5vw; width: 100vw;  }
.txt .timelineItem h6, .txt .timelineItem p { margin-bottom: 15px; }
.txt .timelineItem h6 { text-transform: uppercase; }

.timelineItemSelected { background: #fff; box-shadow: inset 0 0 0px 5px var(--color-purple);  } 
.timelineItemWhite { background: #fff; color: #bfbfbf; }
.timelineItemWhite.timelineItem:after { display: none; }

.txt .logoProductionYellow { margin-bottom: 50px; }
.logoProductionYellow img { max-width: 100%; }

/*
*  Presse
*/

.wp-block-group.has-background.alignfull { padding: 70px 0 70px; }


/*
*  Nous soutenir
*/
.noMarginColumn.is-vertically-aligned-center { align-self: stretch; }
.noMarginColumn .wp-block-image { margin: 0; }
.noMarginColumn img { width: 100%; display: block;  }

.moreVerticalPadding { padding-top: 50px; padding-bottom: 50px; }

.gradientBg, .gradientBg.has-white-background-color { background: #f2dce2 url(assets/img/bg-gradient1.jpg) no-repeat 50% 50%; background-size: cover; }

/*
*  DAC
*/
.page-template-page-dac .site-header { height: auto; }
.page-template-page-dac .txt { position: relative; }
.dacSocialWrapper { position: absolute; right: 5px; top: 5px; z-index: 50; width: auto; }
.txt .dacSocialWrapper ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.txt .dacSocialWrapper a { color: #ededed; text-decoration: none; }
.txt .dacSocialWrapper a:hover { color: #b1ff8e; }

.backDACwrapper { float: left; }
.backDACwrapper a { display: block; float: left; }
.backDACicon { display: block; height: auto; width: 40px;}
.backDAClogoCN, .backDACwrapper span { display: none; }
.headerDacRow { padding: 15px 0; display: flex; align-items: center;  }
.headerDacRow .logoDAC { float: left; width: calc(100% - 100px); margin: 0 auto;  }
.headerDacRow .logoDAC img { max-width: 100%; display: block; margin: 0 auto;  }

.dacMenuTopWrapper { background: #45b382; padding: 10px 25px 10px; display: none; }
.txt .dacMenuTop { list-style: none; padding-left: 0; margin-bottom: 0; }
.txt .dacMenuTop li { padding-left: 0; font-size: 17px; line-height: 1; margin-bottom: 5px; }
.txt .dacMenuTop li a { color: #b1ff8e; display: block; text-decoration: none; }
.txt .dacMenuTop li a:hover { color: #fff; }

.page-template-page-dac .txt { padding: 0; }
.page-template-page-dac .txt h2 { text-transform: uppercase; color: #45b382; }

.txt .titleShape1 { font-size: 26px; font-weight: normal;  line-height: 1.2; position: relative; padding-left: 30px; }
.titleShape1:before { content: ''; display: block; width: 60px; height: 60px; background: transparent url(assets/img/shape-title-1.svg) no-repeat 0 0; background-size: 60px 60px; position: absolute; z-index: 1; left: -8px; top: -21px; }

.dacSectionTop { background: #2d646e url(assets/img/gradient-dac-4.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; }



.dacSectionTop .smallTitle { margin-top: 0; }
.dacSectionTop .wp-block-button__link.has-yellow-color, .dacSectionInfos .wp-block-button__link.has-yellow-color { color: #b1ff8e; border-color: #b1ff8e;  }
.dacSectionTop .wp-block-button__link.has-yellow-color:hover, .dacSectionInfos .wp-block-button__link.has-yellow-color:hover { background: #b1ff8e; border-color: #b1ff8e; color: #000; }
.dacSectionTop img { width: 100%; display: block; height: auto; }
.txt .dacSectionTop h2 { color: #fff; }

.dacSectionParty { background: #45b382 url(assets/img/gradient-dac-3.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; text-transform: uppercase; }
.dacSectionParty.wp-block-group.has-background.alignfull { padding: 30px 0; }
.dacSectionParty .wp-block-group__inner-container { background: transparent url(assets/img/shape1-grey.svg) no-repeat 0 0; background-size: 100px 100px; padding-top: 100px; }
.txt .dacSectionParty .wp-block-button__link { border-color: #fff; color: #fff; }
.txt .dacSectionParty .wp-block-button__link:hover { border-color: #fff; color: #000; background: #fff; }

.txt .dacSectionParty .wp-block-column { margin-bottom: 25px; }
.txt .dacSectionParty .wp-block-column p { font-size: 1.2em; }
.txt .dacSectionParty .wp-block-column:last-child { margin-bottom: 0; }

.dacSectionInfos { background: #2d646e url(assets/img/gradient-dac-4.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; }

.dacSectionInfos h2 { position: relative; padding-left: 30px; }
.dacSectionInfos h2:before { content: ''; display: block; width: 60px; height: 60px; background: transparent url(assets/img/shape-title-2.svg) no-repeat 0 0; background-size: 60px 60px; position: absolute; z-index: 1; left: -8px; bottom: -21px; }

.dacSectionInfosTxtBlock { max-width: 1200px; }

.dacSectionMembers {}

.memberDAC { margin-bottom: 50px; font-size: 15px; }
.memberDAC h6 { font-weight: normal; text-transform: uppercase; color: #45b382; margin: 0; letter-spacing: 0.6px; }
.memberDAC a:hover { color: #45b382; }

.memberDAC .memberLogo img { max-height: 100px; display: block; width: auto; }

.dacSectionContact {  background: #fff; background-size: cover; ; }
.txt .dacSectionContact .wp-block-button__link.has-black-background-color { background: transparent; color: #45b382; border: 5px solid #45b382; }
.txt .dacSectionContact .wp-block-button__link.has-black-background-color:hover { background: #45b382; color: #fff; border-color: #45b382; }
.page-template-page-dac .txt .dacSectionContact h2 {  }


.txt .fullMediaWrapper .wp-block-group__inner-container { margin: 0; width: 100%; max-width: none; }
.txt .fullMediaWrapper .wp-block-image { margin: 0; }
.txt .fullMediaWrapper .wp-block-image img { display: block; width: 100%; height: auto; max-height: 600px; object-fit: cover; }
.txt .fullMediaWrapper video { margin-bottom: 0; width: 100%; height: auto; }
.keepSmall { max-width: 300px; }

.txt .fullMediaDuo img { width: 100%; display: block; height: 100%; object-fit: cover; }
.txt .fullMediaDuo .wp-block-column:not(:first-child) { margin: 0; }
.txt .fullMediaDuo .wp-block-group__inner-container { margin: 0; width: 100%; max-width: none; }
.txt .fullMediaDuo .wp-block-image { margin: 0; height: 100%; }
.txt .fullMediaDuo .wp-block-columns { margin: 0; }

/*
*  DAC 2021
*/
.site-header-dac { border-bottom: 1px solid #45b382; }

.page-template-page-dac-2021 .site-header, #page .site-header-dac { height: auto; background: #fff; }
.page-template-page-dac-2021 .txt { padding-top: 0; }
.dac2021SectionTop { background: #2d646e url(assets/img/gradient-dac-4.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; }
.dac2021SectionTop .wp-block-columns { margin-bottom: 0; }
.dac2021SectionTop.wp-block-group.has-background.alignfull { padding-bottom: 30px; }
.dacSliderWrapper { background: #000;  }
.dacSliderWrapper img { display: block; width: 100%; height: 400px; object-fit: cover; }
.dacSliderWrapper .pageSlider { height: 400px; }
.txt > .dacSliderWrapper.alignfull > .wp-block-group__inner-container { width: 100%; max-width: 100%; }

.page-template-page-dac-2021 .txt .dacMenuTop { text-align: center; }
.page-template-page-dac-2021 .txt .dacMenuTop li a { color: #fff; }
.page-template-page-dac-2021 .txt .dacMenuTop li a:hover { opacity: 0.8; }

.verbatimWrapper { display: none; }
#typed { font-size: 20px; height: 170px; }
#typed p { display: block; margin-bottom: 0; }
#typed cite { display: block; font-style: italic; margin-top: 10px; font-size: 15px; }

#dacSectionPratique { padding-top: 50px; padding-bottom: 50px; }
#dacSectionPratique .wp-block-columns { text-align: center; margin-bottom: 0; }
#dacSectionPratique h3 { border-bottom: 5px solid #45b382; color: #45b382; padding-bottom: 15px; }
#dacSectionPratique h5 { line-height: 1.3; margin-bottom: 15px; }
#dacSectionPratique .wp-block-columns img { max-width: 200px; margin: 0 auto; }


#newsDAC { color: #fff; overflow: hidden; background: #2d646e url(assets/img/gradient-dac-1.png) no-repeat 50% 50%; background-size: cover; }


#newsDAC .postsCarouselWrapper { margin-left: -25px; margin-right: -25px; }
.newsListHzWrapper .horizPostInListWrapper .postInList .postThumbnailWrapper img { border: 5px solid #fff; }
.txt .newsListHzWrapper .postInList .postTitle { text-transform: none; font-size: 23px; }
.newsListHzWrapper .postInList .postThumbnailLink .postExcerpt { margin: 25px 0; font-size: 16px; line-height: 1.5; margin-bottom: 15px; }

#newsDAC .postsCarouselWrapper .slick-prev, #newsDAC .postsCarouselWrapper .slick-next { top: 103px; }

#newsDAC .postInList .postThumbnailLink .postInListInfosWrapper { color: #fff; }

#newsDAC .btnWrapper span.btn { color: #45b382; border-color: #45b382; }
#newsDAC .btnWrapper span.btn:hover { color: #000; border-color: #45b382; background: #45b382; }
.txt #newsDAC .postInList .dateWrapper, .postInList .dateWrapper { color: #45b382; }
#newsDAC .wp-block-cover__inner-container { padding: 50px 0; }
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    max-width: 1600px; width: 90%; margin-left: auto; margin-right: auto; 
}

#newsDAC .horizPostInListWrapper .btnWrapper span.btn { border: 0; padding: 0; text-transform: none; font-size: 14px; letter-spacing: 0; margin-top: -15px; }

.txt .videosSlider { margin-left: -25px; margin-right: -25px; }
.txt .videosSlider .videoBlockCN { padding: 0 25px; }
.txt .videoBlockCN .imageLinkTitre { font-size: 20px; }
.txt .videoBlockCN .postThumbnailWrapper { margin-bottom: 15px; }
.txt .videoBlockCN .postThumbnailWrapper img { width: 100%; height: 120px; display: block; object-fit: cover; }

.dacSocialWrapperBottom { background: #45b382; color: #fff; padding: 10px 0; text-align: center; }
.dacSocialWrapperBottom ul li { display: inline-block; margin: 0 15px; }

.testimonialsSectionWrapper { background: #2d646e url(assets/img/gradient-dac-4.jpg) no-repeat 50% 50%; background-size: cover; }
.testimonialsSectionWrapper h2 { color: #fff; }
.temoignagesSlider {}
.txt .temoignagesSlider { margin-left: -25px; margin-right: -25px; }
.txt .testimonialsSectionWrapper .temoignagesSlider .videoBlockCN a { color: #fff; display: block; cursor: pointer; }
.txt .temoignagesSlider .videoBlockCN { padding: 0 25px; }
.txt .temoignagesSlider .videoBlockCN .postThumbnailWrapper img { height: 230px; }
.txt .temoignagesSlider .videoBlockCN .btnWrapper span.btn { border-color: #45b382; color: #45b382; }
.txt .temoignagesSlider .videoBlockCN a:hover .btnWrapper span.btn { border-color: #45b382; background: #45b382; color: #fff; }

.partnersDacWrapper {}

.pageAdherentSlider { margin-left: -45px; margin-right: -45px; }
.txt .partnerInList { text-align: left; padding: 0 45px; }
.txt .partnerInList .postTitle { color: #45b382; text-transform: uppercase; letter-spacing: 0.6px; font-size: 1.1em; font-weight: normal; margin-bottom: 5px; }
.txt .partnerThumbnailLink { text-decoration: none; }
.partnerThumbnailWrapper { max-width: 200px; margin: 0 0 15px; }
.partnerThumbnailWrapper img { width: 100%; height: 100px; object-fit: contain; display: block; }


.siteDAC .postInList .dateWrapper { color: #45b382; }
.siteDAC .btnWrapper span.btn { border-color: #45b382; color: #45b382; }
.siteDAC .btnWrapper span.btn:hover { border-color: #45b382; background: #45b382; color: #fff; }

.siteDAC .greySection { background: #45b382; }

.newsletterTypedWrapper { min-height: 50px; font-size: 14px; margin-top: 15px; }
.newsletterTypedWrapper a { display: block; }
.newsletterTypedWrapper a #typedFooter { display: inline-block; margin-right: 15px; }
.newsletterTypedWrapper a span.btn { display: inline-block;  background: #fff; color: #45b382; text-transform: uppercase; padding: 3px 15px; }
.newsletterTypedWrapper a:hover span.btn { background: rgba(255,255,255,0.7); }
.footerNewsletter { display: none; }

.downloadLinkFooterDac { font-size: 14px; text-transform: uppercase; text-decoration: underline; }

.dacReseauxWrapper h2 { margin-bottom: 70px; }

/*
*  Activites
*/

.activiteTopRow .wp-block-column:first-child {  padding-top: 100px; position: relative; }
.activiteTopRow .wp-block-column:first-child:before { content: ''; display: block; position: absolute; z-index: 1; background: transparent url(assets/img/pictogramme-a.png) 0 0 no-repeat; background-size: 100% 100%; width: 80px; height: 80px; top: 0; left: 0; }

.txt .activiteItemColumns.wp-block-columns  { margin-bottom: 70px; }
.activiteItemLeft {}
.txt .activiteAnchorsList { padding: 0; list-style: none; }
.txt .activiteAnchorsList li { padding: 0; display: inline-block; margin-right: 15px; margin-bottom: 7px; }
.txt .activiteAnchorsList li a { display: block; text-decoration: none; border: 1px solid #000; padding: 5px 10px; font-weight: bold; text-transform: uppercase; }
.txt .activiteAnchorsList li a:hover { background: #FFF; border-color: #fff; }

.activiteInListWrapper { margin-bottom: 50px; }
.activiteInList .postThumbnailWrapper img { height: auto; }


.activiteBlockWrapper > div > h4 { position: relative; }
.activiteBlockWrapper > div > h4:before { content: ''; display: none; width: 110px; height: 110px; position: absolute; z-index: 0; left: 0; top: calc(100% + 50px); background: transparent url(assets/img/pictogramme-a.png) 0 0 no-repeat; background-size: 100% 100%;  }

/*
*  Partenaires
*/
.partnerBlock { margin-bottom: 70px; }


/*
*  Voir plus
*/
.seeMoreLink a {}
.seeMoreWrapper .seeMoreHide { display: none; }

/*
*  Infos pratiques
*/
.txt .infosLinksBlocks { padding-bottom: 35px; }
.txt .infosLinksBlocks h6 { text-transform: uppercase; font-weight: normal; margin-bottom: 1em; line-height: 1.2; }
.infosLinksBlocks a { text-decoration: none; }
.infosLinksBlocks a:after { content: '\f30b'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px; }
.txt .infosLinksBlocks p { margin-bottom: 1em; }

/*
* pageAnchors
*/
ul.pageAnchors, .txt ul.pageAnchors { padding: 0; list-style: none; text-transform: uppercase; }
ul.pageAnchors li, .txt ul.pageAnchors li { display: inline-block; padding: 0; margin-right: 5px; }
ul.pageAnchors li a:hover, .txt ul.pageAnchors li a:hover { background: #f9c9cb; color: #000; border-color: #f9c9cb; }
.txt ul.pageAnchors li a:before { content: '\f0d7'; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; }
.txt ul.pageAnchors li a.ddl:before { content: '\f019';  }

/*
* maps 
*/
.txt .gm-style .gm-style-iw-c { padding: 0; border-radius: 0; box-shadow: none; background: transparent; }
.txt .gm-style .gm-style-iw-t:after { box-shadow: none; background: #eed865; display: none; }
.txt .gm-style .gm-style-iw-d { overflow: auto !important; }
.txt .gm-style button.gm-ui-hover-effect { background: rgba(255, 255, 255, 0.5)!important; opacity: 0; top: -10px!important; right: 0!important; width: 40px!important; height: 40px!important; transition: top 0.3s ease, opacity 0.3s ease, background 0.3s ease; }
.txt .gm-style button.gm-ui-hover-effect:hover { background: rgba(255, 255, 255, 0.9)!important; }
.txt .gm-style .gm-style-iw-c:hover button.gm-ui-hover-effect { opacity: 1; top:0!important; }

.txt .gm-style button.gm-ui-hover-effect img { width: 18px!important; height: 18px!important; margin: 11px!important; }

.txt .eventInMap a { display: block; text-decoration: none; }
.txt .eventInMap { position: relative; padding-bottom: 14px; }
.txt .eventInMap .eventInList { background: #eed865; padding: 0; position: relative; margin: 0; max-width: 185px; }
.txt .eventInMap .eventInList .eventInListInfosWrapper { padding: 0 10px 10px;  }
.txt .eventInMap:after { 
    content: ''; display: block; width: 0; height: 0; position: absolute; z-index: 1; bottom: 0; left: 50%; 
    margin-left: -15px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #eed865;
}

.txt .eventInMap .btnWrapper { text-transform: uppercase; }

.eventInMap .eventInList { position: relative; }
.eventInMap .eventInList .gmapLink { display: block; position: absolute; z-index: 2; right: 0; bottom: 0; width: 40px; line-height: 40px; background: rgba(255,255,255,0.5); text-align: center; font-size: 18px; }
.eventInMap .eventInList .gmapLink:hover { background: #fff; } 
.eventInMap.window-black .eventInList .gmapLink:hover { color: #000; } 

.txt .eventInMap.window-pink .eventInList { background: #f9c9cb; }
.txt .eventInMap.window-pink:after { border-top-color: #f9c9cb; }
.txt .eventInMap.window-black .eventInList { background: #000; color: #fff; }
.txt .eventInMap.window-black .eventInList a, .eventInMap.window-black .eventInList .eventInfosTop { color: #fff; }
.txt .eventInMap.window-black:after { border-top-color: #000; }

.txt .eventInMap img { max-width: 185px; height: 100px; object-fit: cover; display: block; }

.txt .mapLinksWrapper { padding-top: 15px; color: #5c5c5c; }
.txt .mapLinksWrapper ul { list-style: none; padding: 0; }
.txt .mapLinksWrapper ul li { padding: 3px 0; display: block; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; }
.txt .mapLinksWrapper ul li a { text-decoration: none; cursor: pointer; color: #5c5c5c; display: block; padding: 9px 44px 10px 0; line-height: 1.2; font-size: 16px; }

.txt .mapLinksWrapper ul li a.markerLink:hover { text-decoration: underline; }
.txt .mapLinksWrapper ul li a.markerLink:focus, .txt .mapLinksWrapper ul li a.markerLink:active { text-decoration: underline;  }

.txt .mapLinksWrapper ul li a.pageLink { position: absolute; z-index: 2; right: 0; top: 4px; border-radius: 100%; display: block; padding: 4px 10px; text-align: center; min-width: 36px; background: #eed865;  color: #fff; font-size: 16px; line-height: 28px; }
.txt .mapLinksWrapper ul li.mk-pink a.pageLink { background: #f9c9cb;}
.txt .mapLinksWrapper ul li.mk-black a.pageLink { background: #000; color: #ededed; }
.txt .mapLinksWrapper ul li a.pageLink:hover { background: #ededed; color: #5c5c5c; }


.txt ul.mapLegend { list-style: none; padding: 0; margin: 25px 0 0; font-size: 14px; text-transform: uppercase; display: none; }
.txt ul.mapLegend li { display: inline-block; position: relative; padding-left: 20px; }
.txt ul.mapLegend li:not(:first-child) { margin-left: 15px; }
.txt ul.mapLegend li:before { content: ''; position: absolute; z-index: 2; width: 13px; height: 13px; background: #f9c9cb; top: 5px; left: 0; border-radius: 100%; }
.txt ul.mapLegend li.expositions:before { background: #eed865; }
.txt ul.mapLegend li.partner:before { background: #000; }
/*
*  tabs
*/

.tabsWrapper {}
.tabItemWrapper {}
.tabTitle a, .tabsNavigation a  { text-transform: uppercase; font-size: 16px; letter-spacing: 1px; line-height: 1.1; text-decoration: none; border: 3px solid #000; display: inline-block; padding: 10px 15px; }
.tabContent {}

.tabsNavigation { display: none; border-bottom: 3px solid #000; padding: 0 0 30px; text-align: center; }
.tabsWrapper.noBorders .tabsNavigation { border: 0; }
.tabsNavigation a { margin: 0 15px; }
.tabsNavigation a:hover { color: #f9c9cb; border-color: #f9c9cb; }
.tabsNavigation a.selected { background: #000; color: #FFF; border-color: #000; }


/*
*  small image link block / prog
*/

.smallImageLinkBlocks.wp-block-group.has-background.alignfull { padding-bottom: 20px; }
.smallImageLinkBlocks .wp-block-columns { margin-bottom: 0; }

.smallImageLinkBlock { text-align: center; }
.txt .smallImageLinkBlock a { text-decoration: none; display: block; position: relative;}
.txt .smallImageLinkBlock a:hover {  }
.txt .smallImageLinkBlock .imageLinkTitre  { font-size: 22px;  }
.txt .smallImageLinkBlock .imageLinkTitre span { display: block; font-size: 16px; }
.txt .smallImageLinkBlock .imageLinkSousTitre { font-size: 16px; margin-top: 5px; transition: color 0.3s ease; }
.txt .smallImageLinkBlock a .postThumbnailWrapper { height: 100px; transition: height 0.8s ease, background-color 0.3s ease; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; background: #fff url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 20px 20px; }
.txt .smallImageLinkBlock a:hover .postThumbnailWrapper { height: 200px; background-color: #5c5c5c; }

.txt .smallImageLinkBlock a .postInListInfosWrapper { position: relative; z-index: 1; top: 0; transition: top 0.3s ease, color 0.3s ease; padding: 115px 15px 0; }
.txt .smallImageLinkBlock a:hover .postInListInfosWrapper { color: #fff; top: -80px; }
.txt .smallImageLinkBlock a .postThumbnailWrapper img { transition: transform 0.8s ease; transform-origin: center center; width: 100%; object-fit: cover;  }
.txt .smallImageLinkBlock a:hover .postThumbnailWrapper img { transform: scale(1.5); /*transform-origin: center center;*/  }
.txt .smallImageLinkBlock a:hover h4 { }
.txt .smallImageLinkBlock a:hover .imageLinkSousTitre {}

.txt .smallImageLinkBlock a .iconWrapper { display: block; text-align: center; position: relative; transition: opacity 0.3s ease, top .3s ease; opacity: 0; top: 10px; }
.txt .smallImageLinkBlock a:hover .iconWrapper { opacity: 1; top: 0px; }

.txt .dossiersProdWrapper .smallImageLinkBlock .imageLinkTitre { font-size: 19px; }
.txt .dossiersProdWrapper .smallImageLinkBlock .imageLinkSousTitre { font-size: 13px; opacity: 0.5; }
/*
*  image link block / home
*/

.imageLinkBlock a { display: block; position: relative; color: #fff; overflow: hidden; background: #f9c9cb; }
.imageLinkBlock .postThumbnailWrapper img { display: block; width: 100%; height: 320px; object-fit: cover; position: relative; z-index: 1; transition: transform 0.8s ease; }
.imageLinkBlock a:hover .postThumbnailWrapper img { transform: scale(1.2); transform-origin: center top; display: block; }
.imageLinkBlock .postThumbnailWrapper { position: relative; z-index: 1; }
.imageLinkBlock .postThumbnailWrapper .txtImageWrapper { width: 100%; height: 100%; display: block; }
.imageLinkBlock .imageLinkTxt { position: absolute; z-index: 3; bottom: -50px; left: 0; padding: 25px; width: 100%; transition: bottom 0.6s ease; }
.imageLinkBlock a:hover .imageLinkTxt { bottom: 0; }
.txt .imageLinkBlock .imageLinkSousTitre { margin-bottom: 0; }

.imageLinkBlock .imageLinkTxt .btnWrapper { opacity: 0; transition: opacity 0.3s ease; }
.txt .imageLinkBlock .imageLinkTxt .btnWrapper span.btn { background: #fff!important; color: #000; padding: 3px 7px 2px; display: inline-block; font-size: 14px; border: 0; }
.imageLinkBlock a:hover .imageLinkTxt .btnWrapper { opacity: 1; }
.txt .imageLinkTitre { margin-bottom: 0; font-size: 30px; }
.txt .imageLinkTitre span { white-space: nowrap; font-size: 18px; }

.imageLinkBlock a:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: -20px; left: 0; z-index: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);  opacity: .6; transition: bottom 0.7s ease, opacity 0.3s ease; }
.imageLinkBlock a:hover:after { opacity: 1; bottom: 0; }

/*
*  icon Link Block
*/
.iconLinkBlock { text-align: center; }
.txt .iconLinkBlock a { text-decoration: none; }
.iconLinkBlock .imageLinkTitre { text-decoration: none; font-size: 19px; max-width: 200px; margin: 0 auto; }
.iconLinkBlock .postThumbnailWrapper { max-width: 200px; margin: 0 auto; }
.iconLinkBlock .postThumbnailWrapper img { display: block; -webkit-animation: rotation 59s infinite linear; }

@-webkit-keyframes rotation {
                from { -webkit-transform: rotate(0deg);  }
                to { -webkit-transform: rotate(-359deg);  }
}
.txt .iconLinkBlock .btnWrapper { margin-top: 35px; }
.iconLinkBlock .btnWrapper span.btn { border-color: #fff; background: #fff; color: rgba(0,0,0,0.3); font-size: 14px; }
.iconLinkBlock a:hover .btnWrapper span.btn { border-color: #000; background: #fff; color: rgba(0,0,0,1); }

.txt .offsetLeft .wp-block-separator { opacity: 1; /* border-bottom: 3px solid #000;*/ }
.txt .wp-block-separator { margin: 50px auto; }
.txt .wp-block-separator.alignLeft { margin-left: 0; }
/*
*  timeline block / time grid
*/

.timeGridWrapper {}
.timeGridWrapper h5 { text-transform: uppercase; font-weight: bold; font-size: 18px; color: rgba(0,0,0,0.5); border-bottom: 5px solid rgba(0,0,0,0.5); padding-bottom: 15px; margin-bottom: 15px; }
.timeGridWrapper h6 { text-transform: uppercase; font-weight: normal; font-size: 16px; color: rgba(0,0,0,0.5); margin-bottom: 15px; }

.timeGridItem { font-size: 14px; line-height: 1.3; margin: 5px 0; }
.timeGridItem > a { padding: 10px; display: block; text-decoration: none; position: relative; z-index: 0; background: #f9c9cb; left: 0; transition: box-shadow 0.3s ease, left 0.3s ease, background 0.3s ease, opacity  0.3s ease, color  0.3s ease; }
.timeGridItem a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2); left: 5px; }
.timeGridItem > div { padding: 10px; background: #f9c9cb; transition: background 0.6s ease, opacity  0.6s ease, color  0.6s ease;  }
.txt .timeGridItem p { margin-bottom: 0; }
.txt .timeGridItem p.itemTitle { margin-bottom: 3px; line-height: 1.1; }

.itemTitle .horaires { font-size: 0.7em; display: inline-block; }

.itemColor-blue > a, .itemColor-blue > div { background: #004b9b; color: #fff; }
.itemColor-yellow > a, .itemColor-yellow > div { background: #eed865; }
.itemColor-black > a, .itemColor-black > div { background: #000; color: #fff; }
.itemColor-lightblue > a, .itemColor-lightblue > div { background: #a8cdd6;}

.timeGridItem.disabled > a, .timeGridItem.disabled > div { background: #fff; color: #ededed; opacity: 0.3; }


/*
*  Campus
*/

.campusSlider { position: relative; overflow: hidden;  }
.campusSlider .slick-dots { left: 5%; right: 5%; text-align: left; padding-left: 0; width: auto; }
.campusSlider:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(180deg, rgba(48,29,80,0.8015406846332283) 0%, rgba(48,29,80,0) 100%); mix-blend-mode: multiply; pointer-events: none; }
.campusSliderImgGalerie { position: relative; z-index: 0; }
.campusSliderImgGalerie.wp-block-gallery.has-nested-images figure.wp-block-image { width: 100%!important; height: 490px; display: none; }
.campusSliderImgGalerie.wp-block-gallery.has-nested-images figure.wp-block-image:first-child { display: block; }
.campusSliderImgGalerie.wp-block-gallery.has-nested-images figure.wp-block-image img { height: 100%; width: 100%; object-fit: cover; }
.campusSliderTxt { position: absolute;  z-index: 2; top: 50px; left: 5%; right: 5%; color: #fff; }
.campusTitle1 { font-weight: bold; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #fff; color: transparent !important; font-size: 36px; }
.campusTagline { font-weight: bold; font-size: 20px; line-height: 1.2; }

.txt ul.menuTopCampus { text-transform: uppercase; list-style: none; padding-left: 0; margin: 25px auto 50px; border-bottom: 2px solid #f39669; padding-bottom: 0; text-align: center; margin-bottom: 0; }
.txt ul.menuTopCampus li { display: inline-block; padding: 0 10px; }
.txt ul.menuTopCampus li:first-child { padding-left: 0px; }
.txt ul.menuTopCampus li a { text-decoration: none; font-size: 16px; line-height: 1.1; display: block; padding: 10px 0; letter-spacing: 1px; }
.txt ul.menuTopCampus li a:hover { color: #f39669; }
.logoCampusOrange img { max-width: 440px; }


.timelineCampus .timelineItem::before { background-color: #f39669; }
.timelineCampus .timelineItem::after { border-top-color: #f39669; }

.alignfull.fullWidthContent > .wp-block-group__inner-container { width: 100%; max-width: none; }

h2.nuTitle { font-weight: bold; line-height: 1;  }
h2.nuTitle.has-orange-color strong { -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #f39669; color: transparent!important; }

.campusContact input[type="text"], .campusContact input[type="email"], .campusContact input[type="tel"], textarea { border-color: #f39669; background: transparent; margin-top: 3px; }
.campusContact input[type="text"]:focus, .campusContact input[type="email"]:focus, .campusContact input[type="tel"]:focus, textarea:focus { border-color: #f39669; background: #fff; }
.txt .campusContact input[type="submit"] { border-color: #000; color: #000; }
.txt .campusContact input[type="submit"]:hover { border-color: #f39669; background: #f39669!important; color: #000; }
.campusContact .wpcf7-list-item { margin: 0 1em 0 0; }


.campusPhotoBeneficiaires { margin-top: -9vw; }
.campusPhotoBeneficiaires img { position: relative; top: 15vw; z-index: 1; width: 100%; }

.campusBeneficiaires.wp-block-group.has-background.alignfull { padding-top: 19vw; }

.campusBeneficiaires h2.nuTitle strong { color: transparent!important;  -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #fff;}
.campusBeneficiairesList { padding: 50px 0; }
.campusBeneficiaireItem {}
.campusBeneficiaireItem .wp-block-media-text__media  { background: #f39669; padding: 15px 0; }
.campusBeneficiaireItem .wp-block-media-text__media img { max-width: 111px; margin: 0 auto; }
.campusBeneficiaireItem .wp-block-media-text__content h3 { margin-bottom: 20px; }
.campusBeneficiaireItem .wp-block-media-text__content .wp-block-separator { margin-bottom: 28px; }

.capsuleGroup { background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #f39669; }
.capsuleHidden { display: none; }
.capsuleOpened .capsuleHidden { display: block; }
.capsuleOpened .capsuleLinkPlus{ display: none; }
.txt .campusDuree { margin: 10px 0 5px; }

.campusProgrammeCols { margin-bottom: 30px; }
.campusProgrammeCols > .wp-block-column { position: relative; margin-bottom: 30px; }
.campusProgrammeItemTextes { padding: 20px; background: transparent; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0;  line-height: 1.3; font-size: 13px; }
.campusProgrammeItemTextes:before { content: ''; position: absolute; z-index: 0; top: 0; height: 100px; left: 0; right: 0;  background: linear-gradient(180deg, rgba(48,29,80,0.8015406846332283) 0%, rgba(48,29,80,0) 100%); }
.campusProgrammeItemTextes > * { position: relative; z-index: 1; }

.campusProgrammeCols > .wp-block-column:before { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(48, 29, 80, 0.8); opacity: 0; transition: opacity 0.2s ease; }
.campusProgrammeCols > .wp-block-column:hover:before { opacity: 1; }
.campusProgrammeCols > .wp-block-column > .wp-block-image { position: relative; z-index: 0; margin: 0;  height: 60vw; max-height:  500px; }
.campusProgrammeCols > .wp-block-column > .wp-block-image img { object-fit: cover; height: 100%; width: 100%; }
.campusProgrammeItemTextes > * { opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
.campusProgrammeCols > .wp-block-column:hover .campusProgrammeItemTextes > * { opacity: 1; }
.campusProgrammeItemTextes > h3 { opacity: 1; margin-bottom: 15px; }
.campusProgrammeItemTextes p { margin-bottom: 5px; }

.campusBtn a.wp-block-button__link:hover {background-color: #f39669!important; border-color: #f39669; }
.campusAxe { position: relative; border-top: 1px solid #fff; padding: 35px 25px; }
.campusAxe > .wp-block-column:first-child { 
    position: absolute; z-index: 2; border: 1px solid #fff; border-radius: 100%; width: 68px; height: 68px; display: flex; justify-content: center; align-items: center; 
    top: -34px; left: 20px; background: #f39669; color: #fff; font-size: 36px;
}
.campusAxe p { margin-bottom: 10px; }

.campusContact .captcha-image .cf7ic_instructions span { color: #f39669; }
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg { border-color: #f39669!important; }
.wpcf7-form-control-wrap.kc_captcha { display: block; margin-top: 15px; }
.campusContact .captcha-image { display: block; }

/*
*  Agenda
*/
.agendaWrapper {}
.agendaHeader { background: var(--color-yellow); display: flex; padding: 5px; gap: 5px; flex-direction: column; }
.calendarFilters { background: #fff;  position: relative; }
.eventTypesListFilters { background: #fff; position: relative; }
.selectorScreen { padding: 15px; font-weight: 600; position: relative; }
.selectorScreen > i { float: right; position: relative; top: 6px; }
.selectorScreen span {  }
.eventTypesListFilters ul { display: none; list-style: none; font-size: 15px; position: absolute; z-index: 4; left: 0; top: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.3); padding: 0; }
.eventTypesListFilters ul li { padding: 0; }
.eventTypesListFilters ul li a { display: block; padding: 5px 15px; }
.eventTypesListFilters ul li.selected a, .eventTypesListFilters ul li a:hover { background: var(--color-yellow); cursor: pointer; }

.agendaWrapper .listOfEvents { padding-top: 50px; }

.listOfEventsWrapper { position: relative; }
.agendaEventsLoader { position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; background: #fff; padding-top: 50px; pointer-events: none; display: none; }
.agendaEventsLoader img { max-width: 30px; height: auto;  }

.agendaWrapper .listOfEvents { transition: transform 0.2s; }
.agendaWrapper .listOfEvents.eventsloading { transform: translateY(30px); }

/*** calendar ***/

.calendarWrapper { display: none; position: absolute; z-index: 4; left: 0; top: 100%; max-width: 300px; width: 100%; background: #fff; padding: 0; box-shadow: 0 5px 10px rgba(0,0,0,0.3); }

#calendar-outer .prev { display: inline-block; float: left; cursor: pointer }
#calendar-outer .next { display: inline-block; float: right; cursor: pointer }
#calendar-outer div.calendar-nav a {  color: #fff; font-size: 22px;  }
#calendar-outer div.calendar-nav a:active { opacity: 0.6; }


#calendar-outer div.calendar-nav {  background: var(--color-yellow); text-align: center; padding: 20px 10px 20px; line-height: 20px; border-radius: 0 0; }

.calendarTitle { font-size: 20px; text-transform: uppercase; }

#calendar-outer .week-name-title { margin: 0 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
#calendar-outer .week-name-title li { display: inline-block; padding: 0 0; text-align: center; color: #6b7a86;  }

#calendar-outer .week-day-cell { border: 1px solid #c2c8ce; border-bottom: 0; border-right: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr);} 
#calendar-outer .week-day-cell li {
	display: inline-block; 
	text-align: center; line-height: 55px; border: 1px solid #c2c8ce; border-top: 0; border-left: 0; 
	vertical-align: middle; color: #6b7a86; font-size: 17px; padding: 0;
}
#calendar-outer .week-day-cell li a { position: relative; color: #000; display: block; text-decoration: none; cursor: pointer; }
#calendar-outer .week-day-cell li.selected a, #calendar-outer .week-day-cell li a:hover { background-color: var(--color-yellow); } 

#calendar-outer .week-day-cell li.dmy-18012023 a:after,
#calendar-outer .week-day-cell li.dmy-19012023 a:after,
#calendar-outer .week-day-cell li.dmy-20012023 a:after,
#calendar-outer .week-day-cell li.dmy-21012023 a:after { content: ''; display: block; width: 34px; height: 34px; border-radius: 100%; background: var(--color-yellow); position: absolute; z-index: 0; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; pointer-events: none; }
#calendar-outer .week-day-cell li a span { position: relative; z-index: 2; }

#calendar-outer .week-day-cell li.today { position: relative; }
#calendar-outer .week-day-cell li.today > span { position: relative; z-index: 2; }
#calendar-outer .week-day-cell li.today:before { content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; border: 2px solid var(--color-yellow); position: absolute; z-index: 1; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; pointer-events: none;  }

#calendar-outer .week-day-cell li a > strong { position: absolute; z-index: 0; width: 100%; line-height: 4px; height: 4px;left: 0; bottom: 5px; pointer-events: none; display: flex; justify-content: center;  }
#calendar-outer .week-day-cell li a > strong > i { display: block;  }
#calendar-outer .week-day-cell li a > strong > i:before { content: ''; display: block; line-height: 4px; width: 4px; height: 4px; border-radius: 100%; background: var(--color-yellow); margin: 0 2px; }

.calendarInner { position: relative; }
.calendarOverlay { display: none; background: rgba(0,0,0,0.05) url(assets/img/loader.gif) no-repeat 50% 50%; background-size: 40px 40px; position: absolute; z-index: 8; width: 100%; height: 100%; top: 0; left: 0; }

.resetFilter { display: inline-block; margin-right: 5px; display: none; }

.eventTypeThumbnail { display: none; }
.agendaWrapper .postThumbnailWrapper { position: relative; } 
.agendaWrapper .eventTypeThumbnail { display: flex; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; align-items: center; justify-content: center; text-transform: uppercase; font-size: 20px; line-height: 1.1; font-weight: bold; padding: 5px; transition: background 0.3s ease; }
.agendaWrapper a:hover .eventTypeThumbnail { background: rgba(0,0,0,0.5); }
.agendaWrapper .eventInList a h4 sup { display: none; }
.agendaWrapper .eventInList a .postTitle { padding-top: 0; }

/*****************/

/*
*  Cookie notice
*/
#cookie-notice .cn-button { border-radius: 0; background: #eed865; color: #000; }

/*
* Popup maker 
*/

.popmake .popmake-title { background: #eed865; padding: 12px 20px 20px; letter-spacing: 1px; }
.popmake .popmake-content { padding: 25px; }
.popmake .popmake-content h3 { margin-bottom: 25px; }
.popmake .socialLinks { padding: 25px 0; text-align: center;  }

/*
*  
*/

.wpcf7 form .wpcf7-response-output { margin: 25px 0 50px; padding: 20px 25px; }

/*
*  
*/
.newsletterFormPageWrapper { max-width: 500px; margin: 0 auto; }
.newsletterFormPageWrapper .mc-field-group input[type="text"], .newsletterFormPageWrapper .mc-field-group input[type="email"] { margin: 10px 0 15px; }