:root {
--bs-font-sans-serif: 'RidleyGrotesk-Regular', sans-serif !important;
--bs-body-font-size: 15px !important;
}
/* Global */
body {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
--bs-body-color: #000;
font-family: 'RidleyGrotesk-Regular', sans-serif;
overflow-x: hidden;
}
html.tarteaucitron {
overflow: hidden;
}
.w1600{
max-width: 1600px;
margin: 0 auto;
}
.w1200{
max-width: 1200px;
margin: 0 auto;
}
.w1300{
max-width: 1300px;
margin: 0 auto;
}
.w1100{
max-width: 1100px;
margin: 0 auto;
}
h1{
font-family: "RidleyGrotesk-UltraLight";
font-size: 2.25rem;
color: #333;
line-height: 1.3;
margin: 0 0 1rem 0;
font-weight: normal;
text-transform: uppercase;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-family: 'RidleyGrotesk-SemiBold';
font-size: 1.25rem;
line-height: 1.3;
color: #000;
}
strong, b {
font-family:'RidleyGrotesk-Bold';
font-weight: normal;
}
p {
margin-bottom: 2rem;
}
.breadcrumb {
margin: 10px 0;
padding: 0;
background: none;
}
.breadcrumb a{
font-size: 0.68rem;
text-decoration: underline;
}
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
font-weight: 400;
font-size: 0.68rem;
line-height: 1.3;
text-decoration: none;
color: #333;
}
.breadcrumb-item a{
border-bottom: 1px solid #000
}
.breadcrumb-item.active span {
font-weight: 600;
border-bottom: 1px solid #45474D;
}
.breadcrumb-item sup {
top: auto;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0.35rem;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
content: " ";
background-repeat: no-repeat;
background-size: 0.65rem 0.65rem;
background-image: url("data:image/svg+xml,");
width: 10px;
height: 100%;
background-position: center;
padding: 0 !important;
margin-right: 0.35rem;
}
picture.hover, .partenaire.hover {
position: relative;
display: inline-block;
overflow: hidden;
margin-bottom: -6px;
cursor: pointer;
}
picture.hover:before, .partenaire.hover:before {
position: absolute;
top: 0;
left: 0;
content: " "!important;
background-color: rgb(0 0 0 / 35%);
background-repeat: no-repeat;
background-size: 2rem;
background-image: url("data:image/svg+xml,");
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
opacity: 0;
transition: all .3s;
}
picture.hover img, .partenaire.hover img {
transform: scale(100%);
transition: transform .8s !important;
}
picture.hover:hover img, .partenaire.hover:hover img {
transform: scale(105%);
transition: transform .8s !important;
}
picture.hover:hover:before, .partenaire.hover:hover:before {
opacity: 1;
}
.user-login-form,
.user-pass {
max-width: 400px;
margin: 2.5rem auto;
}
.user-register-form {
max-width: 600px;
margin: 0 auto;
}
body.user-logged-in #header{
top: 79px;
}
body.user-logged-in{
margin-top: 70px;
}
body.user-logged-in.page-view-frise-chronologique{
margin-top: 0;
}
.dialog {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 50%);
z-index: 9;
display: none;
}
.dialog__modal {
position: fixed;
top: 50%;
left: 50%;
background: #FFF;
padding: 30px;
transform: translate(-50%,-50%);
min-width: 60vw;
}
.dialog__modal h2 {
text-transform: uppercase;
font-size: 1.5rem;
color: #000;
margin: 0 0 10px;
text-align: center;
}
.dialog__modal .btn-close {
position: absolute;
right: -70px;
top: -70px;
border: none;
background: transparent;
}
.dialog__modal .btn-close svg {
width: 50px;
height: 50px;
fill: #FFF;
}
a {
color: #000;
text-underline-offset: 4px;
}
.btn {
border-radius: 30px;
padding: 10px 30px;
font-weight: 400;
font-size: 1.313rem;
line-height: 150%;
height: auto;
transition: all .3s;
}
.btn-primary {
border: 2px solid #1B0030;
background: #1B0030;
color: #FFF;
}
.btn-primary:hover,
.btn-primary:focus {
border: 2px solid #1B0030;
background: #FFF;
color: #1B0030;
}
.en_images .grid-item{
width: 20%;
padding: 0 0.5rem 1rem;
box-sizing: border-box;
}
.en_images .grid_content{
position: relative;
overflow: hidden;
}
.en_images .grid_content .zone_hover:before {
position: absolute;
top: 0;
left: 0;
content: " "!important;
background-color: rgb(0 0 0 / 35%);
background-repeat: no-repeat;
background-size: 2rem;
background-image: url("data:image/svg+xml,");
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
opacity: 0;
transition: all .8s;
}
.en_images .title{
font-family: RidleyGrotesk-UltraLight;
font-size: 2.25rem;
color: #333;
text-transform: uppercase;
padding: 1rem 0 1rem 0.5rem;
}
.en_images .title:before{
content: ' ';
width: 100px;
height: 2px;
background: #333;
margin-top: -10px;
position: absolute;
}
.en_images .title span{
font-family: 'RidleyGrotesk-Regular';
font-size: 0.8rem;
color: #000;
text-transform: uppercase;
margin-left: 1rem;
}
.en_images img{
width: 100%;
transform: scale(100%);
transition: transform .8s !important;
}
.en_images .grid_content:hover img {
transform: scale(105%);
transition: transform .8s !important;
}
.en_images .grid_content:hover .zone_hover:before{
opacity: 1;
}
a:link, a:visited{
color: #000;
outline: none;
text-decoration: none;
}
.bouton {
color: #fff;
text-transform: uppercase;
padding: 5px 20px;
text-align: center;
display: inline-block;
margin: 0 0 1.2rem;
font-size: 0.8rem;
width: auto!important;
transition: all .4s;
}
table {
margin-bottom: 1.5em;
width: 100%;
}
.message_exceptionnel{
margin: -0.9rem 0 1rem;
text-align: left;
z-index: 16;
transition: all .3s;
}
.message_exceptionnel .region-message{
padding: 1rem;
}
.message_exceptionnel p{
color: #fff;
margin: 0 1rem;
font-size: 0.9rem;
}
.visually-hidden-focusable{display: none;}
footer {
max-width: 1390px;
margin: 0 auto;
}
/* END Global */
/* Header */
#header {
position: fixed;
top: 0;
width: 100%;
background: #FFF;
padding: 10px 0;
margin: 0 auto;
border-top: 2px solid #fff;
z-index: 99;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
}
.headerContent{
display: flex;
justify-content: space-between;
}
#header .header__left,
#header .header__right {
display: inline-block;
}
.header__siteNameBloc {
display: inline-block;
vertical-align: top;
margin-left: .6rem;
}
.header__siteNameBloc__name{
display: block;
}
.header__siteNameBloc__name a {
font-family: 'RidleyGrotesk-Bold';
font-size: 1.75rem;
line-height: 1;
color: #202020;
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.header__siteNameBloc__name a:hover {
text-decoration: none;
}
.header__siteNameBloc__name a span {
font-size:1.5rem;
}
.header__siteNameBloc__name .site-name-slogan {
font-family: 'RidleyGrotesk-Regular';
font-size: 0.6rem;
color: #202020;
text-transform: uppercase;
display: block!important;
text-align: right;
}
.c-hamburger {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 0 0 10px;
padding: 0;
width: 35px;
height: 24px;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.3s;
background: #fff;
z-index: 999;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
height: 3px;
width: 90%;
background: #000;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: #000;
content: "";
}
.c-hamburger span::before {
top: -9px;
}
.c-hamburger span::after {
bottom: -9px;
}
/* --------- */
.c-hamburger--htx span {
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.3s;
}
.header__menuBlock{
position:fixed;
left:-100%;
background:#FFF;
top:0;
z-index:100;
width:600px;
padding:70px 20px 20px;
box-sizing:border-box;
border-bottom:1px solid #fff;
height:100vh;
transition:all .4s
}
.header__menuBlock.active{
left:0
}
.header__menuBlock__culturespace__menu {
display: none;
}
.header__billeterie,
.header__language,
.header__culturespace {
display: inline-block;
vertical-align: middle;
}
.header__billeterie .billeterie__bloc p{
margin: 0;
}
.header__billeterie .billeterie__bloc .content a {
font-family: "RidleyGrotesk-Medium";
font-size: 1rem;
color: #FFF;
padding: 0.8rem 1.2rem 0.5rem 3.1rem;
text-decoration: none;
display: inline-block;
border-radius: 3.1rem;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat !important;
background-position: 20px center !important;
background-size: 20px !important;
transition: all .3s;
}
.header__language {
margin: 0 15px;
border-right: 2px solid #E7E7E7;
padding-right: 10px;
}
.header__language:after {
content: "▾";
display: inline-block;
vertical-align: middle;
margin-left: -5px;
}
.header__language:hover:after {
content: "▴";
}
.header__language .nav {
display: inline-block;
vertical-align: middle;
position: relative;
}
.header__language .nav-link{
padding: 0;
line-height: 1;
}
.header__language .nav-link:not(.is-active) {
position: absolute;
display: none;
top: 100%;
}
.header__language a.language-link {
font-family: 'RidleyGrotesk-Medium';
font-size: 18px;
color: #202020;
text-transform: uppercase;
padding: 0 5px;
line-height: 1;
display: inline-block;
background: #FFF;
transition: all .3s;
}
.header__language .nav:hover .nav-link {
display: block;
}
.header__culturespace {
position: relative;
margin-right: 10px;
}
.header__culturespace svg {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.header__culturespace svg path {
transition: all .3s;
}
.header__culturespace:after {
content: "▾";
display: inline-block;
vertical-align: middle;
}
.header__culturespace.active:after {
content: "▴";
}
.header__culturespace__menu {
position: absolute;
background: #FFF;
padding: 20px;
width: 100%;
font-size: 16px;
line-height: 21px;
color: #202020;
box-sizing: border-box;
display: none;
}
.header__culturespace__menu li {
margin: 0;
}
.header__culturespace__menu li a {
position: relative;
padding-left: 0;
display: inline-block;
margin: 4px 0;
padding: 0;
transition: all .3s;
}
.header__culturespace__menu li a:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 6px;
height: 6px;
margin: 6px 6px 0 0;
border-top: 2px solid #202020;
border-right: 2px solid #202020;
transform: translate3d(0,-50%,0) rotate(45deg);
}
.header__culturespace__menu li a:after {
content: '';
position: absolute;
bottom: -3px;
left: 5px;
width: 0;
height: 1px;
background: #202020;
transition: all .3s;
}
.header__culturespace__menu li a:hover,
.header__culturespace__menu li a:focus {
padding-left: 3px;
}
.header__culturespace__menu li a:hover:after,
.header__culturespace__menu li a:focus:after {
width: calc(100% - 5px);
}
.closer_bg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
display: none;
cursor: pointer;
background: rgb(0 0 0 / 30%);
}
/* End Header */
/* Admin toolbar */
nav.tabs {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 2;
}
nav.tabs ul {
border: none;
flex-direction: column;
}
nav.tabs ul li.nav-item {
display: block;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
}
nav.tabs ul li:last-child {
border-bottom: none;
}
.nav-tabs a.nav-link {
background: #202020;
color: #FFF;
display: block;
text-align: center;
margin: 0;
padding: 3px 5px;
border: none!important;
border-top-left-radius: 0;
border-top-right-radius:0;
}
nav.tabs ul li.active a {
border:2px solid #000!important;
margin-bottom: -2px;
}
nav.tabs ul li a:hover {
background: #FFF;
color: #202020;
}
/* End admin toolbar */
/*Menu*/
.header__menuBlock{position:fixed;left:-100%;background:#FFF;top:0;z-index:100;width:600px;padding:70px 20px 20px;box-sizing:border-box;border-bottom:1px solid #fff;height:100vh;transition:all .4s}
.header__menuBlock.active{left:0}
.header__menuBlock__menu li{padding:15px 20px;margin: 0 !important;border-top:1px solid #666;position:relative;list-style: none;width: 100%;}
.header__menuBlock__menu li:first-child{border:none;}
.dropdown-toggle::after{font-family:"fontello_n";content:"\e81b";font-size:20px;line-height:20px;color:#666;position:absolute;right:0.5rem;border: none;}
.header__menuBlock__menu li.no_after:after{display:none}
.header__menuBlock__menu li > a, .header__menuBlock__menu li > span{font-family:"RidleyGrotesk-Light";font-size:22px;line-height:22px;color:#202020;text-transform:uppercase;width:100%;display:block;cursor: pointer;padding: 0;}
.header__menuBlock__menu li .menu_images{display:none}
.header__menuBlock__menu li .dropdown-menu{
padding-top:10px;
display: block;
border: none;
border-radius: 0;
}
.header__menuBlock__menu li .dropdown-menu li{
padding: 0;
border-top: none;
}
.header__menuBlock__menu li .dropdown-menu .lev_3{display:none}
.header__menuBlock__menu li .dropdown-menu a,
.header__menuBlock__links li a, .header__menuBlock .sites_ce li a {font-family:"RidleyGrotesk-Regular";font-size:14px;line-height:20px;color:#202020;text-transform:uppercase;margin:7px 7px 7px 20px;display:inline-block;transition:all .4s; white-space: break-spaces;}
.header__menuBlock__language {
margin: 15px 0;
text-align: center;
display: none;
}
.header__menuBlock__language li {
display: inline-block;
margin: 0 10px;
}
.header__menuBlock__language li.active {
border-bottom: 1px solid #000;
}
.header__menuBlock__language li .selectLang {
font-size: 18px;
}
.header__menuBlock__links, .header__menuBlock .sites_ce, .header__menuBlock__social{padding:15px 20px;border-top:1px solid #666}
.header__menuBlock__links .sec_m_title, .header__menuBlock .sites_ce .title{font-family:"RidleyGrotesk-Light";font-size:20px;line-height:20px;color:#202020;text-transform:uppercase;position:relative}
.header__menuBlock__links .sec_m_title:after, .header__menuBlock .sites_ce .title:after{font-family:"fontello_n";content:"\e81b";font-size:20px;line-height:20px;color:#666;position:absolute;right:-13px;top:0}
.header__menuBlock__links .menu, .header__menuBlock .sites_ce .menu{padding-top:10px;display:none}
.header__menuBlock__social{overflow:hidden;text-align:center;}
.header__menuBlock__social #socialLogos li a:before{color:#fff!important;font-size:18px}
.header__menuBlock__social #socialLogos li{margin-left:15px}
.header__menuBlock__social #socialLogos li:first-child{margin-left:0}
.header__menuBlock .search_block input[type="text"]{font-family:Arial;font-size:14px;color:#000;padding:14px 50px 14px 20px;width:100%;box-sizing:border-box;border:1px solid #c1c1c1}
.header__menuBlock .search_block{position:relative;margin-bottom:25px}
.header__menuBlock .search_block input[type="text"]:focus{outline:none;border-color:#000;transition:all .4s}
.header__menuBlock .search_block .search_btn{position:absolute;right:25px;top:9px}
.header__menuBlock .search_block .search_btn:after{font-family:"fontello_n";content:"\e811";color:#525252;font-size: 19px;transition:all .4s}
.header__menuBlock .languages{text-align:center;margin:25px auto 0}
.header__menuBlock .languages li{display:inline-block;margin:0 20px;padding:7px 0}
.header__menuBlock .languages li.active{border-top:5px solid #fff}
.header__menuBlock .languages li a{font-family:Arial;font-size:14px;color:#fff;font-weight:bold;text-transform:uppercase}
.topFooterContainer h3{
text-align: center;
text-transform: uppercase;
}
.topFooterContainer__list {
margin: 0;
padding: 0;
display: flex;
}
.header__menuBlock .topFooterContainer__list {
display: block;
text-align: center;
}
.header__menuBlock .topFooterContainer__list li{
width: auto;
padding: 0;
margin: 0 .5rem!important;
}
.topFooterContainer__list li {
display: inline-block;
vertical-align: middle;
border-top: none;
margin: 0 0.5rem;
}
.topFooterContainer__list li:first-child {
margin-left: -15px;
}
.topFooterContainer__list li:last-child {
margin-right: 0;
}
.topFooterContainer__list li a {
border-radius: 100%;
background: #FFF;
display: flex;
font-size: 0;
width: 44px;
height: 44px;
justify-content: center;
align-items: center;
transition: all .3s;
}
.topFooterContainer__list li a:before {
font-family: "fontello_n";
font-size: 28px;
line-height: 40px;
color: #202020;
transition: all .3s;
}
.topFooterContainer__list__facebook:before {
content: "\e809";
}
.topFooterContainer__list__twitter:before {
content: "\e81d";
}
.topFooterContainer__list__insta:before {
content: "\e80d";
}
.topFooterContainer__list__pint:before {
content: "\e816";
}
.topFooterContainer__list__tiktok:before {
content: "";
background-image: url('data:image/svg+xml,');
background-size: contain;
display: inline-block;
width: 32px;
height: 32px;
}
.topFooterContainer__list__tiktok:hover:before {
background-image: url('data:image/svg+xml,');
}
.topFooterContainer__list__youtube:before {
content: "\e800";
}
.topFooterContainer__list__vimeo:before {
content: "\e81f";
}
.topFooterContainer__list__vine:before {
content: "\e820";
}
.topFooterContainer__list li a:hover {
background: #202020;
}
.topFooterContainer__list li a:hover:before {
color: #FFF;
}
.dropdown-item.active, .dropdown-item:active{
background: none;
}
.header__menuBlock #block-social {
padding: 15px 20px;
border-top: 1px solid #666;
}
/*END Menu*/
/* Footer */
#footer {
max-width: 1390px;
margin: 0 auto;
}
.region-footer{
margin: 0;
}
.footer__social {
display: flex;
align-items: center;
padding: 40px 30px;
box-sizing: border-box;
}
.footer__social__newsletter {
display: inline-block;
font-family: "RidleyGrotesk-Medium";
padding: 12px 40px 10px;
border: 2px solid #202020;
background: #FFF;
color: #202020;
text-transform: uppercase;
transition: all .3s;
}
.footer__social__newsletter:hover,
.footer__social__newsletter:focus {
background: #202020;
color: #fff;
border-radius: 50px;
}
.footer__menu {
border-top: 1px solid #CCC;
padding: 40px 30px;
box-sizing: border-box;
display: flex;
}
.footer__social__left,
.footer__menu__left {
width: 40%;
min-width: 280px;
}
.footer__social__right,
.footer__menu__right {
width: 60%;
}
.footer__social__right {
display: flex;
align-items: end;
}
.footer__menu__right h3 {
font-family: 'RidleyGrotesk-Bold';
text-transform: uppercase;
margin-bottom: 10px;
}
.footer__menu__right #block-pieddepage,
.footer__menu__right #block-linksfooter {
list-style: none;
display: inline-block;
vertical-align: top;
width: 40%;
}
.footer__menu__right .menu a,
.footer__menu__right .links a {
transition: all .3s;
}
.footer__menu__right #block-pieddepage li,
.footer__menu__right #block-linksfooter li {
margin: 3px 0;
}
.footer__menu__right #block-pieddepage li a,
.footer__menu__right #block-linksfooter li a{
padding: 0;
}
.footer__menu__right svg {
display: none;
}
.footer__menu__logo {
display: inline-block;
margin-bottom: 30px;
}
.footer__menu__logo .name {
display: block;
font-family: 'RidleyGrotesk-Bold';
text-transform: uppercase;
font-size: 18px;
}
.footer__menu__logo .slogan {
display: block;
font-family: 'RidleyGrotesk-Regular';
text-transform: uppercase;
font-size: 12px;
text-align: left;
}
#block-googlescore .field__item{
display: flex;
align-items: center;
justify-content: center;
margin-left: 30px;
}
#block-googlescore .field__item p{
margin: 0;
}
.googleReviews span {
font-family: "RidleyGrotesk-Bold";
color: #333;
font-size: 16px;
margin-left: 20px;
}
.googleReviews__note {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-size: 24px;
line-height: 1;
margin-left: 20px;
}
.googleReviews__note::after {
content: "★★★★★";
letter-spacing: 3px;
background: linear-gradient(90deg, #fc0 var(--percent), #ddd var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#block-linksfooter .nav{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
/* End Footer */
/* Fiche événement */
.exhibition__video {
overflow: hidden;
max-height: 70vh;
}
.exhibition__video video {
object-fit: cover;
width: 100%;
}
.exhibition .accordeons {
margin: 60px auto;
}
.exhibition .accordeons .accordion_title {
padding: 15px 45px 15px 2px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: none;
border-right: none;
background: none;
color: #000;
}
.exhibition .accordeons .accordeons .field-item:last-child {
border-bottom: 1px solid #CCC;
}
.exhibition .accordeons .accordion_title h2 {
font-family: 'RidleyGrotesk-Regular';
font-weight: 400;
font-size: 24px;
line-height: 22px;
text-transform: none;
}
.exhibition .accordeons .accordion_content {
padding: 10px 0 1.56rem;
font-size: 16px;
}
.exhibition__header {
border-bottom: 1px solid #CCC;
padding: 20px 0;
margin-bottom: 50px;
}
.exhibition__header h1 {
font-family:'RidleyGrotesk-Regular';
font-size: 56px;
line-height: 70px;
color: #202020;
margin: 0;
}
.exhibition .exhibition__header h3 {
font-family:'RidleyGrotesk-Regular';
font-size: 24px;
line-height: 30px;
color: #202020;
margin: 0 0 5px;
text-transform: none;
}
.exhibition__header span {
font-family:'RidleyGrotesk-Regular';
font-size: 16px;
line-height: 20px;
color: #202020;
}
.exhibition__header h2 {
font-family:'RidleyGrotesk-SemiBold';
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #202020;
}
.exhibition h3 {
font-family: 'RidleyGrotesk-Regular';
font-weight: 300;
font-size: 28px;
line-height: 34px;
text-transform: uppercase;
color: #202020;
margin: 30px 0;
}
.exhibition__content {
display: flex;
justify-content: space-between;
gap: 50px
}
.exhibition__wysiwyg {
width: 60%;
}
.exhibition__wysiwyg .body {
overflow: hidden;
}
.exhibition__content .body.cropped {
height: 300px;
}
.exhibition__wysiwyg__more {
position: relative;
background: linear-gradient(0deg, #FFFFFF 40%, rgba(255, 255, 255, 0) 134.82%);
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: #202020;
padding-top: 80px;
border: none;
margin-top: -105px;
width: 100%;
transition: all .3s;
display: none;
}
.exhibition__wysiwyg__more::before,
.exhibition__wysiwyg__more::after {
content: '\e822';
font-family: 'fontello_n';
}
.exhibition__wysiwyg__more::before {
transform: rotate(180deg);
margin-bottom: 5px;
margin-top: -5px;
display: none;
}
.exhibition__wysiwyg__more::after {
display: block;
margin-top: 5px;
}
.exhibition__wysiwyg__more.open {
padding-top: 0;
margin-top: 0;
}
.exhibition__wysiwyg__more.open span {
display: none;
}
.exhibition__wysiwyg__more.open::before {
display: block;
}
.exhibition__wysiwyg__more.open::after {
display: none;
}
.exhibition__wysiwyg .chapo {
font-size: 18px;
}
.exhibition__sidebar {
width: 40%;
}
.exhibition__sidebar__content {
border: 1px solid;
padding: 50px;
margin-bottom: 30px;
}
.exhibition__sidebar__content h2 {
font-family: 'RidleyGrotesk-Bold';
font-size: 1rem;
line-height: 120%;
color: #202020;
margin-bottom: 2rem;
}
.exhibition__sidebar__content p{
margin-bottom: 0;
}
.exhibition__sidebar__billet {
font-family:'RidleyGrotesk-SemiBold';
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
text-align: center;
color: #FFF;
padding: 10px 20px;
border-radius: 50px;
display: block;
margin-bottom: 20px;
transition: all .3s;
}
.exhibition__sidebar__billet:link,
.exhibition__sidebar__billet:visited {
color: #FFF
}
.exhibition__sidebar__billet::before {
content: '';
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.exhibition__sidebar h4 {
font-family:'RidleyGrotesk-Bold';
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #202020;
margin-bottom: 10px;
}
.exhibition__sidebar th, .exhibition__sidebar tr, .exhibition__sidebar td {
padding: 8px 0;
}
.exhibition__sidebar tr:not(:last-child) {
border-bottom: 1px solid #CCC;
}
.exhibition .accordeons {
margin: 60px auto;
}
.exhibition .accordion_title {
padding: 15px 45px 15px 2px;
border-top: 1px solid #CCC;
border-bottom: none;
}
.exhibition .accordeons .field-item:last-child {
border-bottom: 1px solid #CCC;
}
.exhibition .accordion_title h2 {
font-family: 'RidleyGrotesk-Regular';
font-weight: 400;
font-size: 24px;
line-height: 22px;
text-transform: none;
}
.exhibition .accordion_content {
padding: 10px 0 1.56rem;
font-size: 16px;
}
.catalogue__item {
display: flex;
align-items: center;
gap: 20px;
margin: 20px auto;
}
.catalogue__visuel {
width: 90px;
text-align: center;
display: inline-block;
}
.catalogue__description {
display: inline-block;
border-left: 3px solid #202020;
padding-left: 20px;
}
.catalogue__description h5 {
font-family: 'RidleyGrotesk-Light';
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #202020;
margin-bottom: 5px;
}
.catalogue__description p {
font-family:'RidleyGrotesk-Bold';
font-size: 16px;
line-height: 20px;
color: #202020;
margin-bottom: 10px;
}
.catalogue__description a {
display: inline-block;
border-radius: 50px;
background-color: #202020;
padding: 10px 20px;
border: 1px solid #202020;
font-family:'RidleyGrotesk-SemiBold';
font-size: 16px;
line-height: 20px;
color: #FFF;
transition: all .3s;
}
.catalogue__description a:hover,
.catalogue__description a:focus {
background: #FFF;
}
.exhibition .partenaire {
max-width: calc(14% - 14px);
flex: 1 0 calc(14% - 14px);
height: 130px;
background: #FFF;
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
}
.eventInfoBloc {
display: flex;
position: relative;
align-items: stretch;
margin: 60px auto;
padding: 0 10px;
}
.eventInfoBloc__visuel {
width: 55%;
background-size: cover;
background-position: center;
}
.eventInfoBloc__description {
width: 65%;
color: #FFF;
background: #202020;
padding: 50px 80px;
text-align: center;
}
.eventInfoBloc__description *:not(.button) {
text-align: left;
}
.eventInfoBloc__description h2,
.eventInfoBloc__description h3,
.eventInfoBloc__description h4,
.eventInfoBloc__description p,
.eventInfoBloc__description a {
margin: 0 0 10px;
color: #FFF;
text-transform: none;
}
.eventInfoBloc__description strong {
font-family:'RidleyGrotesk-Bold';
font-weight: normal;
}
.eventInfoBloc__description a {
text-decoration: underline;
text-underline-offset: 3px;
}
.eventInfoBloc__description a:hover,
.eventInfoBloc__description a:focus {
color: #FFF;
text-decoration: none;
}
.eventInfoBloc__description ul {
margin: 15px 0;
padding: 0 1.56rem;
}
.eventInfoBloc__description ul li {
list-style: disc;
margin: 0 0 10px;
}
.eventInfoBloc__description ul li:last-child {
margin: 0;
}
.eventInfoBloc__description .bouton {
padding: 10px 20px !important;
background: #FFF;
border-radius: 50px;
border: 2px solid #FFF ! important;
transition: all .3s;
margin: 20px auto;
}
.eventInfoBloc__description .bouton a {
font-family:'RidleyGrotesk-SemiBold';
font-size: 18px;
line-height: 21px;
color: #202020 !important;
transition: all .3s;
}
.eventInfoBloc__description .bouton:hover,
.eventInfoBloc__description .bouton:focus {
background: transparent !important;
padding: 10px 20px !important;
}
.eventInfoBloc__description .bouton:hover a,
.eventInfoBloc__description .bouton:focus a {
color: #FFF !important;
}
/* END Fiche événement */
/* Page Gabarit événement */
.video_header {height:675px}
.video_header iframe{width:100%;height:100%}
.image_header{width:100%;height:675px;background-size:cover}
.image_header.mini{height:600px}
.image_header.diaporama{height:800px}
.video_block video{width:100%}
.exhibition.w1600{position:relative}
.exhibition .w1300{position:relative}
.exhibition .tabs_nav.responsive{display:none}
.exhibition .tabs_nav{position:absolute;bottom:-35px;right:50px}
.exhibition .tabs_nav.without_image{bottom:auto;text-align:right;}
.exhibition .tabs_nav a{font-family: 'RidleyGrotesk-Medium';font-size: 15px;text-transform: uppercase;color: #242528;padding: 15px 20px;width: 200px;text-align: left;display: inline-block;line-height: 1;transition: all .4s;background-color:#eaeaea;margin-right:5px;border:2px solid #eaeaea}
.exhibition .tabs_nav a strong {font-family: 'RidleyGrotesk-Bold';font-size: 24px;font-weight: normal;display: block;}
.exhibition .tabs_nav a:last-child{margin:0}
.exhibition .tabs_nav a:hover{background-color:#fff}
.caption_type {
font-family: 'RidleyGrotesk-Bold';
font-size: 1.25rem;
text-transform: uppercase;
}
.caption_titre {
font-family: 'RidleyGrotesk-Regular';
letter-spacing: 1px;
font-size: 2.8rem;
line-height: 1;
padding: 0.62rem 0;
}
.caption_titre span {
font-size:1.62rem;
line-height:1;
display: block;
}
.caption_date {
font-family: 'RidleyGrotesk-Regular';
font-size: 1.25rem;
line-height: 1;
margin: 0.3rem 0 1.25rem;
}
.block_presentation{
border-left:4px solid #eaeaea;
padding:0 1.56rem;
margin:2.5rem 0 0
}
.exhibition__content.colomn {
display: block;
}
.colomn h2{font-family:'RidleyGrotesk-Bold'}
.colomn .body{-webkit-columns: 2;-moz-columns: 2;columns: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;font-family: 'RidleyGrotesk-Regular';margin: 0 auto;font-size: 15px;padding:20px 0 30px;line-height:1.5;position:relative;}
.colomn .body h2{margin:0.5rem 0 1.56rem}
.colomn .body p{margin:0 0 1.56rem}
.colomn .body h3{font-family:'RidleyGrotesk-SemiBold';font-size:22px;line-height:1.2;margin:0 0 20px}
.colomn .body p:last-child{margin:0}
.colomn .body p strong{font-family:'RidleyGrotesk-SemiBold';}
.colomn .citation{display:inline-block;float:left;width:215px;margin:7px 1.56rem 20px 0;padding:1.56rem 0;font-family:'RidleyGrotesk-Bold';font-style:italic}
.colomn .body iframe{width:100%!important}
.en_images.fond{background-color:#242528;padding:3.75rem 0 2.5rem}
.diaponarama_color{background-color:#eaeaea;text-align:center;padding:2rem 0;position: relative;}
.diaponarama_color .w1100{
position: relative;
overflow: hidden;
}
.diaponarama_color .legend{font-size:.7rem;font-family:'RidleyGrotesk-Regular';padding-top:1rem;max-width: 600px;margin: 0 auto;}
.diaporama .swiper-pagination{
bottom: 0;
position: relative;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
color: #ccc;
transition: all .4s;
}
.swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after, .swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after{
color: #000;
}
.diaporama .swiper-pagination-bullet{
background: none;
border: 1px solid #333;
}
.diaporama .swiper-pagination-bullet-active{
background-color: #333;
}
.accordeons .accordion_title {
position: relative;
font-family: 'RidleyGrotesk-Medium';
font-size: 1.6rem;
padding: 1.25rem;
line-height: 1;
text-transform: none;
margin: 0 0 1rem;
cursor: pointer;
transition: all .4s;
}
.accordeons .accordion-body {
display: none;
background-color: #f8f8f8;
padding: 20px 25px;
margin: 0 0 15px;
}
.block_partners h2 {
font-family: 'RidleyGrotesk-Medium';
font-size: 1.6rem;
text-transform: uppercase;
border-left: 4px solid #eaeaea;
padding: 0 0 0 1.6rem;
line-height: 1;
margin: 3.75rem 0 1.8rem;
color: #242528;
}
.block_partners .partenaires {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.node--type-gabarit-evenement .block_partners .partenaire {
max-width: calc(10% - 10px);
flex: 1 0 calc(10% - 10px);
background: #FFF;
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
}
/* END Gabarit événement */
/* Page Partenaires*/
.view__liste{
display: flex;
flex-wrap: wrap;
}
.view__liste .views-field{
max-width: calc(25% - 30px);
flex: 1 0 calc(25% - 30px);
margin: 1.9rem 2.5rem 0 0;
}
.view__liste .views-field:nth-child(4n + 4) {
margin: 1.9rem 0 0;
}
.view__liste .partenaire{
height: 150px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
}
.view__liste h3{
font-family: "RidleyGrotesk-SemiBold";
font-size: 1rem;
line-height: 1.2;
text-transform: uppercase;
margin: 1rem 0;
color: #333;
}
/* END Partenaires*/
/*View videos*/
.gallery_video{
position: relative;
}
.pp_pic_holder{
position:absolute;
background-color:#fff;
display:none;
z-index:10000}
.pp_content{
margin:auto
}
div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right{
background:none!important;
}
.pp_pic_holder.pp_default .pp_description{
font-size:1rem;
line-height:1.4;
font-weight:normal;
}
.video_galery{
position:relative;
}
.gallery_video .image_header{
height:550px;
}
.shadow{
background:linear-gradient(77deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
position:absolute;
width:100%;
height:550px;
}
.video_galery .legende{
position:absolute;
top:0;
bottom:0;
left:220px;
margin:auto;
width:540px;
min-height:200px;
color:#fff;
height:200px;
}
.video_galery .legende .alaune{
font-family:'RidleyGrotesk-Bold';
font-size:1rem;
text-transform:uppercase;
}
.video_galery .legende h2{
font-family:'RidleyGrotesk-Bold';
font-size:26px;
line-height:1.3;
font-weight:normal;
margin:0.6rem 0 1.2rem;
text-shadow: 2px 2px 4px rgb(0 0 0 / 45%);
}
.video_galery .legende p{
font-family:'RidleyGrotesk-Regular';
font-size:1.2rem;
line-height:1.4;
text-shadow: 2px 2px 4px rgb(0 0 0 / 45%);
}
.video_galery .lecture{
color:#fff;
text-transform:uppercase;
font-family:'RidleyGrotesk-SemiBold';
font-size:1.1rem;
padding:0.5rem 1.2rem;
margin-top:1.2rem;
transition:all .4s;
}
.video_galery .lecture:before{
content:'►';
margin-right:0.6rem
}
.gallery_slide .swiper-slide--fullWidth { width: 100% }
.gallery_video h3{
font-family:'RidleyGrotesk-Regular';
font-size:1.5rem;
font-weight:normal;
margin:0 0 1rem;
}
.gallery_video .col_4{display:inline-block;vertical-align:middle;width:calc(25% - 10px);margin:0 9px 0 0}
.gallery_video a{display:inline-block;width:100%;text-decoration:none;}
.w1450{margin:0 auto;}
.gallery_video .col_4 .hidden_part h2{
font-family:'RidleyGrotesk-Bold';
font-size:1rem;
line-height:1.3;
color: #000;
}
.gallery_video .col_4 .hidden_part p{
font-size:0.8rem;
line-height:1.3;
font-family:'RidleyGrotesk-Regular';
margin: 0;
color: #000;
}
.gallery_video .swiper-container {
overflow: visible;
position: relative;
}
.gallery_video .w1450.gallery_slides_block {
overflow: hidden;
padding: 30px 3em 120px;
margin: -30px auto -120px;
}
.gallery_video .col_4 .main_image{
position:relative;
z-index:2;
width:100%}
.gallery_video .col_4 .main_image.not-active{
z-index:0
}
.gallery_video .col_4 .hidden_part {
position: absolute;
width: 100%;
top: 0;
left: 0;
transform: scale(1);
background: #fff;
box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
z-index: 11;
transition: all 0.4s ease 0s;
}
.gallery_video .col_4 .hidden_part.active{
padding: 10px;
margin-top: -25px;
transform: scale(1.1);
z-index: 99;
}
.gallery_video .col_4 .hidden_part img {
width: 100%;
margin-bottom: -7px;
}
.gallery_video .col_4 .hidden_part .description {
padding-top: 8px;
display: none;
}
.gallery_video .col_4 .hidden_part.active .description {
display: block;
}
.video_galery .play_button{
width:27px;
height:26px;
border-radius:100%;
border:3px solid #000;
margin-top:10px;
display:flex;
justify-content: center;
align-items: center;
}
.video_galery .play_button:before{
content:'►';
font-size:0.9rem;
line-height:1;
color: #000;
padding-left: 2px;
}
.gallery_slide .swiper-button-prev, .gallery_slide .swiper-button-next{height: 100%;top: 0;margin: 0;padding: 0 10px;opacity:0;transition:all .4s}
.gallery_slide .swiper-button-prev{left:-50px}
.gallery_slide .swiper-button-next{right:-50px}
.gallery_slide .swiper-button-prev:after, .gallery_slide .swiper-button-next:after{color:#fff;opacity:0;transition:all .4s;font-size:35px}
.gallery_slide:hover .swiper-button-prev:after, .gallery_slide:hover .swiper-button-next:after,.gallery_slide:hover .swiper-button-prev, .gallery_slide:hover .swiper-button-next{opacity:1}
.gallery_video .full{margin:0 0 50px}
.node-type-page-simple .video{text-align:center;margin:35px 0 0}
.node-type-page-simple .video h2{font-family:'RidleyGrotesk-Bold';font-size:24px;font-weight:normal;}
.node-type-page-simple .video table{margin:30px auto 0}
.gallery_slide .swiper-button-prev.mobile, .gallery_slide .swiper-button-next.mobile{display:none;}
.gallery_slide .swiper-button-prev.swiper-button-disabled, .gallery_slide .swiper-button-next.swiper-button-disabled{display:none;}
.gallery_slides_block .decouverte{margin:0;font-family:'RidleyGrotesk-Bold';font-size:16px;text-transform:uppercase;transition:all .4s;position:relative;}
.gallery_slides_block .decouverte:before{content:'>';padding:0 10px 0 0}
.video_galery .responsive{display:none;}
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause{display:none;}
/*END View videos*/
/*Collection*/
.title--main {
font-size: 2.25rem;
line-height: 1;
font-family: 'RidleyGrotesk-Light';
text-transform: none;
}
.title--main span {
font-size: 3.25rem;
line-height: 1.3;
font-family: 'RidleyGrotesk-Light';
margin-left: 20px;
font-weight: bold;
white-space: nowrap;
}
.img-hover{
display: inline-block;
overflow: hidden;
cursor: pointer;
position: relative;
}
.img-hover:before {
position: absolute;
top: 0;
left: 0;
content: " "!important;
background-color: rgb(0 0 0 / 35%);
background-repeat: no-repeat;
background-size: 2rem;
background-image: url("data:image/svg+xml,");
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
opacity: 0;
transition: all .8s;
}
.img-hover:hover:before{
opacity: 1;
}
.img-hover img{
width: 100%;
transform: scale(100%);
transition: transform .8s !important;
}
.img-hover:hover img{
transform: scale(105%);
transition: transform .8s !important;
}
.collectionPage .img-hover img {
height: auto;
}
.oeuvre-titre{
font-size: 1.25rem;
margin-top: 0.5rem;
}
.oeuvre-artiste{
font-size: 0.9rem;
font-family: 'RidleyGrotesk-Light';
margin-bottom: 0.8rem;
}
.collection .field--name-field-lieu-info {
display: none;
}
.collection .field--name-field-lieu-info-2{
font-size: 0.8rem;
font-family: 'RidleyGrotesk-Light';
text-transform: none;
}
.collection .field--name-field-lieu-info-2:before{
content: '\e810';
font-family: 'fontello_n';
color: #959184;
}
.collection .w1100 {
padding: 0 5%;
}
.collection .grid-item {
width: 25%;
padding: 0 0.5rem 1rem;
box-sizing: border-box;
}
.navCollection {
background: #000;
margin: 1.5rem 0;
display: flex;
align-items: center;
padding: 0.5rem 1.5rem;
position: relative;
}
.dropbtn {
background: none;
border: none;
padding: 0;
margin-right: 1rem;
}
.dropbtn:after {
content: '\e813';
font-family: 'fontello_n';
color: #fff;
}
.navCollection h2{
font-size: 1.25rem;
width: auto;
color: #fff;
margin-bottom: 0;
}
.navCollection .view__Liste{
display: none;
position: absolute;
left: 0;
top: 100%;
color: #fff;
background: #2f2f2f;
min-width: 500px;
z-index: 999;
}
.navCollection .view__Liste a {
color: #fff;
padding: 5px 15px;
text-decoration: none;
display: inline-block;
transition: all .4s;
}
/*END Collection*/
/*Fiche oeuvre*/
#block-addtoanybuttons{
text-align: right;
}
.addtoany_list a > span{
display: none;
}
.a2a_button_facebook::before, .a2a_button_twitter::before{
font-family: 'fontello2';
}
.a2a_button_facebook::before{
content: '\e805';
}
.a2a_button_twitter::before{
content: '\e80c';
}
.oeuvre_content .bloc1 {
border-top: 1px solid;
border-bottom: 1px solid;
margin: 0.7rem 0;
padding: 0.7rem 0px;
}
.oeuvre_content .bloc1 p{
margin-bottom: 0;
font-size: 0.9rem;
}
.oeuvre_content .oeuvre_img {
margin-top: 2.5rem;
}
.oeuvre_content .right-col i{
font-size: 2.2rem;
}
.oeuvre_content .left-col .pin {
float: left;
font-size: 3.1rem;
margin-top: -1rem;
}
.field--name-field-localisation {
margin-top: 1.5rem;
}
.field--name-field-lieu-info-2 {
font-family: 'RidleyGrotesk-Medium';
text-transform: uppercase;
}
.image_content {
position: relative;
}
.image_content i {
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
font-size: 1.5rem;
}
.oeuvre_content h2{
font-size: 1.313rem;
font-weight: bold;
}
.oeuvre_content h4 {
font-size: 1.313rem;
font-family: 'RidleyGrotesk-Medium';
font-weight: bold;
}
/*END fiche oeuvre*/
/*PAGE Simple*/
.diaporama.center {
position: relative;
text-align: center;
}
.diaporama.right {
position: relative;
text-align: right;
}
.slider .diaporama{
position: relative;
text-align: center;
overflow: hidden;
}
.new_organisation .bloc_gris {
background-color: #ededed;
padding: 25px 20px;
}
.new_organisation .chapo{font-family:'RidleyGrotesk-Regular';font-size:18px;line-height:1.3}
.new_organisation .chapo strong{font-family:'RidleyGrotesk-Bold'}
.new_organisation .structure{margin:30px 0;clear:both;overflow:auto;}
.new_organisation .image_left img{float:left;margin-right:45px;max-width:450px}
.new_organisation .image_right img{float:right;margin-left:45px;max-width:450px}
.new_organisation .image_left .contexte{float:right;width:calc(100% - 495px)}
.new_organisation .image_right .contexte{float:left;width:calc(100% - 495px)}
.new_organisation .contexte p{margin:0 0 20px}
.new_organisation .contexte p.bouton{margin:0 20px 20px 0}
.new_organisation .contexte h2{font-family:'RidleyGrotesk-Regular';font-size:1.5rem;text-transform:uppercase;margin:0 0 15px;column-span: all;font-weight:normal;}
.new_organisation .contexte h3, .new_organisation h3{font-size:1.13rem;margin:0 0 20px;}
.new_organisation h3{margin:0 0 10px}
.new_organisation .contexte .citation{color:#8a8a8a;max-width:80%;margin:30px auto;font-family:'RidleyGrotesk-SemiBold';font-style:italic;}
.new_organisation .col_2 .contexte{-webkit-columns: 2;-moz-columns: 2;columns: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}
.new_organisation .bloc_gris{background-color:#ededed;padding:25px 20px}
.new_organisation .bloc_gris .contexte p{margin:0 0 5px}
.new_organisation .contexte tr {border-bottom: 1px solid #dcdcdc;}
.new_organisation .contexte table tr td {vertical-align: middle;padding: 0.7em 0.5em;}
.new_organisation .slider .bx-wrapper{width:900px}
.new_organisation .slider .icon{position:absolute;bottom:75px;right:65px;width:25px;height:25px;background-image:url(../images/icon_voir.png);background-size:cover;}
.new_organisation .slider .infos{margin:20px auto 0;max-width:800px}
.accordion_title{padding:0 0 15px;border-bottom: 1px solid #000;position: relative;cursor:pointer;transition:all .4s}
.accordion_title:after {content: '\e822';font-family: 'fontello_n';position:absolute;top:50%;right:20px;font-size:20px;transform: translateY(-50%);}
.accordion_title.opened:after {content: '\e823';color:#971135}
.accordion_title h2 {font-family: 'RidleyGrotesk-Bold';font-size: 15px;color: #000;line-height: 26px;margin: 0;font-weight: normal;text-transform: uppercase;clear: both;transition:all .4s}
.accordion_title.opened h2, .accordion_title:hover h2{color:#971135}
.accordion_content{padding: 25px 0;display:none;}
.bloc_gris p a{text-decoration:underline;transition:all .4s;}
.bloc_gris a:hover{color:#971135;}
.bloc_gris a.pdf_link{display:block;text-decoration:none;margin:0 0 10px 30px;transition:all .4s;position:relative;}
.bloc_gris a.pdf_link:before{content:'';background-image:url("data:image/svg+xml;charset=utf-8,");display:inline-block;width:20px;height:20px;background-size:cover;position:absolute;top:0;left:-30px}
.bloc_gris a.pdf_link:hover{color:#971135;text-decoration:underline;}
.new_organisation .bx-wrapper .bx-controls-direction a{margin-top:-50px}
.new_organisation strong{
font-family: 'RidleyGrotesk-SemiBold';
}
.new_organisation a{
text-decoration: underline;
}
.new_organisation a.bouton{
text-decoration: none;
}
.infos_access_1,.infos_access_2, .infos_access_3, .infos_access_4, .infos_access_5, .infos_access_6, .infos_access_7, .infos_access_8, .infos_access_9, .infos_access_10, .infos_access_11, .infos_access_12{position:relative;padding:10px 0 0 60px;width:auto}
.infos_access_1:before{content:'\e803';font-family:'fontello_infos';font-size: 30px;position:absolute;top:0;left:0;line-height:1}
.infos_access_2:before{content:'\e802';font-family:'fontello_infos';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_3:before{content:'\e804';font-family:'fontello_infos';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_4:before{content:'\e800';font-family:'fontello_infos';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_5:before{content:'\e805';font-family:'fontello_infos';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_6:before{content:'\e800';font-family:'fontello_picto';font-size: 30px;position:absolute;top:0;left:0;line-height:1}
.infos_access_7:before{content:'\e801';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_8:before{content:'\e802';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_9:before{content:'\e803';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_10:before{content:'\e804';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_11:before{content:'\e805';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.infos_access_12:before{content:'\e806';font-family:'fontello_picto';font-size: 30px;padding-right: 20px;position:absolute;top:0;left:0;line-height:1}
.email-group .lbl-tinyltr {width:100% ;}
.email-group .row.sib_list_row{display:block;width:100%}
.foot_desc{color:#000;font-family:'RidleyGrotesk-Regular';font-size:12px;margin:20px 0 0}
.foot_desc p{margin:0 0 10px}
.section.slider {
padding: 2rem 0;
}
.onglet{
text-transform: uppercase;
position: relative;
margin: 20px 0 30px 0;
padding: 0;
z-index: 15;
display: flex;
overflow: auto;
}
.onglet li{
list-style: none;
margin: 0 15px 5px 0;
font-family: 'RidleyGrotesk-Bold';
font-size: 1.1rem;
color: #333;
color: #000;
border-bottom: 5px solid #fff;
transition: all .4s;
}
/*END Page Simple*/
/*Home*/
.pageHome h2{
font-family: 'RidleyGrotesk-Light';
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
margin: 50px 0;
text-align: center;
font-weight: normal;
color: #000;
}
.paragraphBlocText {
max-width: 1080px;
margin: 60px auto;
padding: 0 15px;
font-family: 'RidleyGrotesk-Regular';
}
.paragraphBlocText > h2,
.galerie100 > h2 {
font-family: 'RidleyGrotesk-Light';
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 50px;
text-align: center;
font-weight: normal;
color: #000;
}
.paragraphBlocText__buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.paragraphBlocText__buttons > a {
display: inline-block;
font-family: 'RidleyGrotesk-Medium';
padding: 8px 30px 6px;
border: 2px solid #202020;
margin: 0 10px;
color: #202020;
transition: all .3s;
}
.paragraphBlocText__buttons > a:hover,
.paragraphBlocText__buttons > a:focus {
background: #202020;
color: #fff;
border-radius: 50px;
}
.paragraphBlocMessage {
padding: 30px 15px;
}
.paragraphBlocMessage__container {
max-width: 1080px;
margin: 0 auto;
font-family: 'RidleyGrotesk-Regular';
}
.paragraphBlocTextVisuel {
position: relative;
margin: 40px auto;
padding: 45px 60px;
background-size: cover !important;
font-family: 'RidleyGrotesk-Regular';
color: #fff !important;
display: block;
background-position: center !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
transition: all .8s;
}
.paragraphBlocTextVisuel:hover {
background-size: 103% !important;
}
.paragraphBlocTextVisuel__cover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(28.05deg, rgba(6, 6, 6, 0.6) 26.84%, rgba(6, 6, 6, 0) 75.45%);
}
.paragraphBlocTextVisuel__container {
max-width: 1440px;
margin: 0 auto;
display: flex;
min-height: 310px;
align-items: flex-end;
justify-content: space-between;
position: relative;
z-index: 2;
}
.paragraphBlocTextVisuel__description {
max-width: 900px;
}
.paragraphBlocTextVisuel__description h2 {
font-family: 'RidleyGrotesk-Bold';
font-style: normal;
font-size: 40px;
line-height: 50px;
}
.paragraphBlocTextVisuel__buttons > button {
display: inline-block;
font-family: 'RidleyGrotesk-Medium';
font-size: 18px;
padding: 8px 30px;
border: 2px solid #FFF;
background: #FFF;
margin: 10px 0 0;
color: #202020;
cursor: pointer;
transition: all .3s;
}
.paragraphBlocTextVisuel:hover button,
.paragraphBlocTextVisuel__buttons > button:hover {
border-radius: 50px;
background: #202020;
border: 2px solid #202020;
color: #FFF;
}
.galerie100 {
position: relative;
margin: 60px auto 90px;
overflow: hidden;
padding-left: 50px;
}
.galerie100 .swiper {
position: relative;
}
.galerie100 .swiper-slide {
width: 375px;
}
.galerie100 a.swiper-slide .visuel {
position: relative;
overflow: hidden;
}
.galerie100 a.swiper-slide img {
float: left;
transition: all .8s;
}
.galerie100 a.swiper-slide .visuel:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background: rgba(0, 0, 0, .3) url("../images/plus.png") center no-repeat;
transition: all .3s;
cursor: pointer;
z-index: 1;
}
.galerie100 a.swiper-slide:hover img,
.galerie100 a.swiper-slide:focus img {
transform: scale(1.05);
}
.galerie100 a.swiper-slide:hover .visuel:before,
.galerie100 a.swiper-slide:focus .visuel:before {
opacity: 1;
}
.galerie100 .swiper-slide h3 {
font-family: 'RidleyGrotesk-Medium';
font-size: 24px;
line-height: 28px;
padding: 15px 0 0;
}
.galerie100 .swiper-button-next,
.galerie100 .swiper-button-prev {
width: 130px;
height: 500px;
top: 0;
right: 0;
margin-top: 0 !important;
justify-content: right;
background: transparent;
}
.galerie100 .swiper-button-prev {
left: 0;
justify-content: left;
}
.galerie100 .swiper-button-next:before,
.galerie100 .swiper-button-prev:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(0,0,0,.35) 60%, rgba(0,0,0,.01) 100%);
opacity: 0;
transition: all .3s;
}
.galerie100 .swiper-button-prev:before {
transition: all 1s;
background: linear-gradient(90deg, rgba(0,0,0,.35) 60%, rgba(0,0,0,.01) 100%);
}
.galerie100 .swiper-button-next:after,
.galerie100 .swiper-button-prev:after {
content: '';
background-image: url("data:image/svg+xml,");
background-size: cover;
width: 44px;
height: 44px;
margin-right: 20px;
transition: all .3s;
opacity: 0;
}
.galerie100:hover .swiper-button-next:after,
.galerie100:hover .swiper-button-prev:after {
opacity: .9;
}
.galerie100 .swiper-button-prev:after {
transform: rotate(-180deg);
margin-left: 20px;
}
.galerie100 .swiper-button-next:hover:before,
.galerie100 .swiper-button-prev:hover:before {
opacity: 1;
}
.diaporamaHome {
position: relative;
overflow: hidden;
}
.diaporamaHome .swiper-slide {
height: calc(100vh - 75px);
/* max-height: 770px; */
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.diaporamaHome video {
object-fit: cover;
width: 100%;
height: 100%;
}
.diaporamaHome .swiper-slide__description {
position: absolute;
left: 90px;
bottom: 140px;
z-index: 11;
color: #FFF;
}
.diaporamaHome__cover {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 1;
background: linear-gradient(360deg, rgba(6, 6, 6, 0.6) 31%, rgba(12, 12, 12, 0) 50.5%);
}
.diaporamaHome .swiper-slide__description h2 {
font-family: 'RidleyGrotesk-Regular';
font-size: 64px;
line-height: 70px;
font-weight: normal;
text-align: left;
color: #FFF;
}
.diaporamaHome .swiper-slide__description h3 {
font-family: "RidleyGrotesk-SemiBold";
font-size: 26px;
line-height: 32px;
font-weight: normal;
color: #FFF;
}
.diaporamaHome .swiper-slide__description p {
font-family: 'RidleyGrotesk-Regular';
font-size: 30px;
line-height: 36px;
margin-top: 30px;
color: #FFF;
}
.diaporamaHome .swiper-slide .button {
font-family: 'RidleyGrotesk-Bold';
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
padding: 14px 30px 12px 60px;
background-color: #FFF;
color: #000;
display: inline-block;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: 20px center;
background-size: 24px;
margin-top: 20px;
transition: all .3s;
position: absolute;
left: 90px;
bottom: 70px;
z-index: 50;
}
.diaporamaHome .swiper-slide .button:hover {
border-radius: 50px;
}
.diaporamaHome .swiper-pagination {
left: 90px;
bottom: 30px;
}
.diaporamaHome .swiper-pagination-bullet {
background: transparent;
border: 2px solid #FFF;
opacity: 1;
margin-right: 10px;
}
.diaporamaHome .swiper-pagination-bullet-active {
background: #FFF;
}
.diaporamaHome .swiper-button-next:after,
.diaporamaHome .swiper-button-prev:after {
display: none;
}
.diaporamaHome .swiper-button-next,
.diaporamaHome .swiper-button-prev {
width: 50%;
height: 100%;
margin: 0;
top: 0;
}
.diaporamaHome .swiper-button-next {
right: 0;
}
.diaporamaHome .swiper-button-prev {
left: 0;
}
.diaporamaHome .swiper-button-prev:hover {
cursor: url("../images/prevPage_.png"), auto;
}
.diaporamaHome .swiper-button-next:hover {
cursor: url("../images/nextPage_.png"), auto;
}
.enImages {
position: relative;
/* max-width: 1390px; */
margin: 60px auto;
box-sizing: border-box;
padding: 0 15px;
}
.enImages__main {
display: inline-block;
vertical-align: top;
width: 540px;
margin-right: 20px;
}
.enImages__main__description {
margin-bottom: 70px;
}
.enImages__main__description > h3 {
font-family: 'RidleyGrotesk-Light';
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
color: #202020;
margin-bottom: 15px;
}
.enImages__main__description .bouton {
font-family: 'RidleyGrotesk-Medium';
padding: 8px 30px 6px !important;
border: 2px solid #202020 !important;
margin: 20px 0;
background: #FFF;
color: #202020;
transition: all .3s;
}
.enImages__main__description .bouton a {
color: #202020;
}
.enImages__main__description .bouton:hover,
.enImages__main__description .bouton:focus {
padding: 8px 30px 6px !important;
border: 2px solid #202020 !important;
background: #202020;
color: #fff;
}
.enImages__main__description .bouton:hover a,
.enImages__main__description .bouton a:hover {
color: #FFF;
}
.enImages__main__nav {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.enImages__main__nav .swiper-button-prev,
.enImages__main__nav .swiper-button-next,
.enImages__main__nav .swiper-pagination {
position: static;
display: inline-block;
}
.enImages__main__nav .swiper-button-prev,
.enImages__main__nav .swiper-button-next {
margin: 0;
width: auto;
height: auto;
}
.enImages__main__nav .swiper-button-prev:after,
.enImages__main__nav .swiper-button-next:after {
font-size: 24px;
color: #202020;
}
.enImages__main__nav .swiper-pagination {
height: 4px;
width: 120px;
margin: 0 15px;
}
.enImages__main__nav .swiper-pagination-progressbar-fill {
background: #202020 !important;
}
.enImages .swiper {
display: inline-block;
width: calc(100% - 566px);
overflow: hidden;
}
.enImages .swiper-slide {
width: 265px;
}
.enImages__item {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 15px 10px 0;
}
.enImages__item img {
float: left;
max-width: 100%;
transition: all .8s;
}
.enImages__item:hover img,
.enImages__item:focus img {
transform: scale(1.05);
}
.enImages__item__cover:before {
position: absolute;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background: rgba(0, 0, 0, .3) url("../images/plus.png") center no-repeat;
transition: all .3s;
cursor: pointer;
z-index: 1;
}
.enImages__item:hover .enImages__item__cover:before,
.enImages__item:focus .enImages__item__cover:before {
opacity: 1;
}
.block3Images {
position: relative;
max-width: 1440px;
margin: 60px auto;
padding: 0 15px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.block3Images.swiper {
padding: 0;
}
.block3Images__item {
display: inline-block;
max-width: calc(33% - 15px);
}
.block3Images__item > h4 {
font-family: 'RidleyGrotesk-Medium';
font-size: 18px;
margin-top: 10px;
font-weight: normal;
}
.block3Images__item__category {
font-family: 'RidleyGrotesk-Bold';
font-size: 16px;
text-transform: uppercase;
margin-bottom: 5px;
}
.block3Images__item__visuel {
position: relative;
overflow: hidden;
}
.block3Images__item__visuel {
width: 100%;
}
.block3Images__item__visuel img {
float: left;
transition: all .8s;
width: 100%;
}
.block3Images__item__visuel:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background: rgba(0, 0, 0, .3) url("../images/plus.png") center no-repeat;
transition: all .3s;
cursor: pointer;
z-index: 1;
}
.block3Images__item:hover img,
.block3Images__item:focus img {
transform: scale(1.05);
}
.block3Images__item:hover .block3Images__item__visuel:before,
.block3Images__item:focus .block3Images__item__visuel:before {
opacity: 1;
}
.block3Images .swiper-button-next,
.block3Images .swiper-button-prev {
width: 130px;
height: calc(100% - 60px);
top: 25px;
right: 0;
margin-top: 0 !important;
justify-content: right;
background: transparent;
}
.block3Images .swiper-button-prev {
left: 0;
justify-content: left;
}
.block3Images .swiper-button-next:before,
.block3Images .swiper-button-prev:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/* background: linear-gradient(270deg, rgba(0,0,0,.35) 60%, rgba(0,0,0,.01) 100%); */
opacity: 0;
transition: all .3s;
}
/* .block3Images .swiper-button-prev:before {
transition: all 1s;
background: linear-gradient(90deg, rgba(0,0,0,.35) 60%, rgba(0,0,0,.01) 100%);
} */
.block3Images .swiper-button-next:after,
.block3Images .swiper-button-prev:after {
content: '';
background-image: url("data:image/svg+xml,");
background-size: cover;
width: 44px;
height: 44px;
margin-right: 20px;
transition: all .3s;
opacity: 0;
}
.block3Images:hover .swiper-button-next:after,
.block3Images:hover .swiper-button-prev:after {
opacity: .9;
}
.block3Images .swiper-button-prev:after {
transform: rotate(-180deg);
margin-left: 20px;
}
.block3Images .swiper-button-next:hover:before,
.block3Images .swiper-button-prev:hover:before {
opacity: 1;
}
.fixedToolbar {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 10;
margin: 0;
padding: 0;
list-style: none;
}
.fixedToolbar a {
display: flex;
justify-content: center;
align-items: center;
background: #202020;
width: 50px;
height: 50px;
border-top: 1px solid #5A5A5A;
transition: all .3s;
}
.fixedToolbar a span {
display: inline-block;
margin-left: -4px;
}
.fixedToolbar a img {
float: left;
}
/*END Home*/
/*Sous-Home*/
.sousBlock{
margin-bottom: 1.5rem;
}
.sousBlock h2 {
color: #202020;
font-family: 'RidleyGrotesk-Regular';
font-size: 1rem;
line-height: 1.1rem;
font-weight: normal;
text-transform: uppercase;
padding: 15px 0 10px;
}
.frise_chrono {border:2px solid #675c53;margin:30px 0}
.frise_chrono .frise_visuel, .frise_chrono .desc_frise{display:inline-block;vertical-align:middle;}
.frise_chrono .frise_visuel{width:calc(100% - 550px);line-height:0}
.frise_chrono .desc_frise{width:545px;font-family:'RidleyGrotesk-Regular';font-size:14px;color:#675c53}
.frise_chrono .desc_frise h3{color:#675c53;font-family:'RidleyGrotesk-Bold';font-size:16px;text-transform:uppercase;}
.frise_chrono .desc_frise p{margin:10px 0}
.frise_chrono .bouton{text-transform:none;}
.frise_chrono .bouton:after{content:'>>';padding:0 0 0 10px}
.frise_chrono .bouton.responsive{display:none;}
/*END Sous-Home*/
/*Evenement*/
.page__events {
display: flex;
justify-content: space-around;
}
.page__events__main {
flex: 45%;
position: relative;
}
.page__events__main .event {
width: calc(100% - 5px);
max-width: 550px;
position: sticky;
}
.page__events__secondary {
flex: 55%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.page__events__secondary .event {
width: calc(50% - 5px);
max-width: 315px;
}
.page__events__secondary:after {
content: "";
width: calc(50% - 5px);
max-width: 315px;
}
.page__events p{
margin: 0;
}
.page__events .event {
margin-bottom: 60px;
display: block;
}
.page__events .event:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.page__events .event .image {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.page__events .event .image img {
display: inline-block;
margin-bottom: -7px;
}
.page__events .event .festival__btn {
font-family: 'RidleyGrotesk-Regular';
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 8px 12px;
display: inline-block;
margin-top: 15px;
display: inline-block;
width: auto;
transition: all .3s;
}
.page__events .event .title {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
box-sizing: border-box;
background: rgb(18,28,30);
background: linear-gradient(0deg, rgba(18,28,30,1) 0%, rgba(18,28,30,0.60) 60%, rgba(18,28,30,0) 100%);
transition: all .3s;
}
.page__events .event .title h2 {
font-family: 'RidleyGrotesk-Bold';
text-transform: uppercase;
color: #fff;
}
.page__events .event .title p.titre_events {
font-size: 14px;
color: #fff;
}
.page__events .event .title p.sous_titre {
text-transform: uppercase;
margin-bottom: 10px;
color: #fff;
}
.page__events__main .title {
padding: 30px 30px 45px;
}
.page__events__main .title h2 {
font-size: 32px;
line-height: 36px;
margin-bottom: 10px;
}
.page__events__main .title p,
.page__events__main .festival__type {
font-size: 16px;
line-height: 22px;
}
.page__events__secondary .title {
padding: 30px 15px;
}
.page__events__secondary .title h2 {
font-size: 22px;
line-height: 26px;
margin-bottom: 5px;
}
.page__events__secondary .title p,
.page__events__secondary .festival__type {
font-size: 13px;
line-height: 18px;
}
.page__events .event .festival__type {
font-family:'RidleyGrotesk-Regular';
text-transform: uppercase;
position: absolute;
width: 100%;
box-sizing: border-box;
color: #fff;
background: linear-gradient(180deg, rgba(18,28,30,1) 0%, rgba(18,28,30,0.60) 60%, rgba(18,28,30,0) 100%);
}
.page__events__main .festival__type {
padding: 20px;
}
.page__events__secondary .festival__type {
padding: 15px;
}
.page__events .event .festival__date {
font-family: 'RidleyGrotesk-Light';
font-size: 16px;
line-height: 20px;
margin-top: 15px;
}
.page__events__main .event:hover .title {
padding-bottom: 60px;
}
.page__events__secondary .event:hover .title {
padding-bottom: 45px;
}
.page__events__old {
font-family:"RidleyGrotesk-SemiBold";
text-transform: uppercase;
font-size: 30px;
text-align: center;
background: url("../img/past__expo__bg.jpg") center no-repeat;
background-size: cover;
width: 100%;
padding: 80px 30px;
margin-bottom: 30px;
box-sizing: border-box;
position: relative;
}
.page__events__old p {
position: relative;
z-index: 1;
}
.page__events__old .page__events__old__btn {
font-family:"RidleyGrotesk-SemiBold";
text-transform: uppercase;
font-size: 16px;
color: #fff;
border: 2px solid #fff;
padding: 8px 20px;
display: inline-block;
text-decoration: none;
transition: all .3s;
margin-top: 5px;
position: relative;
z-index: 1;
}
.page__events__old .page__events__old__btn:hover{
background: #fff;
color: #000;
}
.page__events__old .page__events__old__btn:focus {
outline: 5px auto -webkit-focus-ring-color;
}
.page__events__old .page__events__old__gradient {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 10%, rgb(0 0 0 / 60%) 50%, rgba(0,0,0,0.3) 90%,rgba(0,0,0,0) 100%);
}
.nav__events {
display: flex;
justify-content: center;
border-bottom: 1px solid #333;
margin: 30px auto 50px;
}
.nav__events ul,
.nav__events ul li {
display: inline-block;
margin: 0;
}
.nav__events ul li a {
font-family: 'RidleyGrotesk-Bold';
text-transform: uppercase;
color: rgb(51 51 51 / 60%);
font-size: 16px;
display: inline-block;
padding: 5px 10px;
border-bottom: 4px solid transparent;
margin-bottom: -4px;
transition: all .4s;
}
.nav__events ul li a:hover,
.nav__events ul li a.active,
.nav__events ul li a:focus {
color: rgb(51 51 51 / 100%);
border-bottom: 4px solid #333;
}
/*END Evenement*/
/*Archive events*/
.accordionGroup {
display: block;
margin: 0;
padding: 1rem 0 0;
border-bottom: 1px solid #333;
}
.accordionGroup .grid-item {
float: none;
display: inline-block;
width: calc(50% - 5px);
}
.accordionGroup .accordionGroup__title {
font-size: 1.75rem;
padding: 0.5rem 0;
cursor: pointer;
position: relative;
}
.accordionGroup .accordionGroup__title:after {
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
font-size: 1.25rem;
font-family: "fontello_n";
content: '\e81b';
display: inline-block;
transform: rotate(90deg);
transition: all .4s;
}
.accordionGroup .accordionGroup__title.active:after {
transform: rotate(-90deg);
}
.accordionGroup .accordionGroup__container {
display: none;
}
.galery_container * {
box-sizing: border-box;
}
.galery_container .gallery_el {
display: block;
padding: 1.56rem 0;
border-bottom: 1px solid #333;
}
.galery_container .gallery_el:first-child {
margin-bottom: -5px;
}
.galery_container .gallery_el:last-child {
border-bottom: none;
}
.galery_container .gallery_el .item-type {
font-family: "RidleyGrotesk-Bold";
font-size: 0.75rem;
text-transform: uppercase;
}
.galery_container .gallery_el .item-date {
font-family: "RidleyGrotesk-Regular";
font-size: 0.8rem;
}
.galery_container .gallery_el .item-title {
font-family: "RidleyGrotesk-Bold";
font-size: 0.8rem;
line-height: 1.5;
text-transform: uppercase;
}
.galery_container .gallery_el .item-sub-title {
font-family: "RidleyGrotesk-Light";
font-size: 0.8rem;
line-height: 1.5;
text-transform: uppercase;
}
.galery_container .gallery_el > .row {
display: flex;
align-items: center;
}
.galery_container .gallery_el p{
margin-bottom: 0;
}
/*Webform*/
.block-webform {
max-width: 1200px;
margin: 0 auto;
}
.block-webform .js-form-item {
display: inline-block;
vertical-align: bottom;
width: calc(33% - 10px);
}
.block-webform .js-form-item.js-form-wrapper, .block-webform .js-form-item.js-form-type-radio{
width: 100%;
display: block;
}
.block-webform .js-form-item label {
font-size: 0.9rem;
}
.block-webform .js-form-type-webform-markup {
width: 100%;
}
.webform-submission-bon-de-commande-form{
position: relative;
}
.block-webform .js-form-type-date {
position: absolute;
left: 35%;
bottom: 315px;
}
.block-webform #edit-moyen-paiement--wrapper{
margin-left: 20px;
}
.block-webform .js-form-item.form-item-rgpd {
width: 100%;
}
.block-webform .btn{
width: auto;
}
.block-webform .ui-datepicker-trigger {
margin: 0 2px;
position: absolute;
right: 10px;
top: 12px;
}
#block-tripadvisor p{
margin-bottom: 0;
}