@font-face {
  font-family: "NouvelR-regular";
  src: url('../fonts/NouvelR-Regular.woff2')format("woff2");
   font-weight:400;
}

@font-face {
  font-family: "NouvelR-regular";
  src:url('../fonts/NouvelR-Bold.woff2')format("woff2");
  font-weight:700;
}

@font-face {
  font-family: "NouvelR-regular";
  src: url('../fonts/NouvelR-Semibold.woff2')format("woff2");
  font-weight:600;
}

/*@font-face {
  font-family: "NouvelR-regular";
  src: url('../fonts/NouvelR-Extrabold.ttf')format("truetype");
  font-weight:900;
    
}*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont2.ttf") format("truetype");
   font-weight:400;
  font-style: normal; 
}
  
:root {
      --space-30: 22px;
    --space-75: 75px;
    --space-105: 105px;
    --gutter: clamp(16px, 4.1666666667vw, 60px);
    --max-ctn-w: 1920px;
    --ctn-w: clamp(200px, calc(100vw - var(--gutter) * 2), var(--max-ctn-w));
}

html, body {
    margin: 0;
    padding:0;
    font-family: "NouvelR-regular",Arial, Helvetica Neue, Helvetica, sans-serif;
    
    overflow-x: hidden;
    
  }
body {
	background-color:#ffffff;
	color:#000000;
	-webkit-font-smoothing: antialiased;
	
}

.body-yellow {
	background-color:#FAF707;
	
}

ol, ul, li {
    list-style: none;
    padding-inline-start: 0;
}

/**********header***************/
header {
  background: #ffffff;
}

header a {
  color: #000;
  text-decoration: none;
  font-family: "NouvelR-extra-bold";
}

.nonactive{
  font-family: "NouvelR-regular";
}

.menu_header {
   
    padding: 2rem 2rem 0 2rem;
    align-items: center;
    color: #000000;
  /*  background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 1.86; 
    background-position: 50% 50%;*/
}

.menu_header__menu {
  display: none;
}

.logom5{width:7rem;}
.logorenault{width:36px;margin-right: 3rem;}
.logorenaultm{display:none;}

ul.menu__list {
  list-style-type: none;
  padding: 0;
}

.menu__list > li > a {
  color: #fff;
}

.menu__list > li {
  padding-bottom: 15px; 
  font-size: 1.5rem;
}
/**********fin header***************/

