@font-face {
  font-family: "Termina";
  src: url("font/TerminaTest-Regula.otf") format("opentype");
}
 
 body {
  font-family: 'Roboto', sans-serif;
} 

 .header {
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%; 
  width: 100%;  
  z-index: 9999; /* assurez-vous que le z-index est supérieur à celui des autres éléments de la page */
} 
/* Centrage du logo */
.header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 991px){
.header-ticket-button {
	
    display: inline-block;
    padding: 3px 11px 3px 14px;
    text-decoration: none;
    background: #FF822E;
    border: 1px solid #000000;
    border-radius: 200px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}
}
@media (max-width: 991px){
.header-ticket-button {
	
    display: inline-block;
    padding: 3px 9px;
    text-decoration: none;
    background: #FF822E;
    border: 1px solid #000000;
    border-radius: 200px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}
}

/* Positionnement du menu */
.header-menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

/* Style du menu */
.header-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-menu li {
    margin: 0;
    padding: 0;
}

.header-menu li a {
    display: block;
    padding: 10px;
    color: #000;
    text-decoration: none;
}

.header-menu li a:hover {
    color: #f00;
}
@media (min-width: 991px){
.menu-tab {
  display: flex;
 justify-content: left;
}
}
@media (max-width: 991px){
.menu-tab {
    display: flex;
    justify-content: left;
    margin-top: -5px;
}
}

@media (min-width: 991px){
.menu-toggle-button {
  padding: 10px;
  margin-top: 15px;
    text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
}
@media (max-width: 991px){
	.menu-toggle-button {
	padding-left: 16px;
    margin-top: 3px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;

	}
}
.menu-toggle-button : hover {
color:#FF822E;
}
 
.menu-page {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 1000;
  overflow-y: auto;
  padding: 20px;
}

.menu-page.show {
  display: block;
}
@media (min-width: 991px){
.menu-list {
  list-style: none;
  margin: 0;
      padding: 80px 10px 10px 35px;
}
}
@media (max-width: 991px){
.menu-list {
  list-style: none;
  margin: 0;
padding-top:25px;
}
}
.menu-list li {
  margin: 0;
  padding: 0;
}

@media (min-width: 991px){
.menu-list li a {
    display: block;
    padding: 29px;
    color: #fff !important;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
}

@media (max-width: 991px){
.menu-list li a {
    display: block;
    padding: 14px;
    color: #fff !important;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
}

.menu-list li a:hover {
  color: #f00;
}
@media (min-width: 991px){
.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    font-size: 46px;
    font-weight: lighter;
    color: black;
    cursor: pointer;
}
}
@media (max-width: 991px){
.close-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    font-size: 46px;
    font-weight: lighter;
    color: white;
    cursor: pointer;
}
}
@media (max-width: 991px){
 .menu-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  display: none;
}
}
@media (min-width: 991px){
 .menu-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  display: none;
}
}
.menu-page.show {
  display: block;
  animation: fade-in 0.5s ease;
}

.menu-page.hide {
  display: block;
  animation: fade-out 0.5s ease;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

.visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important; 
}button:focus {    outline: none;
}
}

#header .menu,#header .menu>ul>li{display:flex;}

.category ul.show {
  display: block;
}

.category ul {
  display: none;
  
}
.catemenu {
font-family: "Termina";
  letter-spacing: 0.03em;
}
.category.selected span,
.category.active span {
 color : orange;
}

@media (min-width: 991px){
.top-menu {
    position: absolute;
    top: 0px;
    right: 0;
    width: 32%;
    padding: 100px 5px 43px 5px;
    height: 100%;
    background-color: white;
	    border-right: 1px solid;
}}
@media (max-width: 991px){
.top-menu {
position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: white;
    text-align-last: left;
}
}
@media (max-width: 991px){
.top-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
}
@media (min-width: 991px){
.top-menu ul {
    list-style: none;
    margin: 0;
    padding: 10px 10px 10px 33px;
}
}
@media (min-width: 991px){
.top-menu li {

display: block;
    padding: 9px;
    line-height: 23px;

}
}
@media (max-width: 991px){
.top-menu li {
  display: block;
   padding: 3px;
}
}
.top-menu li a {
  display: block;
  color: white;
  padding: 10px;
  text-decoration: none;
}


.top-menu li:hover a {
  color: white;
}
@media (min-width: 991px){
.subMenu{
    font-size: 30px !important;
    padding-top: 5px !important;
    line-height: 151.19%;
    padding-bottom: 5px !important;
}
}
@media (max-width: 991px){
.subMenu{
    font-size: 14px !important;
    padding-top: 5px !important;
    line-height: 50%;
    padding-bottom: 5px !important;
}
}
a:focus, a:hover {
    color: black;
    text-decoration: none;
}


.circle-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: yellow;
  border-radius: 50%;
  margin-right: 5px;
  visibility: hidden;
}

.category.open > a + .circle-icon {
  visibility: visible;
}
@media (min-width: 991px){
.menu-list li.category.active:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 63%;
    background-color: #FF822E;
    position: absolute;
    transform: translateY(124%);
    left: 59px;

}
}
@media (max-width: 991px){
.menu-list li.category.active:before {
content: '';
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 63%;
    background-color: #FF822E;
    position: absolute;
    transform: translateY(102%);
    left: 10px;
}
}

.subcat-wrapper {
  position: relative;
}

.subcat-wrapper .marker {
  position: absolute;
  left: -20px;
  top: 50%; 
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: yellow;
  border-radius: 50%;
} 

.subcat-marker {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: yellow;
  border-radius: 50%;
}
.menu-list .category.active .circle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.category.active .circle-icon {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px){
.TitreMenu {
    color: black;
    text-transform: uppercase;
    margin-top: 2px;
    margin-left: -10px;
    font-weight: 400;
    font-size: 12px;
}
}
@media (min-width: 991px){
.TitreMenu {
    color: black;
    text-transform: uppercase;
    margin-top: 6px;
    margin-left: -16px;
    font-weight: 400;
    font-size: 18px;
}
}
.TitreMenu:hover
{
color:orange;
}
@media (min-width: 991px){
.TitreMenu2
{
	color: black;
    text-transform: uppercase;
	    margin-top: 6px;
    margin-left: -7px;
    font-size: 27px;
}
}
@media (max-width: 991px){
.TitreMenu2 {
color: black;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
}

#header a:hover {
    color: #FF822E;
    text-decoration: none;
    background: none !important;
}
 a {
    color: #ffffff;
}

#header a:hover {
    color: #FF822E !important;
    text-decoration: none;
    background: none !important;
}

@media (min-width: 991px) {
.menu-icon {
  display: flex;
  align-items: center;
  margin-right: 10px; /* Espace entre le logo et le menu */
} 
}
@media (max-width: 991px) {
.menu-icon {
    display: flex;
    align-items: center;
    margin-left: -6px;
} 
}
.menu-icon :hovert{
color:orange;
} 
@media (min-width: 991px) {
.bar {
    width: 2px;
    height: 36px;
    background-color: #000;
    margin-right: 6px;
} 
}
@media (max-width: 991px) {
.bar {
    width: 2px;
    height: 36px;
    background-color: #000;
    margin-right: 10px;
} 
}
.bar:hover { 
color:orange;
} 

.small {
    height: 26px;
    margin-top: 10px;
}
@media (min-width: 991px) {
.header-ticket-icon {
    display: inline-block;
    margin-left: 1px;
    width: 40px;
    height: 40px;
    background-image: url(/img/DevSite/svg/ticket.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
   
} 
} 
@media (max-width: 991px) {
.header-ticket-icon {
    display: inline-block;
    margin-left: 1px;
    width: 23px;
    height: 23px;
    background-image: url(/img/DevSite/svg/ticket.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
} }

@media (min-width: 991px) {
#header .header-top {
    padding: 0.5rem 0;
}
}

@media (max-width: 991px) {
#header .header-top {
    padding-top: 9px;
    padding-bottom: 2px;
}
}
@media (min-width: 991px) {
#header .logo {
    max-width: 100%;
    height: auto;
}
}
@media (max-width: 991px) {
#header .logo {
    max-width: 100%;
    height: auto;
    margin-top: 23px;
}
}
.header-top {
  transition: all 0.3s ease;
}

.header-top--small {
  height: 150px;
}

@media (min-width: 991px) {
.billetterie {
  transition: all 0.3s ease;
}
}
@media (max-width: 991px) {
.billetterie {
    transition: all 0.3s ease;
    margin-top: 25px;
}
}

}
.billetterie--small {
  font-size: 0;
  line-height: 0;
  padding: 0;
}

.header-ticket-icon {
  transition: all 0.3s ease;
}
.col-auto billetterie{
  transition: all 0.5s ease;
}

.header-ticket-icon--small {
  width: 30px;
  height: 30px;
}

.header-top--small {
  height: 80px;
  padding: 10px 0;
}

.header-ticket-icon--small {
  width: 40px;
  height: 40px;
}

.col-auto.d-none {
  display: none !important;
}
#header .header-top .position-static {
    position: static;
    background: transparent;
}

.header-ticket-button.smaller {
  width: 53px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  padding: 0;
}

.header-ticket-button.smaller .header-ticket-icon {
  width: 30px;
  height: 30px;
    margin-top: -1px;
    margin-right: 11px;
}

.header-ticket-button.smaller .header-ticket-text {
  display: none;
}


@media (min-width: 991px) {
.nav2
{
	 padding: 10px;
    display: flex;
    justify-content: flex-end;
}
}
@media (max-width: 991px) {
.nav2 {
    display: none !important;
	display: flex;
}
}
.search-wrapper {
  position: relative;
  display: inline-block;
}