hr {    
	height: 1px;
    margin-block: var(--space-30);
    background-color: #cecece;
    border: none;
    width: 100%;
}
.container{padding: 0 15px;}
section {/*max-width:1298px;*/margin:0px auto;}
.section {
    display: flex;
    flex-direction: column;
   /* align-items: center;*/
  /*  margin-bottom: 3rem;*/
    padding: 50px 72px;
}
.section a {color:#ffffff;}
.section a:visited{color:#ffffff;}

strong{font-family: "NouvelR-extra-bold";}
/*.section div {
    border: 1px solid #000;
    width: 100%;
    text-align: center;
    margin-top: 3rem;
    height: 15rem;
}*/


h3 {
	font-size:2.5rem;
	 line-height: 1;
    letter-spacing: -.025em;
	font-weight: 700;
	/*color: #fff;*/
	
	vertical-align: middle;
	margin-block-start: 0px;
/*	margin-block-end: 0px;*/
	
}

/**********entete********/
.entete {/*padding: 72px ;*/padding-top: calc(var(--space-30) * 2 - 13px); padding-left: 72px; padding-right: 72px;display: flex;justify-content: space-between;margin: 0 auto;align-items: flex-start;gap: 50px;} /*20px 50px;*/
.entete-right{    width: 526px;margin: 0 auto 0 auto;}
.entete .title {
	font-weight: 700;
	font-size:  4.375rem;
    letter-spacing: -.025em;
	line-height:64px;
	padding: 0;
    margin: 0; /*0 0 2rem 0*/
    line-height: 1;
    display: flex;
    align-items: flex-start;
    display: inline-block;
    transform: translateY(-10px);
    
}
    
.entete .sub-title {font-weight: 600;font-size:1.25rem;;letter-spacing:-.025em;line-height:1.25rem;; display:flex;column-gap: 30px;margin: 2rem 0;}
.sub-title  div{display: flex;align-items: center;}
.entete .sub-title-text {font-weight: 600;font-size: .875rem;letter-spacing:0%;line-height: 1;color:#00000080;margin-top: 19px;}
.entete .a-propos{font-weight: 600;font-size:20px;letter-spacing:-2.5%;line-height:20px;margin: 2rem 0;display: flex;align-items: flex-start; align-content: flex-start; gap: 20px;}
.imgentete {  
	width: 100%;

}

.entete .blockcard {
	position: absolute;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: min(24px, var(--width, 480px) * .05);
    }

.entete .card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  font-family : "NouvelR-regular";
  border: 4px solid #35FE01;
}

.entete .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
 
}

/* Petite étiquette en haut à gauche */
.entete .tag {
 position: absolute;
  top: 24px;
  left: 24px;
  backdrop-filter: blur(100px);
    background: #35FE01;

  color: black;
  padding: 10px;
  border-radius: 10px;
  font-size: .875rem;
  text-transform: lowercase;
  
    font-weight: 600;

}

/* Date en bas à gauche */
.entete .card .date {
 /* position: absolute;*/
  bottom: 50px;
  left: 24px;
   backdrop-filter: blur(100px);
    background: #35FE01;

  color: black;
 /* padding: 8px 12px;*/
  border-radius: 15px;
  text-align: center;
  line-height: 1;
  align-content: center;
  width : 60px;
  height: 60px;
}
.multidate {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width : 120px !important;
}

.entete .card .date .day {
  font-size: 1.25rem;
  display: block;
  font-weight: 700;
  line-height: 1;
}

.entete .card .date .month {

  font-weight: 600;
  line-height : 16px;
  font-size: .75rem;
    line-height: 1.15;
    text-transform: lowercase;
}

/* Titre en bas */
.entete .card .bloctitle {
	display: flex;
    flex-direction: column;
    gap: 5px;
    order: 1;
}
.entete .card .title {
  /* position: absolute;*/
  bottom: 24px;
  left: 24px;
  color: white;
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: -.025em;
  font-weight: 700;
  transform: none;
  /*text-transform: lowercase;*/
}
.entete .card .subtitle {
  font-size: .75rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
}

.bloc_entete {display: flex;justify-content: space-between;}
.entete > div:first-of-type{width:50%;}
.bloc_entete img{width:80%;}
.bloc_entete .text{text-align: right;padding:20px;}
.bloc_entete .date{font-family: "NouvelR-extra-bold";font-size: 5rem;}
.bloc_entete .heure{font-family: "NouvelR-regular";font-size: 6rem;}
.bloc_entete .addresse{font-family: "NouvelR-regular";font-size: 3rem;}
.bloc_entete .buttonimg{text-align: right;margin-top:30px;}
.bloc_entete .buttonimg a {    
	padding: 10px 30px;
    background-color: #ffffff;
    color: #000;
    font-family:"NouvelR-extra-bold";
    font-size: 1.2rem;
    margin-top: 20px;
    text-decoration:none;
}
.entete .border{border-bottom: 1px solid #0000001A;margin: 2rem 0;}
.section-ticket{box-shadow: 0px 4px 61.8px 0px #00000040;width: 526px;border-radius: 14px; display: flex;align-items: center;justify-content: center;}
.section-ticket > div:first-of-type	{
	/*width: 303px;*/
   
    gap: 23px;
    display: grid;
    margin: 2rem auto;
}
.section-ticket .button {
	width: 450px;
	border-radius: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #000000;
	color:#ffffff;
	text-align:center;

}
.ticketlefttext {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
}
.ticketlist {
	position: relative;
    display: inline-block;
  /*  width: 300px;*/
}

.ticketlist select {
	width: 450px; /*303px*/
	height: 48px;
	border-radius: 10px;
	border-width: 1px;
	border: 1px solid #CACACA;
	color: #949494;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0%;
	padding: 9px;
	overflow: hidden;
	font-family : "NouvelR-regular";
	    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 5px 10px;
}
.book_now{color:#ffffff;text-decoration: none;}
.chevron-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.titre-option {
	color:#000000;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1;
	letter-spacing: 0%;
	margin-bottom: 10px;
}
.ticketlist select option:checked {background-color:#ffffff;color: #00000080;}
.ticketleft{margin-top:3rem;font-family: "NouvelR-regular";font-size: 2.5rem;color:#FAF707;}
.ticketleft .ticket{font-family: "NouvelR-extra-bold";}
.listtag {margin-top: 19px;display: flex;gap: 20px;}
.categorie {
	background-color:#7B7B7B0D;
	border: 1px solid #7B7B7B0D;
    width: fit-content;
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    margin-bottom: 10px;
    color:#000000;    
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	
}


.blocticket{text-align:center;}


/*************bloc page grille evenement*/
.section-blocevent {
	/*padding: 20px 50px;*/
	padding : 72px;
	
}

.section-blocevent, .section-blocinfos h3{color:#000000;}
.grid-event {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colonnes égales */
  grid-template-rows: repeat(2, 1fr);    /* 3 lignes égales */
  gap: 40px; /* espace entre les cases (facultatif) */
  width: 100%;
  margin-top: 36px;
  
}
.grid-event .card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  font-family : "NouvelR-regular";
  border: 4px solid #35FE01;
}

.gradient-overlay {
position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45%; /* hauteur du dégradé */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  pointer-events: none; /* laisse les clics passer à travers */
}
.grid-event .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
 
}

/* Petite étiquette en haut à gauche */
.grid-event .tag {
  position: absolute;
  top: 24px;
  left: 24px;
  backdrop-filter: blur(100px);
    background: #35FE01;

  color: black;
  padding: 10px;
  border-radius: 10px;
  font-size: .875rem;
  text-transform: lowercase;
  
    font-weight: 600;

}

/* Date en bas à gauche */
.grid-event .date {
  position: absolute;
  bottom: 60px;
  left: 24px;
   backdrop-filter: blur(100px);
    background: #35FE01;

  color: black;
 /* padding: 8px 12px;*/
  border-radius: 15px;
  text-align: center;
  line-height: 1;
  align-content: center;
  width : 60px;
  height: 60px;
}

.grid-event .datedouble {
	position: absolute;
    bottom: 60px;
    left: 24px;
    display: flex;
}
.grid-event .datedouble > div {
	backdrop-filter: blur(100px);
    background: #35FE01;

	color: black;
	/* padding: 8px 12px;*/
	border-radius: 15px;
	text-align: center;
	line-height: 1;
	align-content: center;
	width : 60px;
	height: 60px;
}
.datedouble > div:last-child {
  margin-left:-1px;
}
.datedouble > div + div {
  margin-left: 0;
}

.grid-event .date .day, .grid-event .datedouble .day {
  font-size: 1.25rem;
  display: block;
  font-weight: 700;
  line-height: 1;
}

.grid-event .date .month, , .grid-event .datedouble .month {

  font-weight: 600;
  line-height : 16px;
  font-size: .75rem;
    line-height: 1.15;
    text-transform: lowercase;
}

/* Titre en bas */
.grid-event .bloctitle {
	position: absolute;
  	bottom: 10px;
  	left: 24px;
	display: flex;
    flex-direction: column;
    gap: 5px;
    order: 1;
}
.grid-event .title {
 /* position: absolute;
  bottom: 24px;
  left: 24px;*/
  color: white;
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: -.025em;
  font-weight: 700;
  /*text-transform: lowercase;*/
}
.grid-event .subtitle {
  font-size: .75rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
}

/*******bloc info************/
.section-blocinfos {padding:  72px;}
.grid-infos {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
  gap: 40px; /* espace entre les cases (facultatif) */
  width: 100%;
  
}
.grid-infos > div:first-of-type{margin-bottom: var(--space-30);}

.grid-infos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 /* max-width: 600px;*/
}

.grid-infos .store-info {
  padding: 0px 30px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  margin: 0 auto;
  max-width: min(85%, 620px);
  width:100%;
}
.grid-infos .title{
	font-family: "NouvelR-regular";
	font-weight: 700;
	font-size: 40px;
}

.grid-infos .address {
	display: flex;
    gap: 8px;
	font-size: .875rem;
    line-height: 1.1;
    color: #000000;
    font-weight: 600;
}

.grid-infos .address > div:nth-of-type(2){    
display: flex;
    flex-direction: column;
    gap: 6px;
    }
    
.grid-infos .address span {
  font-weight: 600;
	color: #757575;
	white-space: pre-wrap;
}
.grid-infos .hours{
	display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    color: #909090;
    gap: 20px;
}
.grid-infos .hours div {
 /* margin: 0;
  font-size: .875rem;
  letter-spacing: 1px;
  font-weight: 600;
  color: #909090;
  display: flex;
  justify-content: flex-start;
  gap: 30px;*/
}
.grid-infos .hours span {
	font-weight: 600;
	color: #000000;
	width: 10%;
}

.grid-infos .accessibility {
  background-color: #f7f7f7;
  color: black;
  padding: 16px 10px;
  border-radius: 8px;
  font-size: 16px;
  width: fit-content;
  
}
.grid-infos .accessibility span {
	align-items: center;
    gap:20px;
    display: flex;
	font-weight: 600;
	font-size:16px;
	/*line-height: 68px;*/
  
}
.grid-infos .accessibility .note{
	font-size:12px;
	line-height: 13px;
	color: #00000080;

}


/***************section restez informe**************/
.section-bloccontact {padding:  72px;}
.section-bloccontact h3{color:#ffffff;}
.bloccontact {
    background: url(../../images/GRA_21.png);
    background-size: cover;
    min-height: 210px;
	border-radius: 15px;
	justify-content: space-between;
    display: flex;
    padding: 2rem;

}

.bloccontact .left {
	padding: 2rem 0 2rem 2rem;
    align-items: center;
        width: 525px;

}

.bloccontact .right {
	padding: 2rem 0 2rem 2rem;
    align-items: center;
        display: flex;
    gap: 18px;
    
}
.bloccontact .button {
    width: 125px;
    border-radius: 10px;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #000000;
    color:#ffffff;
	font-weight: 600;
	font-size: 14px;
	line-height: 96%;
	letter-spacing: 0%;
	text-align: center;

}
    
.bloccontact .text{
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #ffffff;
	margin-top: 36px;
}

.bloccontact input {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #D9D9D6;
	width:380px;
	height:50px;
}

/**********class template bloc****************/
.bloc-description{width:100%;}
.bloc-description .ttl {    
	font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    /* color: #fff; */
    vertical-align: middle;
    margin-block-start: 0px;
}
.bloc-description .textdescription {font-family:"NouvelR-regular";font-weight:400;font-size:1.9rem;padding: 20px 0;}
.textdescription a{color:#757575;}

.bloc-sstitre1{width:100%}
.bloc-sstitre1 .ttl {font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    /* color: #fff; */
    vertical-align: middle;
    margin-block-start: 0px;}
.bloc-sstitre1 .textsstitre1 {font-family:"NouvelR-regular";font-weight:400;font-size:1rem;color: #757575;width: 70%;}

.bloc-sstitre2{width:100%}
.bloc-sstitre2 .ttl {font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    /* color: #fff; */
    vertical-align: middle;
    margin-block-start: 0px;}
.bloc-sstitre2 .textsstitre2 {font-family:"NouvelR-regular";font-weight:400;font-size:1rem;color: #757575;width: 70%;}


.bloc-textimg{}
.bloc-textimg .ttl {font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    /* color: #fff; */
    vertical-align: middle;
    margin-block-start: 0px;}
.bloc-textimg .text {font-family:"NouvelR-regular";font-weight:400;font-size:1.5rem;}
.bloc-textimg img{width:80%;display:block;margin-left: auto;}
.flex {display:flex;grid-gap: 20px;}
.flex > * {width:50%;}
.flex .parent > * > * {width:inherit;}

.bloc-imgtext{}
.bloc-imgtext .ttl {font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    /* color: #fff; */
    vertical-align: middle;
    margin-block-start: 0px;}
.bloc-imgtext .text {font-family:"NouvelR-regular";font-weight:400;font-size:1.5rem;}
.bloc-imgtext img{width:80% ;display:block;margin-right:auto;}


.bloc-3img{}
.blocinfosimg{ } /*padding:20px;*/
.blocinfosimg .ttlimg{font-family:"NouvelR-extra-bold";font-size:1.9rem;}
.blocinfosimg .subttlimg{font-family:"NouvelR-regular";font-size:1.9rem;margin-bottom: 0.5rem;}
.blocinfosimg .captionimg{font-family:"NouvelR-regular";font-size:1.1rem;margin-bottom: 2rem;color: #fff;padding: 5px;}
.blocinfosimg .buttonimg{text-align:center;}
.blocinfosimg .buttonimg a {    
	padding: 10px 30px;
    background-color: #ffffff;
    color: #000;
    font-family:"NouvelR-extra-bold";
    font-size: 1.2rem;
    margin-top: 20px;
    text-decoration:none;
}
.blocinfosimg img{vertical-align: bottom;}

.blocinfosimgbutton .ttlimg{font-family:"NouvelR-extra-bold";font-size:1.9rem;}
.blocinfosimgbutton .subttlimg{font-family:"NouvelR-regular";font-size:1.9rem;margin-bottom: 0.5rem;}
.blocinfosimgbutton .captionimg{font-family:"NouvelR-regular";font-size:1.1rem;margin-bottom: 2rem;background-color: #000;color: #fff;padding: 5px;}
.blocinfosimgbutton .buttonimg{text-align:center;}
.blocinfosimgbutton .buttonimg a {    
	padding: 10px 30px;
    background-color: #ffffff;
    color: #000;
    font-family:"NouvelR-extra-bold";
    font-size: 1.2rem;
    margin-top: 20px;
    text-decoration:none;
}
.blocinfosimgbutton img{vertical-align: bottom;}


.bloc-video{width:100%}
.bloc-video .ttl {font-family:"NouvelR-extra-bold";font-size:1.9rem;padding: 20px;}
.bloc-video .text {font-family:"NouvelR-regular";font-size:1.1rem;background-color: #fff;color: #000;padding: 5px;}


.bloc-video video{width:100%;}



/********Mosaic 4 img**/
.containermosaic4 {
	/*padding:20px;*/
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 10px;
}
.containermosaic4 img{width: 100%;vertical-align: bottom;}
.containermosaic4 .captionimg{font-family:"NouvelR-regular";font-size:1.1rem;background-color: #fff;color: #000;padding: 5px;}

.imgleft {
   
}
.imgleft .parent > * > * {width:inherit;}

.side-images {
   /* display: grid;*/
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 10px;
}

.side-image {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 10px; /* Marge entre les deux images latérales */
    grid-gap: 10px;
}

.bottom-image {
    margin-top: 10px; /* Marge au-dessus de la quatrième image */
}

/***bouton**/
.buttonimg{text-align:center;}
.buttonimg a {    
	/*padding: 10px 30px;
    background-color: #ffffff;
    color: #000 !important;
    font-family:"NouvelR-extra-bold";
    font-size: 1.2rem;
    margin-top: 20px;
    text-decoration:none;*/

    width: 303;
	height: 49;
	border-radius: 10px;
	gap: 10px;
	padding-top: 20px;
	padding-right: 46px;
	padding-bottom: 20px;
	padding-left: 46px;
	background: #000000;
	color:#ffffff;
	font-family:"NouvelR-regular";
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0%;
	text-align: center;
	text-decoration:none;
}

.booking{margin-top: 3rem;}
/***** swipper****/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  /*text-align: center;*/
  font-size: 18px;
  display: flex;
  justify-content: start;
  /*align-items: center;*/
  flex-direction: column;
  /*width:25vw;*/
  width:100%;
  height:auto;
  border-radius: 15px;
  overflow: hidden;
  font-family: "NouvelR-regular";
  border: 4px solid #35FE01;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide .caption_date {
  font-size: 4rem;
  padding-top: 10px;
}

.swiper-slide .caption_category {
  font-family: "NouvelR-extra-bold";
  margin-left: 1rem;
  font-size: 0.8rem;
}

.swiper-slide .caption_category p {
  width: fit-content;
  /*background: #FAF752;*/
  color: #000;
  padding: 0.3rem 0.5rem;
  border-radius: 10px;
}

.swiper-slide .caption_text {
  font-family: "NouvelR-extra-bold";
  margin-left: 1rem;
  font-size: 1.7rem;
  height: 75px;
}

.swiper-slide .caption_text p {
  margin-top: 0;
}

.swiper-slide .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 15px; 
}

/* Petite étiquette en haut à gauche */
.swiper-slide .tag {
  position: absolute;
  top: 24px;
  left: 24px;
  backdrop-filter: blur(100px);
    background: #35FE01;

  padding: 10px;
  border-radius: 10px;
  font-size: .875rem;
  font-weight: 600;
  text-transform: lowercase;

}

/* Date en bas à gauche */
.swiper-slide .date {
  position: absolute;
  bottom: 50px;
    left: 24px;
   backdrop-filter: blur(100px);
    background: #35FE01;
 /* padding: 8px 12px;*/
  border-radius: 15px;
  text-align: center;
  font-weight: 700;
    line-height: 1;
    font-size: 1.25rem;
  align-content: center;
 width: 60px;
    height: 60px;
}

.swiper-slide .date .day {
  font-size: 1.25rem;
  display: block;
  font-weight: 700;
  line-height : 1;
}

.swiper-slide .date .month {
  font-size: .75rem;
    line-height: 1.15;
  text-transform: lowercase;
  font-weight: 600;

}

/* Titre en bas */
.swiper-slide .bloctitle {
	position: absolute;
  	bottom: 10px;
  	left: 24px;
	display: flex;
    flex-direction: column;
    gap: 5px;
    order: 1;
}

.swiper-slide .title {
 /* position: absolute;
  bottom: 24px;
  left: 24px;*/
  color: white;
      line-height: 1;
    letter-spacing: -.025em;
    font-weight: 700;
    font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
}
.swiper-slide .subtitle {
  font-size: .75rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
}

.caption{font-family:"NouvelR-regular";font-size:1.1rem;margin-bottom: 2rem;color: #fff;padding: 5px;}

.caption_button a button {
  background: transparent;
  border: 1px solid #fff;
  padding: 1rem 2rem;
  color: #FFF;
  font-family: "NouvelR-extra-bold";
  font-size: 1.2rem;
  margin-left: 1rem;
  width: 200px;
}

button:hover {
  cursor: pointer;
}

.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.mySwiper-event {
 display:none;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 40px;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  padding: 10px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
     opacity: 1; 
}
.swiper-event .swiper-slide img {
  width: 100%;
 border-radius: 10px;

}
.swiper-event .gradient-overlay {
position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45%; /* hauteur du dégradé */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  pointer-events: none; /* laisse les clics passer à travers */
}
/*********Caroussel***********/
.carousel-container {
    position: relative;
    width: 100%;
    max-width: 100%; /* Largeur maximale du carrousel */
    margin: 0 auto; /* Centrer horizontalement */
    overflow: hidden; /* Cacher les débordements */
}

.carousel-slide {
    display: flex;
    transition: transform 0.5s ease-in-out; /* Animation de transition */
}
.carrousselimg{ width: 100%;min-width: 100%;}
.carousel-slide img {
    width: 100%;
    height: auto;
}

.carousel-prev,
.carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  /*  width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);*/
    color: white;
    font-size: 24px;
    border: none;
    cursor: pointer;
}

.carousel-prev {
    left: 10px;
}

.carousel-next {
    right: 10px;
}


.guestlang{width:90%;text-align:right;color: #000;margin-right: 2rem;}
.modal-contentguest {padding-bottom:5rem;}
/*.modal-content {padding-bottom:5rem;}*/
/**********fin class template bloc****************/
.section-event{}

footer {
   /* padding-top: 10rem;*/
    background: #000000;
    color: #fff;
    position: sticky;
        bottom: 0;
	padding: 94px 0 57px;
	font-family: "NouvelR-regular";
    
  }
  
  .desktop{display:block; }
	.mobile{display:none;}
  
  .footer h3{margin-block-end: 11px;}
  
  .footer-gradient {
  	max-height: 190px;
  	--overlay-bg: linear-gradient(-180deg, #000, #0000 100%), linear-gradient(-90deg, #000 30%, #0000 90%), linear-gradient(90deg, #e646eb, #f55b80);
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 210px;
    background: var(--overlay-bg, linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) var(--overlay-h, 33%)));
  }
  
  .footer-gradient:after {
  	position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background-image: repeating-linear-gradient(90deg, rgb(var(--stripes-color, 0, 0, 0), 30%), rgb(var(--stripes-color, 0, 0, 0), 10%) 20px, rgb(var(--stripes-color, 0, 0, 0), 0%) 20px 23px);
    -webkit-mask-image: var(--stripes-mask-bg, linear-gradient(145deg, #fff, rgba(255, 255, 255, 0) 80%));
    mask-image: var(--stripes-mask-bg, linear-gradient(145deg, #fff, rgba(255, 255, 255, 0) 80%));
  }
  footer a {
    color: #fff;
    text-decoration: none;
  }
  
  .footer input {
	background-color: #1B1B1B;
	border-radius: 10px;
	border: 1px solid #363636;
	width:380px;
	height:50px;
	}
	.footer h3{color:#ffffff;}
	
	.footer li{padding-block: 7px;}
	.footer .button {
		width: 152px;
    	border-radius: 10px;
    	gap: 10px;
    	padding-top: 20px;
    	padding-bottom: 20px;
   	 	text-align: center;
    	background: linear-gradient(269.93deg, #DD00A9 0.06%, #B400FF 48%, #6258FF 99.94%);
    	    font-size: .875rem;
    font-weight: 600;
    line-height: 1.1;
	}

  .sub_footerinfoen {
  	 display: flex;
    justify-content: space-between;
    width: var(--ctn-w);
    align-items: flex-start;
    margin-inline: auto;
        column-gap: 150px;
        color:#ffffff80;
    font-weight: 600;
    font-size: 12px;
  }
  .sub_footerinfoen  > div:first-of-type  {padding: 0 2rem;}
  
  .sub_JDHU_footer {
    display: flex;
    justify-content: space-between;
    width: var(--ctn-w);
    align-items: flex-start;
   /* padding:   72px 87px; *//*20px 65px;*/
    flex-direction: row-reverse;
        margin-inline: auto;
        column-gap: 150px;
  }
  
   .sub_footer{
 	 position: relative;
  	min-height: 210px;
  	overflow: hidden;
  	display: flex;
  	
    justify-content: space-between;
   /* padding: 20px 50px 0px 50px;*/
      padding:  72px 0px; /*72px 87px;*/
      column-gap: 150px;
      width: var(--ctn-w);
      align-items: flex-start;
      margin-inline: auto;
	}
	
  /*.sub_footer::before{
  	content: "";
 	 position: absolute;
 	 inset: 0;
  	 background: url(../../images/GRA_2.png);
    background-size: cover;
    min-height: 210px;
	width:100%;
	border-radius: 15px;
	z-index:0;
	
  }*/
  

  
  .sub_JDU6g_footer {
    display: grid;
    flex-direction: row;
    justify-content: space-around;
    padding: 2rem;
    align-items: flex-start;;
    grid-template-columns: repeat(3, 2fr);
    gap: 100px 50px;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
	letter-spacing: 0%;
	color:#757575;
	flex:1;
	font-family: "NouvelR-regular";
  }
  .bloc_JDU6g_footer {
  	display:grid;
  	/*gap:30px;*/
  }
  
  .sub_JDU6g_footer .item {}
  .sub_JDU6g_footer .title {
	font-size: .75rem;
    line-height: 1.1;
	color: #ffffff;
	font-weight: 700;
	
  }
  .sub_JDU6g_footer .item a {
    color: #757575;
    text-decoration: none;
  }
  
  .sub_JDU6g_footer .item a:hover {
    color: #ffffff;
  }
  
  .sub_JDU6d_footer {
    padding: 2rem 0 2rem 2rem;
    align-items: center;
    flex:1;
    font-family: "NouvelR-regular";
  }
   .sub_JDU6d_footer > div:first-of-type {
 	 margin-left: auto; /* décalage à droite */
 	 text-align: left;  /* conserve l'alignement du texte */
  /*	max-width: 550px; */
  	position: relative;
    margin-bottom: 58px;
  }
  .sub_JDU6d_footer .title {
	font-size: .75rem;
    line-height: 1.1;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
  }
  
  .sub_JDU6d_footer .info {
	font-weight: 600;
	font-size: .875rem;
    line-height: 1.1;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #757575;
	margin-top: 20px;
	max-width: 20em;
  }
  
  .sub_JDU6d_footer .text {
	font-weight: 600;
	font-size: .75rem;
	line-height: 1.1;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #757575;
	margin-top: 20px;
	max-width: 20em;
  }
  
  .sub_JDU6d_footer .news {
      display: flex;
      gap: 20px;
      margin-top: 32px;
  }
  
  .sub_UJH7_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem;
    align-items: center;
    color: #000;
  }
  
  .network {
  	display: flex;
    gap: 40px;
   /* padding: 40px 0;*/
   margin-bottom: 15px;
   gap: 18px;
   justify-content: flex-start;
  }
  
  .sub_footer_left {
  	 position: relative;
  	 z-index: 1;
  	 padding: 2rem;
  	 flex:1;
  }
  .sub_footer_left .address{
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0%;
	color:#AAAAAA;
	margin-top: 28px;
	margin-bottom: 10px;
	}
	
	.sub_footer_left .atrenault{
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #ffffff;
	}
  
  .sub_footer_middle {
  	 position: relative;
  	 z-index: 1;
	
	padding: 2rem 0 2rem 2rem;
	
	text-align: right;        /* Pour texte ou inline */
  	justify-self: end; 
  	flex:1;
  
  	

  }
    .sub_footer_middle > div:first-of-type {
    	display: grid;
		gap: 14px;
		text-align: left;
			margin-left: auto; /* décalage à droite */
  text-align: left;  /* conserve l'alignement du texte */
  /*max-width: 550px; */
  grid-template-columns: repeat(2, 1fr);
  display: grid;
	gap: 14px;
    }
    
     .sub_footer_middle a {
    color: #757575;
    text-decoration: none;
  }
  
  .sub_footer_middle a:hover {
    color: #ffffff;
  }
    
     .sub_footer_middle .legalinfo {
    	display: grid;
    	gap: 14px;
    }
  .sub_footer_middle div {
  	font-weight: 600;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 0%;
	color:#AAAAAA;
  }
  
  .sub_footer_lang {
  	 position: relative;
  	 z-index: 1;
 	 width: 180px;
 	 text-align: right;        /* Pour texte ou inline */
  	justify-self: end; 
  }
  .selected-lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 10px 15px;
  border-radius: 10px;
  background: #1c1c1c;
  color: #fff;
  cursor: pointer;
  border: none;
  position: absolute;
  bottom: 0px;
   font-family: "NouvelR-regular";

}

.selected-lang img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.arrow {
  margin-left: auto;
}

.lang-options {
  position: absolute;
  /*bottom: 105%;*/
  width: 100%;
  background: #1c1c1c;
  border-radius: 10px;
  padding: 5px 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  z-index: 10;
}

.lang-options li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  cursor: pointer;
  color: #bbb;
   font-family: "NouvelR-regular";
}

.lang-options li:hover {
  background: #2a2a2a;
}

.lang-options li.active {
  color: #fff;
}

.lang-options li .check {
  margin-left: auto;
}

.hidden {
  display: none;
}
  
  .mai_kdj7f, .mai_ydhyR {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  
  .mai_kdj7f {
    width: 10rem;
    margin-left: 12rem;
  }
  
  
  .mai_ydhyR {
    width: 25rem;
  }
  
  .sub_JDHU_footer img {
    width: 30em;
  }
  
  .sub_JDU6b_footer {
    margin-top: 3rem;
    margin-bottom: -3rem;
  }
  
  .sub_JDU6b_footer img {
    width: 3em;
  }

.textfree{
	position: relative;
    margin-top: 10px;
    text-align: right;
    padding: 0px 0px 0px 30px;
    color:#FAF707;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/************          RESPONSIVE          ***********/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/


/* SMARTPHONES */
@media only screen and (max-width: 768px) {
  
 /* .menu_header {
      display: none;
  }*/
  header {    padding: 0 22px;}
  .menu_header__menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
    gap: 10px;
  }
/*  .menu_header {aspect-ratio: 0.86;border-radius: 18px;background-position: 50% 50%;}
  .menu_header__menu img {
    padding: 1rem;
  }*/
   .iconmenudiv{/*width:100%;*/}
   .logorenault{display:none;}
   .logorenaultm{display:block;}
   .logorenaultm{margin-right: 0rem;width:3rem;} 
  .menu__icon {
		z-index: 5;
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		cursor: pointer;
		margin: auto;
	}
	.menu__icon span,
	.menu__icon::before,
	.menu__icon::after {
		left: 0;
		position: absolute;
		height: 10%;
		width: 100%;
		transition: all 0.3s ease 0s;
		background-color: #000;
	}
	.menu__icon::before,
	.menu__icon::after {
		content: '';
	}
	.menu__icon::before {
		top: 0;
	}
	.menu__icon::after {
		bottom: 0;
	}
	.menu__icon span {
		top: 50%;
		transform: scale(1) translate(0, -50%);
	}

	.menu__icon._active span {
		transform: scale(0) translate(0, -50%);
	}
	.menu__icon._active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0, -50%);
	}
	.menu__icon._active::after {
		bottom: 50%;
		transform: rotate(45deg) translate(0, 50%);
	}
	
	 .menu__body {
		/*position: fixed;
		top: 15%;
		height: 100%;*/
		position: absolute;
		top: 100%;
		left: -120%;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.9);
		padding: 20px 30px 30px 30px;
		transition: left 0.3s ease 0s;
		/* for scroll on menu */
		overflow: auto;
    z-index: 1;
	}
	.menu__body._active {
		/* use left and not transform/translate because it scroll the .menu__body::before when u scroll menu */
		left: 0;
	}
	.menu__body::before {
		content: '';
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 70px;
		z-index: 2;
	}
	
	h3{
	font-size: clamp(1.5625rem, 2.7777777778vw, 2.5rem);
    line-height: 1;
    letter-spacing: -.025em;
    }
	/*************bloc template**************/
	.entete {padding:22px;display:block;}
	.entete > div:first-of-type{width:100%;margin-bottom: 22px;}
	.entete-right{width:auto;}
	.entete .title {font-size: 2.3125rem;    line-height: .9; letter-spacing: -.025em;overflow: hidden;}
	
	.bloc_entete{display:block;}
	.bloc_entete .date {font-size: 3rem;}
	.bloc_entete .heure {font-size: 4rem;}
	.bloc_entete .addresse {font-size: 2rem;}
	.bloc_entete img{width:100%;}
	
	.section-ticket{width:100%;}
	
	.bloc-description{width:100%;}
	.bloc-description .ttl{font-size: 1.5rem;}
	.bloc-description .textdescription{font-size: 1.5rem;}
	
	.bloc-sstitre1{width:100%;}
	.bloc-sstitre1 .ttl{font-size: 1.5rem;}
	.bloc-sstitre1 .textsstitre1{font-size: 1rem;width:100%;}
	
	.bloc-sstitre2{width:100%;}
	.bloc-sstitre2 .ttl{font-size: 1.5rem;}
	.bloc-sstitre2 .textsstitre2{font-size: 1rem;width:100%;}
	
	.bloc-textimg .ttl{font-size: 1.5rem;}
	.bloc-textimg .text{font-size: 1.2rem;}
	.bloc-textimg img {width:100%;margin-top: 1rem;}
	
	.bloc-textimg .ttl{font-size: 1.5rem;}
	.bloc-textimg .text{font-size: 1.2rem;}
	.bloc-textimg img {width:100%;margin-top: 1rem;}
	
	.bloc-imgtext .ttl{font-size: 1.5rem;}
	.bloc-imgtext .text{font-size: 1.2rem;}
	.bloc-imgtext img {width:100%;margin-top: 1rem;margin-bottom: 1rem;}
	
	.bloc-video .text {font-size:1.2rem;}
	
	.section-blocevent, .section-blocinfos, .section-bloccontact {padding:22px;}
	.grid-infos{display:block;}
	.bloccontact{display:block;}
	
	
	.grid-infos .store-info {max-width:100%;padding:0px;}
	
	.swiper-wrapper {width:80%; height:80%;}
	
	.ticketleft {margin-top: 1rem;font-size: 1.5rem;}
	.ticketlist {width:300px;}
	.ticketlist select{width:300px;}
	.section-ticket .button {width:300px;}
	
	.containermosaic4 {padding:0px;grid-gap:5px;grid-template-columns: 35% 72%;}
	.containermosaic4 .captionimg{padding: 2px;}
	
	.blocinfosimgbutton {margin-bottom:2rem;}
	.blocinfosimgbutton .ttlimg{font-size:1.5rem;}
	.blocinfosimgbutton .subttlimg{font-size:1.5rem;}

	
	.flex {display:block;}
	.flex > * {width:100%;}
	.flex img{width:100%;}
	
	.mySwiper-event {
  	position: relative;
  	display:block;
	}

	.swiper-slide .date {bottom:15%;}
	
	.swiper-slide .title{    font-size: clamp(1rem, 1.3888888889vw, 1.25rem); line-height: 1; letter-spacing: -.025em;;position:relative;}
	.swiper-slide .subtitle {font-size: .75rem;line-height: 1.1;}
	/*footer***/
	.footer {padding: 48px 0 24px;}
	
	.desktop{display:none;}
	.mobile{display:block;}
	
	.footer h3{text-align:center;max-width: 5.6em;margin:auto}
	.sub_JDHU_footer {
        flex-direction: column;
        padding: 0;
         width: var(--ctn-w);
         align-items: center;
             display: block;
    }
  
	.sub_JDHU_footer img {
    	width: 100%;
	}
	    .sub_UJH7_footer {
        flex-direction: column;
    }
    
    .sub_JDU6d_footer {padding:0;}
    
    .sub_JDU6d_footer .info, .sub_JDU6d_footer .text{margin-left: auto;margin-right: auto; text-align: center;}
    
    .sub_JDU6d_footer .news {    
    flex-direction: column;
    max-width: 400px;
    margin: 44px auto 0;
    gap: 10px;
    display: flex;
    gap: 10px;
    }
    
    .sub_JDU6d_footer .title{text-align:center;}
    
    .sub_JDU6g_footer {display:block;}
    
    .sub_JDU6g_footer .item {border-top: 1px solid #181818;}
    .sub_JDU6g_footer .title{
    	display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 17px 0;
        cursor: pointer;}
        
      .sub_JDU6g_footer .item  {
                display: grid;
       /* visibility: hidden;*/
        grid-template-rows: 0fr;
        transition: grid-template-rows .3s cubic-bezier(.4,0,.1,1), visibility .3s .3s; 
    }
  
    
    .footer input{width:100%;}
    .footer .button {        padding: 15px 46px; margin: auto;max-width: fit-content;}
    
    .network {gap: 12px;justify-content: center;}
    
	    .mai_kdj7f {
        margin-left: 0;
    }
    
	/*.bloc_JDU6g_footer ul{overflow: hidden;}*/
	
	
	.bloc_JDU6g_footer .lignv{
		top: 50%;
		left: 0;
		width: 15px;
		height: 1px;
		transform: translateY(-50%);
		position: absolute;
		background: #fff;
	}
	
	.bloc_JDU6g_footer .lignh{
		top: 0;
		left: 50%;
		width: 1px;
		height: 15px;
		transition: transform .2s cubic-bezier(.32,.94,.6,1);
		position: absolute;
		background: #fff;
	}
	
	
	.bloc_JDU6g_footer .item ul {
	  display: none;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	.bloc_JDU6g_footer .title {
	  cursor: pointer;
	  font-weight: bold;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  position: relative;
	}

	.bloc_JDU6g_footer .toggle {
	  position: relative;
	  width: 15px;
	  height: 15px;
	}

	.bloc_JDU6g_footer .lignv {
	  top: 50%;
	  left: 0;
	  width: 15px;
	  height: 1px;
	  transform: translateY(-50%);
	  position: absolute;
	  background: #fff;
	}

	.bloc_JDU6g_footer .lignh {
	  top: 0;
	  left: 50%;
	  width: 1px;
	  height: 15px;
	  position: absolute;
	  background: #fff;
	  transition: transform .2s cubic-bezier(.32,.94,.6,1);
	}

	/* quand actif : on tourne la barre verticale pour la cacher */
	.bloc_JDU6g_footer .toggle.active .lignh {
	  transform: rotate(90deg);
	}
	
	.sub_footer{display:block;}
	.sub_footer_left {text-align: center;}
	.sub_footer_middle {text-align: center;justify-self: center;padding: 2rem;}
	.sub_footer_middle > div:first-of-type{display:block;}
	.sub_footer_middle .legalinfo {text-align: center;}
	.selected-lang{position:relative;margin-top: 24px;}  

	
}

@media only screen and (max-width: 376px) {
	    .swiper-slide .date {
        bottom: 25%;
    }
}