.search-form {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  display: none;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.search-form.active {
  display: contents;
  animation: fadeInDown 0.5s ease;
}

.search-toggle {
    display: block;
    width: 30px;
    height: 30px; 
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    color: #333;
    font-size: 20px;
}



.search-icon {
  vertical-align: middle;
}
@media (min-width: 991px) {
.search-form input[type="text"] {
width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.06em;
    color: #000000;
    text-transform: uppercase;
}
}
@media (max-width: 991px) {
.search-form input[type="text"] {
    width: 100%;
    padding: 3px 0px 2px 0Px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.06em;
    color: #000000;
    text-transform: uppercase;
}
}
@media (min-width: 991px) {
.search-form button {
    position: absolute;
    top: 14px;
    right: 95px;
    display: inline-block;
    margin-left: 1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: auto;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    background-color: transparent;
}
}
@media (max-width: 991px) {
.search-form button {
    position: absolute;
      top: 12px;
    right: 2px;
    display: inline-block;
    margin-left: 1px;
    width: 13px;
    height: 13px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: 35%;
    background-repeat: no-repeat;
    border: none;
    color: #ff;
    padding: 15px;
    background-color: transparent;
    font-size: 20px;
}
}

   @media (min-width: 991px) { 
.search-form button:hover{
    width: 17px;
    height: 17px;
	cursor: pointer;
   }
   }
@media (max-width: 991px) {
.search-form button:hover {
    width: 14px;
    height: 14px;
    cursor: pointer;
}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
 
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.curentlanguage
{
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0.06em;
}

.language
{
		text-transform:uppercase;
		letter-spacing: 0.06em;
} 

@media (min-width: 991px) {
.footer-banner {
background-color: #FF822E;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 50px;
}
}
@media (max-width: 991px) {
.footer-banner {
display:none;
}
}
.banner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.banner-title {
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.banner-button {
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}

.button-info {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.button-info span {
  margin-right: 10px;
}

.button-icon {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}


footer {
  background-color: #f7f7f7;

}

@media (min-width: 991px) {
.footer-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 40px;
}
}
@media (max-width: 991px) {
.footer-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 22px;
    align-items: flex-start;
}
}
@media (max-width: 991px) {
.footer-item h3 {
    text-transform: uppercase;
    font-family: "Termina";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.03em;
	flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media (min-width: 991px) {
.footer-item h3 {
  text-transform: uppercase;
	font-family: "Termina";
font-style: normal;
font-weight: 400;
font-size: 44px;
letter-spacing: 0.03em;
}
}

@media screen and (max-width: 350px) {
.footer-item h3 {
	
	  text-transform: uppercase;
	font-family: "Termina";
font-style: normal;
font-weight: 400;
font-size: 10px;
letter-spacing: 0.03em;
}
}
@media (min-width: 991px) {
.footer-button {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 200px;
    margin-top: 30px;
    padding: 3px 4px 3px 12px;
}
}
@media (max-width: 991px) {
.footer-button {
	display:none;
}
}
@media (min-width: 991px) {
.arrow {
    display: inline-block;
    margin-left: 10px;
    margin-right: -1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    padding: 16px;
    background-size: 14px;
    background-position-x: 8.5px;
    background-position-y: 9px;
    border: 1px solid;
}
}
@media (max-width: 991px) {
.arrow {
    display: inline-block;
    margin-left: 6px;
    margin-right: -4px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    padding: 10px;
    background-size: 9px;
    background-position-x: 6px;
    background-position-y: 6px;

}
}
@media (min-width: 991px) {
.arrow2 {
    display: inline-block;
    margin-left: 10px;
    margin-right: -1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px; 
    padding: 16px;
    background-size: 14px;
    background-position-x: 8.5px;
    background-position-y: 9px;

}
}
@media (max-width: 991px) {
.arrow2 {
    display: inline-block;
    margin-left: 6px;
    margin-right: -4px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    padding: 10px;
    background-size: 9px;
    background-position-x: 6px;
    background-position-y: 6px;
    border: 1px solid;
}
}

.footer-button:hover {
  background-color: white;

}


 @media (min-width: 991px) {
.footer-separator {

    height: 160px;
    border: 1px solid #000000;
 }
 }
@media (max-width: 991px) {
.footer-separator {
    border: 1px solid #000000;
    width: 99px;
    margin-top: 25px;
    margin-bottom: 25px;
}
}

@media (max-width: 991px) {
.footer-contact {
    background-color: #f7f7f7;
    padding: 20px;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	place-self: center;
}
}
@media (min-width: 991px) {
.footer-contact {
  background-color: #f7f7f7;
  padding: 40px;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;
}
}
@media (min-width: 991px) {
.footer-contact h3 {
	 text-transform:uppercase;
  margin-bottom: 20px;
 font-family: 'Termina';
font-style: normal;
font-weight: 400;
font-size: 48px;
letter-spacing: 0.03em;
}
}

@media (max-width: 991px) {
.footer-contact h3 {
    text-transform: uppercase;
    font-family: 'Termina';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.03em;
}
}
@media (min-width: 991px) {
.contact-button {
	color: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 13px 22px;
    border-radius: 40px;
    border: 1px solid black;
    text-align: center;
    margin-top: 30px;
}
}
@media (max-width: 991px) {
.contact-button {
    color: black;
    text-transform: uppercase;
    font-weight: 400;
    padding: 8px 9px;
    border-radius: 40px;
    border: 1px solid black;
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
}
}
.contact-button:hover{
background: #FF822E;
}
 @media (max-width: 991px) {
.facebook-icon {
    background-image: url(/img/DevSite/fb.png);
    background-repeat: no-repeat;
    background-size: 36%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 56%;
    padding: 14px;
    box-sizing: border-box;
    margin-top: 19px;
}
 }
@media (min-width: 991px) {
.facebook-icon {
width: 14px;
    height: 27px;
    background-image: url(/img/DevSite/fb.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 56%;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 19px;
}
}
@media (min-width: 991px) {
.footer-address {
  background-color: #f7f7f7;
  padding: 40px;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
}
@media (max-width: 991px) {
.footer-address {
  background-color: #f7f7f7;
  padding: 20px;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
      place-self: center;
}
}
@media (max-width: 991px) {
.footer-address h3 {
    text-transform: uppercase;
    font-family: 'Termina';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.03em;
	
}
}
@media (min-width: 991px) {
.footer-address h3 {
 text-transform:uppercase;
margin-bottom: 20px;
font-family: 'Termina';
font-style: normal;
font-weight: 400;
font-size: 48px;
letter-spacing: 0.03em;

}
}
@media (min-width: 991px) {
.textelocalisation
{
	text-align: center;
    margin-top: 11px;
}
}
@media (max-width: 991px) {
.textelocalisation
{	font-size: 15px;
	text-align: center;
    margin-top: 24px;
}
}
@media (max-width: 991px) {
.textelocalisation2{
	line-height: 12px;
text-align: center;
letter-spacing: 0.06em;
		font-size: 10px;
}
}
@media (min-width: 991px) {
.textelocalisation2{
	
		font-size: 15px;
}
}
.address-text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  
}
@media (max-width: 991px) {
.imglogofooter1{
	width:15%;
	    margin-right: 5px;
    margin-left: 5px;
	    margin-bottom: 5px;
}
}
@media (max-width: 991px) {
.imglogofooter2{  
	width:4%;  
	    margin-right: 5px;
    margin-left: 5px;
	    margin-bottom: 5px;
}
}
@media (min-width: 991px) {
.footer-links {
    padding: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000; 
    text-transform: uppercase; 
}
}
@media (max-width: 991px) { 
.footer-links {
    padding: 10px;
    display: flex;
    line-height: 21px;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}
}
@media (min-width: 991px) {
.footer-links a {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  margin-right: 20px;
}
}
@media (max-width: 991px) {
.footer-links a {
    color: #000;
    font-size: 10px;
    text-decoration: none;
    margin-right: 8px;
    margin-left: 8px;
    line-height: 12px;
    text-align: center; 
    letter-spacing: 0.06em; 
	   margin-bottom: 3px;
	     margin-top: 3px;
}
}

.footer-links a:hover {
  text-decoration: none; 
  opacity:0.8 !important;
}

.footer-links a:last-child { 
  margin-right: 0;
}
@media (max-width: 991px) { 
.rowinfo
{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
}
@media (min-width: 991px) { 
.rowinfo
{
	display:flex;
	align-items: flex-start;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  .footer {
    display: flex;
    flex-wrap: wrap;
  }
   
  .footer-section {
    flex-basis: 50%;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .footer-section {
    flex-basis: 33%;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 991px) { 
  .footer-section {
    flex-basis: 25%;
  }
}
@media (min-width: 991px) { 
.menu-icon--scroll {
    transition: all 0.3s cubic-bezier(0, 0, 0, 1.09);
    display: block;
    position: absolute;
    margin-left: 34px;
    top: 33px;
}
}
@media (max-width: 991px) { 
.menu-icon--scroll {
    transition: all 0.3s cubic-bezier(0, 0, 0, 1.09);
    display: block;
    position: absolute;
    margin-left: 34px;
    top: 30px;
}
}
.menu-icon--scroll .bar {
    margin: 6px;
    width: 36px;
    height: 2px;
    background-color: #000;
}

.menu-icon--scroll .bar.small {
width: 27px;
}
@media (min-width: 991px) { 
.page-content.page-cms ul, p {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}
}
@media (max-width: 991px) { 
.page-content.page-cms ul, p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
}
@media (min-width: 991px) { 
#wrapper {
    padding-top: 6.563rem;
    background: #ffffff;
}
}
@media (max-width: 991px) { 
#wrapper {
    padding-top: 4.563rem;
    background: #ffffff;
	overflow-x: hidden;
}
}

.h3
{
font-style: normal;
font-weight: 400;
font-size: 23px;
letter-spacing: 0.06em;
text-transform: uppercase;

color: #FFFFFF;
}
.h1
{
font-family: 'Termina';
font-style: normal;
font-weight: 700;
font-size: 60px;
letter-spacing: 0.03em;
text-transform: uppercase;

color: #FFFFFF;
}
.buttonESP
{
	
background: rgba(255, 255, 255, 0.1);
border: 1px solid #FFFFFF;
backdrop-filter: blur(2px);
/* Note: backdrop-filter has minimal browser support */

border-radius: 200px;
}
@media (min-width: 991px) { 
.buttondecouvrir
{
	
    background: #FF822E;
    border: 1px solid #000000;
    border-radius: 200px;
    padding: 11px 3px 10px 15px;
    margin-top: 15px;
    width: 38%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
}
@media (max-width: 991px) { 
.buttondecouvrir
{
	
    background: #FF822E;
    border: 1px solid #000000;
    border-radius: 200px;
    padding: 9px 10px 9px 15px;
    margin-top: 15px;
    width: 38%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
}

.buttondecouvrirExpoPerm{
    background: #FF822E;
    border-radius: 200px;
    padding: 7px 8px 7px 8px;
    margin-top: 15px;
    width: 38%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400; 
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
@media (min-width: 991px) { 
.buttondecouvrir2
{
	
    background: #FF822E;
    border-radius: 200px;
    padding: 9px 3px 8px 15px;
    margin-top: 15px;
    width: 38%;
	border: 1px solid black;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
}
@media (max-width: 991px) { 
.buttondecouvrir2
{
    background: #FF822E;
    border-radius: 200px;
    padding: 7px 7px 7px 15px;
    margin-top: 15px;
    border: 1px solid black;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
}
.buttondecouvrir:hover
{
    background: white;
}
.buttondecouvrir2:hover
{
    background: white; 
}


#footer {
    padding-top: 0;
} 
@media (min-width: 991px) { 
.elementor-image-carousel-caption {
    text-align: center;
    color: #000000;
    font-family: "Termina", sans-serif;
    font-size: 19px;
   padding-top:34px;
   padding-bottom:18px;
	margin-top: -11px !important;
	background:white; 
    font-weight: 400; 
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border-radius: 14px;
} 
}
@media (max-width: 991px) { 
.elementor-image-carousel-caption {
    text-align: center;
    color: #000000;
    font-family: "Termina", sans-serif;
    font-size: 19px;
   padding-top:34px;
   padding-bottom:12px;
margin-top: -11px !important;
	background:white; 
    font-weight: 400; 
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border-radius: 14px;
} 
}
.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;

}

#header .header-top>.container>.row:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 991px) { 
.acheterticket
{
display: inline-flex;
    width: 41px;
    height: 40px;
    margin-right: -19px;
    margin-left: 12px;
    margin-top: -6px;
    margin-bottom: -6px;
    background-image: url(/img/DevSite/svg/billetacheter.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
}
@media (max-width: 991px) { 
.acheterticket
{
display: inline-flex;
    width: 28px; 
    height: 28px;
    margin-right: -19px;
    margin-left: 12px;
    margin-top: -6px;
    margin-bottom: -6px;
    background-image: url(/img/DevSite/svg/billetacheter.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
}
.page-content.page-cms {
	padding: 0px !important;
    text-align: justify;
    background: #fff;
}
#main .page-content, #main .page-footer, #main .page-header {
	margin-bottom:0px;
}
@media (max-width: 991px){
.textinfohoraire
{
font-family: 'Roboto';
font-weight: 400;
font-size: 13px;
color: #868686;
    margin-top: 15px;
	line-height: 140%;
}
}
@media (min-width: 991px){
.textinfohoraire
{
font-family: 'Roboto';
font-weight: 400;
font-size: 18px;
color: #868686;
    margin-top: 30px;
}
}

@media (min-width: 991px){
.buttonBilleterie {
    display: inline-block;
    padding: 11px 20px 9px 20px;
    border: 1px solid black;
    color: black;
    text-transform: uppercase;
    border-radius: 200px;
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 10px;
}
}
@media (max-width: 991px){
.buttonBilleterie {
    display: inline-block;
    padding: 10px 19px;
    border: 1px solid black;
    color: black;
    text-transform: uppercase;
    border-radius: 200px;
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 400;
	margin-top: 10px;
}
}
.buttonBilleterie:hover{
background-color:#FF822E;
}
@media (min-width: 991px){
.BilleterieTicket {
      display: inline-flex;
    width: 37px;
    height: 37px;
    margin-right: -17px;
    margin-left: 10px;
    margin-top: -8px;
    margin-bottom: -6px;
    background-image: url(/img/DevSite/svg/billetacheter.svg);
    background-size: 38px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
}
@media (max-width: 991px){
.BilleterieTicket {
      display: inline-flex;
    width: 37px;
    height: 37px;
    margin-right: -17px;
    margin-left: 10px;
    margin-top: -6px;
    margin-bottom: -6px;
    background-image: url(/img/DevSite/svg/billetacheter.svg);
    background-size: 38px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
}
.annee
{
display: flex;
    justify-content: space-evenly;
	margin-bottom: 30px;
		margin-top: 30px;
} 

@media (min-width: 991px){
.buttonplus
{	
	border: 1px solid #000000;
    background: transparent;
    border-radius: 29px;
    width: 40px;
    height: 40px;
    margin-left: 1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}
}
@media (max-width: 991px){
.buttonplus
{	
border: 1px solid #000000;
    background: transparent;
    border-radius: 29px;
    width: 30px;
    height: 30px;
    margin-left: 1px;
    background-image: url(/img/DevSite/FLECHE.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
 
}
}
@media (min-width: 991px){
.buttonmoins
{	
border: 1px solid #000000;
    background: transparent;
    border-radius: 29px;
    width: 40px;
    height: 40px;
    margin-left: 1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
	transform: rotate(180deg);

} 
}
@media (max-width: 991px){
.buttonmoins
{	
border: 1px solid #000000;
    background: transparent;
    border-radius: 29px;
    width: 30px;
    height: 30px;
    margin-left: 1px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}
} 

.buttonmoins:hover
{ 
	background-color:#FF822E;
	cursor:pointer;
}
.buttonplus:hover
{ 
	background-color:#FF822E;
	cursor:pointer;
}  
@media (min-width: 991px){
.annee-courante
{
font-family: 'Termina';
font-style: normal;
font-weight: 400;
font-size: 28px;
text-align: center;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #000000;
}
}
@media (max-width: 991px){
.annee-courante {
font-family: 'Termina';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.03em;
    margin-top: 6px;
    text-transform: uppercase;
    color: #000000;
}
}
.mois
{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
} 
@media (min-width: 991px){
    .mois-bouton {
    border: 1px solid #000;
    border-radius: 52px;
    padding: 10px 21px;
    background: transparent;
    margin: 8px;
    min-width: 190px;
    max-width: 190px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 400;
    font-size: 23px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
    }
}
@media (max-width: 991px){
	    .mois-bouton {
border: 1px solid #000;
    border-radius: 52px;
    padding: 7px 1px;
    background: transparent;
    margin: 5px;
    min-width: 133px;
    max-width: 192px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
}
    }
}

    .mois-bouton:hover {
        background-color: #FF822E;
    }

    .mois-bouton.active {
        background-color: #d0d0d0;
		border:1px solid;
    }
	 .ligne-mois {
        display: flex;
    margin-bottom: 10px;
    justify-content: center;
    } 
	
	.mois-bouton.active {
    background-color: #FF822E;
}
@media (min-width: 991px){
.titrejourneeAgenda
{
	font-family: 'Termina';
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 108%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #000000;
	    margin-bottom: 40px;
    margin-top: 40px;
	
} 
}
@media (max-width: 991px){
.titrejourneeAgenda {
font-family: 'Termina';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: inherit;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 71px;
    margin-top: 15px;
}

}
   .evenement-container {
        display: flex;
        justify-content: space-between;
    }
  @media (min-width: 991px){
    .evenement-col1, .evenement-col2 {
        width: 48%;
        box-sizing: border-box;
		  
    } 
  }
    @media (max-width: 991px){
    .evenement-col1 {
        width: 48%;
        box-sizing: border-box;
		    margin: 0px;
    } 
  }
    @media (max-width: 991px){
     .evenement-col2 {
  display:none !important;
    } 
  }
   .event-row:nth-child(even) {
        background-color: #f2f2f2;
    }

    .event-row:nth-child(odd) {
        background-color: #e0e0e0;
    }
	
	@media (min-width: 991px){
.TitreEvenement
{
font-style: normal;
font-weight: 400;
font-size: 23px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: black;
    margin-top: 30px;
    margin-bottom: 30px;
}   
	} 
@media (max-width: 991px){
.TitreEvenement {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: black;
    margin-top: 16px; 
    margin-bottom: 15px;

}
}
.TitreEvenement heure
{

color: FF822E;

}  
@media (min-width: 991px){  
.lien-bouton{
	background: #FF822E;
    border: 1px solid #000000;
    border-radius: 200px;
    padding: 4px 8px 8px 8px;
	       margin-left: 39px;
} 
}
@media (max-width: 991px){
.lien-bouton {
    background: #FF822E; 
    border: 1px solid #000000;
    border-radius: 200px;
    padding: 5px 11px 5px 11px;
	  float: right;
}
}
.lien-bouton:hover {
background:white;
}
@media (min-width: 991px){
.paragraphe-description
{
    padding-right: 50px;
    font-weight: 400; 
    font-size: 18px;
    line-height: 130%;
    color: #000000;
	  transition: max-height 0.4s ease-in-out;
        overflow: hidden;
} 
}
@media (max-width: 991px){
.paragraphe-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #000000;
    transition: max-height 0.4s ease-in-out;
    overflow: hidden;
}
}
@media (min-width: 991px){
.descriptioninfoevenement 
{
color: #868686;
    padding-right: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
}
}
@media (max-width: 991px){
.descriptioninfoevenement {
    color: #868686;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
}
}
.ticketinvisible
{
	display:none;
}
.contenueEvenement
{
	padding-bottom:20px;
}

 .fond-noir {
        background-color: black;
    }

    .texte-blanc {
        color: white;
    }
@media (min-width: 991px){	
.voir-description{
	display: inline;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
	text-decoration-line: underline;
    color: black;
    text-transform: lowercase;
	}
}
@media (max-width: 991px){
	.voir-description {
    display: inline;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 141%;
    text-decoration-line: underline;
    color: black;
    text-transform: lowercase;
}
}
	
	.voir-description:hover {
	text-decoration-line: underline;
    color: #FF822E;
}
.blocdecouvrir
{
    line-height: 27px;
    padding-bottom: 15px;
    font-size: 28px;
}

.blocdecouvririnfo
{
	font-size:23px;
}

.vignetteinfoniveau
{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: 'Roboto';
    color: black;
    background: #FF822E;
    border-radius: 46px;
    padding: 12px 16px 12px 16px;
}  

.elementor-4070101 .elementor-element.elementor-element-b3c367d .elementor-image-carousel-caption {
    text-align: center;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: lowercase;
    line-height: 6.2em;
	background:black;
}

@media (min-width: 991px){
.texteinfotarif
{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000;
	    text-align: center;
}
}
@media (max-width: 991px){
.texteinfotarif
{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 400; 
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #000000; 
	    text-align: center;
}
}




.texteinfotarif .activity {
            background-color: #FF822E;
			text-align:left; 
		
			
        }
		

.texteinfotarif .activityplanetarium {
            background-color: black;
			text-align:left; 
				color:white;
			
        } 
		
 @media (max-width: 991px){
.table tbody tr:first-child th:first-child {
    border-top-left-radius: 15px;
}
.table tbody tr:first-child td:last-child {
    border-top-right-radius: 15px;
}
.table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 15px;
}
.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}
}
 @media (min-width: 991px){
.table tbody tr:first-child th:first-child {
    border-top-left-radius: 35px;
}
.table tbody tr:first-child td:last-child {
    border-top-right-radius: 35px;
}
.table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 35px;
}
.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 35px;
}
}


.calendrier tr:first-child th:first-child {
    border-top:none;
	 border-left:none;
} 
.calendrier tr:first-child th:last-child {
       border-top:none;
	 border-right:none;
}
.calendrier tr:last-child td:first-child { 
         border-bottom:none;
	 border-left:none;
}
.calendrier tr:last-child td:last-child {
       border-bottom:none;
	 border-right:none;
}
.table-container {

    border-radius: 35px;
    overflow: hidden;
}
@media (min-width: 991px){
.table td, .table th {
    padding: 20px;
    vertical-align: middle;
    box-shadow: 0 0 0 1px black; /* Simule une bordure */
    border: none !important; /* Supprime les bordures réelles */
}
}
@media (max-width: 991px){
.table td, .table th {
    padding: 5px;
    vertical-align: middle;
    box-shadow: 0 0 0 1px black; /* Simule une bordure */
    border: none !important; /* Supprime les bordures réelles */
}
}

.table thead {
    background-color: white; /* Couvre la bordure du haut du tbody */
}
.table thead th {
    border: none !important;
	 box-shadow: none !important
} 

.calendrier {
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 991px){
.calendrier table {
  border-collapse: separate;
  border-spacing: 0;
  
border: 1px solid #000000;
border-radius: 35px;
}
}
@media (max-width: 991px){
.calendrier table {
  border-collapse: separate;
  border-spacing: 0;
  
border: 1px solid #000000;
border-radius: 15px;
}
}
.calendrier th,
.calendrier td {
  border: 1px solid #ccc;
}



.calendrier td {
  height: 40px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 991px){
.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3rem;
}
}
@media (max-width: 991px){
.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}
}
table {
    width: 100%;
    border-collapse: collapse;
}
@media (min-width: 991px){
th, td {
    width: calc(100% / 7);
    text-align: center;
    padding: 1rem;
    border: 1px solid #ccc;
}
}
@media (max-width: 991px){
th, td {
    width: calc(100% / 7);
    text-align: center;
    padding: 4px; 
	    height: 45px;
    border: 1px solid black;
}
}
@media (min-width: 991px){
.vignette {
display: block;
    width: 21px;
    height: 21px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}
}
@media (max-width: 991px){
.vignette {
    display: block;
    width: 13px;
    height: 13px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}
}
.jaune {
    background-color: #FDEF70;
}

.orange {
    background-color: #FF822E;
} 

.gris {
    background-color: #868686; 
}

.violet {
    background-color: #65A3DD;
}
.vert{
	  background-color: #C3E47C;
}

.textcalendar{
	
	font-family: 'Termina';
font-size: 28px;
text-align: center;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #000000;
}
@media (min-width: 991px){
.legende {
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
}
@media (max-width: 991px){
.legende {
    display: flex;
    padding: 12px 0;
    align-items: center;
    justify-content: space-around;
}
}
@media (min-width: 991px){
.vignette-exemple {
  display: inline-block;
  width: 20px;
  height: 20px;
	border-radius:20px;

}
}
@media (max-width: 991px){
.vignette-exemple {
  display: inline-block;
  width: 10px;
  height: 10px; 
	border-radius:20px;

}
}
@media (min-width: 991px){ 
.margelegende
{
	    margin-left: 10px;
    margin-right: 50px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 19px; 
color: #000000;
}
}
@media (max-width: 991px){
.margelegende
{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 10px; 
color: #000000;
}
}

.buttonCooverFooterMobile {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF; 
    text-align: -webkit-center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(5px);
    border-radius: 200px;
    cursor: pointer;
    line-height: 36px; 
    width: 164px;
    height: 40px;
}
@media (min-width: 991px){
.buttonHomePage {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    text-align: -webkit-center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(2px);
    border-radius: 200px;
    width: 214px;
    height: 49px;
    cursor: pointer;
    line-height: 40px;
}
}

@media (max-width: 991px){
.buttonHomePage{
    text-transform: uppercase;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    margin-top: 50px;
    color: #FFFFFF; 
    text-align: -webkit-center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(2px);
    border-radius: 200px;
    cursor: pointer;
    line-height: 36px;
    width: 164px;
    height: 40px;
}
}


.buttonHomePage:hover{
	background:#FF822E;
}

@media (min-width: 991px){
.arrowhomebutton {
    display: inline-block;
    float: right;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    padding: 19px;
    background-size: 16px;
    background-position-x: 11.5px;
    background-position-y: 11px;
    border: 1px solid;
}
}
@media (max-width: 991px){
.arrowhomebutton {
    display: inline-block;
    float: right;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    margin-top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 13px;
    height: 15px;
    padding: 12px;
    background-size: 11px;
    background-position-x: 6.5px;
    background-position-y: 7px;
    border: 1px solid;
}
}

@media (min-width: 991px) {
.arrow3{
    display: inline-block;
    margin-left: 10px;
    margin-right: 0px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    margin-bottom: 3px;
    padding: 16px;
    background-size: 14px;
    background-position-x: 8.5px;
    background-position-y: 9px;
    border: 1px solid;
} 
}
@media (max-width: 991px) {
.arrow3 {
    display: inline-block;
    margin-left: 8px;
    margin-right: -3px;
    background-image: url(/img/DevSite/svg/FLECHE.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
    padding: 10px;
    background-size: 9px;
    background-position-x: 6px;
    background-position-y: 6px;
}
} 
@media (min-width: 991px) {
.arrow4{
display:none;
} 
}
@media (max-width: 991px) {
.arrow4 {
    display: inline-block;
    float: right;
    background-image: url(/img/DevSite/svg/arrowWhite.svg);
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 30px;
    width: 19px;
    height: 19px;
    padding: 14px;
    margin-top: -5px;
    background-size: 11px;
    background-position-x: 8px;
    background-position-y: 8px;
    border: 1px solid;
    color: white;
}
} 


@media (min-width: 991px) {
.affichagerecherche{
color: black;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
} 
}
.affichagerecherche:hover{
color:#FF822E;
} 

@media (max-width: 991px) {
.affichagerecherche{
color: black;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
} 
}
@media (min-width: 991px) {
.texterecherche{
    font-family: 'Termina';
    font-size: 30px;
    margin: 50px;
    font-weight: 400;
    text-transform: uppercase;
} 
}
@media (max-width: 991px) {
.texterecherche{
    font-family: 'Termina';
    font-size: 24px;
    margin: 20px;
    font-weight: 400;
    text-transform: uppercase;
} 
}

 /* Page de chargement */
        #loading {
      position: fixed;
  width: 100%;
  height: 100vh;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 1s;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
			
        }
	 
		     


     @media (min-width: 991px){
.boxevenement:nth-child(odd) {
  background-color: #000;
  color: #fff;
      padding: 80px;
}
	 }
     @media (min-width: 991px){
.boxevenement:nth-child(even) {
  background-color: #fff;
  color: #000;
      padding: 40px;
}
	 }
	      @media (max-width: 991px){
.boxevenement:nth-child(odd) {
  background-color: #000;
  color: #fff;
      padding: 40px;
}
	 }
     @media (max-width: 991px){
.boxevenement:nth-child(even) {
  background-color: #fff;
  color: #000;
      padding: 40px;
}
	 }
	 
@media (min-width: 991px){
.evenement-container {
  display: flex;
  margin-top:100px;
} 
}
@media (max-width: 991px){
.evenement-container {
  display: flex;
  display: flex;
    margin-top:37px;
}
}
.evenement-col1,
.evenement-col2 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.boxevenement {
  flex: 1;
}

     @media (min-width: 991px){
 /* Ajoutez les styles pour les classes spécifiques lorsque le fond est noir */
.boxevenement:nth-child(odd) .titrejourneeAgenda,
.boxevenement:nth-child(odd) .TitreEvenement,
.boxevenement:nth-child(odd) .paragraphe-description,
.boxevenement:nth-child(odd) .paragraphe-description-tronque,
.boxevenement:nth-child(odd) .voir-description {
  color: #fff;
}
	 }
	   @media (max-width: 991px){
 /* Ajoutez les styles pour les classes spécifiques lorsque le fond est noir */
.boxevenement:nth-child(odd) .titrejourneeAgenda,
.boxevenement:nth-child(odd) .TitreEvenement,
.boxevenement:nth-child(odd) .paragraphe-description,
.boxevenement:nth-child(odd) .paragraphe-description-tronque,
.boxevenement:nth-child(odd) .voir-description {
  color: #fff;
}
	 }
.boxevenement:nth-child(odd) .voir-description:hover {
    text-decoration-line: underline;
    color: #FF822E;
}

  .calendrier-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
        }


.description-complete {
    display: none;
}

.description-agrandie .description-complete {
    display: block;
}

.premiere-description-tronquee {
    /* Styles pour la première description tronquée */
}

.autre-description-tronquee {
    /* Styles pour les autres descriptions tronquées */
}

.description-complete {
    /* Styles pour la description complète */
}

.description-agrandie .description-complete {
            display: block;
        }
			   @media (max-width: 991px){
        .voir-description-container {
       margin-top: -16px;
        }
			   }
			   	   @media (min-width: 991px){
		        .voir-description-container {
            margin-top: 0.5rem;
        }
				   }
.elementor-element.elementor-element-c034e76:not(.elementor-motion-effects-element-type-background), .elementor-20070101 .elementor-element.elementor-element-c034e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    transition: transform 0.3s ease;
}




.elementor-text-editor p {
    color: inherit!important;
    font: inherit!important;
    line-height: inherit!important;
    line-height: 24px !important;
    letter-spacing: inherit!important;
}
  @media (min-width: 991px){
.boxhome2
{
		text-align:center;
	margin-top:22px;
  }
 }
  @media (max-width: 991px){
.boxhome2
{
	text-align:center;
	margin-top:12px;
  }
 }
   @media (min-width: 991px){
.boxhome
{
line-height: 33px;
  }
 }
   @media (max-width: 991px){
.boxhome
{
	line-height: 33px;
  }
 } 
 
 @media (max-width: 991px){
.header-ticket-text{ 
	
	display:none !important;
	
}
 }
  @media (max-width: 991px){
 .imgfooterdino{
	     text-align: center;
    margin-top: 13px;
	    width: 51%;
}
 }
   @media (min-width: 991px){
 .imgfooterdino{
	     text-align: center;
    margin-top: 30px;
}
 }
    @media (min-width: 991px){
  .elementor-image-box-title {
    margin-bottom: 21px !important;
    margin-top: 15px;
    color: #000000;
    font-family: "Termina", sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}
	}
	    @media (max-width: 991px){
  .elementor-image-box-title {
    margin-bottom: 21px !important;
    margin-top: 15px;
	
    color: #000000;
    font-family: "Termina", sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}
	}

.elementor-image-carousel-caption:hover {
    background-color: none !important;
}



.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    z-index: 1000;
    border-radius: 20px;
    display: none;
}
.popup-content {
  text-align: center;
}

.close-button {
  margin-top: 20px;
  background-color: #ccc;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

/* Le reste de votre code CSS existant */
    @media (min-width: 991px){
 .newsletter
 {
	text-transform:uppercase;
	font-family:"Termina";
	font-size:30px;
 }
 }
    @media (max-width: 991px){
  .newsletter
 {
	text-transform:uppercase;
	font-family:"Termina";
	font-size:18px;
 }
	}
	
	.block_newsletter form input[type=email] {
    padding: 8px 8px 9px;
    border: 1px black solid;
    outline: 0;
    border-radius: 20px;

}
	.block_newsletter form input[type=email]:focus {
    border: 1px #FF822E solid;


}


.close-button {
    margin-top: 20px;
    background-color: #FF822E;
    border: none; 
    padding: 5px 10px;
    border-radius: 23px;
    cursor: pointer;
}
.close-button:hover {
    background-color: #white;

}

.valider
{
	box-shadow: none;
    font-family: 'Roboto';
    width: max-content;
    border: 1px solid black;
    border-radius: 20px; 
    padding: 10px; 
    background: #FF822E;
    margin-top: 15px;
	font-size: 15px;
    text-transform: uppercase; 
	cursor: pointer;
}
.valider:hover{
    background: white ;
}

@media (max-width: 991px) {
	  .footer-bannermobile {
    flex-direction: row;
	    background-color: #FF822E;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 16px;
  }
}
@media (min-width: 991px) {
	  .footer-bannermobile {
display:none;
  }
}

  
  @media (max-width: 991px){
.arrow5 {
    display: inline-block;
    margin-left: 6px;
    margin-right: -4px;
    background-image: url(/img/DevSite/svg/arrowbold.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    padding: 10px;
    background-size: 9px;
    background-position-x: 6px; 
    background-position-y: 6px;
	    margin-top: -2px;
}
}
  @media (max-width: 991px){
.footer-separatorleft {
    border: 1px solid #000000;
    width: 136px;
    margin: 18px 0px 18px 0px;
  }}
  @media (max-width: 991px){
.footer-separatorright {
    border: 1px solid #000000;
    height: 102px;
    margin-right: 14px;
  }}
    @media (max-width: 991px){
  .textfooter{
	      width: 114px;
  }
	}
	
.textfooter:hover
{
	color:white;
}	
  
  
  .elementor-image-carousel-caption:hover {
    background: white;
}

@media (max-width: 991px){
.moisrow
{
text-align: center;
    display: flex;
    flex-direction: column;
}
}
@media (min-width: 991px){
.moisrow
{
		text-align:center;

}
}

@media (max-width: 991px) {
  .mobileversioninfopratique-table-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobileversioninfopratique-footer-table
  {
    background: #FF822E;
	text-transform:uppercase;
  }
  .mobileversioninfopratique-table-section,
  .mobileversioninfopratique-footer-section {
    width: 90%;
    margin: 20px 0;
  }

  .mobileversioninfopratique-footer-table td:first-child {
    text-align: left;
  }

  .mobileversioninfopratique-footer-table td:last-child {
    text-align: right;
  }
  
  .texttitretableau{
font-style: normal;
font-weight: 400;
font-size: 23px;
line-height: 110%;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #000000;
 border: 1px solid #000000; 
  }
.containerTitreInfoPratique
{
	width: 350px;
    height: 69px;
    left: 0px;
    top: 0px;
    background: #FF822E;
    border: 1px solid #000000; 
}
.containerTexteInfoPratique{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 179.19%;
padding:10px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #000000;

}
}

.form-control {
    padding: 0.5rem 1rem;
    border: 1px solid #000000;
    border-radius: 34px;
	    background: #ffffff;
}
.form-control:focus {
    background-color: #fff;
    border: 2px solid #FF822E;
    outline: none;
} 

.btn-primary, .btn-secondary {
    padding: 0.8rem 1.25rem;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: black;
    background: #FF822E;
    border: 1px solid #020202;
    border-radius: 200px;
}
.btn-primary:hover {
    color: black;
    background-color: white;
    border: 1px solid #020202;
}
.btn-primary:active {
    color: black;
    background-color: white;
    border: 1px solid #020202;
}
.btn-primary:focus {
    color: black;
    background-color: white;
    border: 1px solid #020202;
}
@media (max-width: 991px) {
.newsletter-text {
    display: inline-block;
    margin-right: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 131.19%;
    color: #676767;
}
}
@media (min-width: 991px) {
.newsletter-text {
    display: inline-block;
    margin-right: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 131.19%;
    color: #676767;
}
}
@media (min-width: 991px) {
.newsletter-toggle {
    margin-top: -3px;
    display: inline-block;
    position: relative;
    width: 42px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 18.6038px;
    overflow: hidden;
	top: 5px;
}
}
@media (max-width: 991px) {
.newsletter-toggle {
    margin-top: -3px;
    display: inline-block;
    position: relative;
    width: 34px;
    height: 19px;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 18.6038px;
    overflow: hidden;
	top: 5px;
}
}

@media (min-width: 991px) {
.toggle-label {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 17px;
  height: 17px;
  background-color: black;
  border-radius: 50%;
  transition: left 0.3s ease, background-color 0.3s ease;
  cursor:pointer;
} 
}
@media (max-width: 991px) {
.toggle-label {
  position: absolute;
  top: 2px;
  left: 2px;
    width: 14px;
    height: 14px;
  background-color: black;
  border-radius: 50%;
  transition: left 0.3s ease, background-color 0.3s ease;
  cursor:pointer;
} 
}
@media (min-width: 991px) {
input[type="checkbox"]:checked + .toggle-label {
  left: calc(100% - 19px);
  background-color: #FF822E;
}
}
@media (max-width: 991px) {
input[type="checkbox"]:checked + .toggle-label {
  left: calc(100% - 16px);
  background-color: #FF822E;
}
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {

    outline-offset
}

.swiper-container-horizontal>.swiper-pagination-bullets
{
	 bottom: -2px;
    left: 0;
    width: 100%;
}