@charset "UTF-8";
html,body {
	font-family: "Barlow Condensed";
	font-size:21px;
	font-weight:400;
	margin:0;
	padding:0;
	color:#052934;
	background:#FEFBF4 url(../images/wood.webp) -30px -230px no-repeat;
	overflow-x: hidden;
	scroll-padding: 90px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

::selection {background: #FEFBF4;color:#000;}
::-moz-selection {background: #FEFBF4;color:#000;}

.imgLeft{float: left;margin:0 30px 30px 0;}
.clear{clear: both;}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

.mobileOnly{display: none;}
.mobileOff{display: block;}

.bggrey{background: #fafafa;}
.bgwhite{background: #fff;}
.bgblack{background: #052934;color: #fff;}
.bgwood{background: #052934 url(../images/wood.webp) -30px -230px no-repeat;border-radius: 16px;}
.bgblack h1,.bgblack p{color:#fff;}
.orange{color:#FF5224;}
.black{color:#000;}
.white{color:#fff;}

.fixed{position: fixed;z-index: 98;top: 120px;left:0;width: 100%;}

/**** GLOBAL ****/
img{max-width: 100%;}
a{color:#000;text-decoration: none;}
a:hover{text-decoration: none;color:#FF5224;}
a:focus{border: none;text-decoration: none;}

a.more{text-decoration: underline;font-size: 17px;}

p{text-align:left;padding-bottom: 15px;font-size:21px;font-style: normal;font-weight: 400;line-height:32px; }
.p19{font-size: 19px;line-height:28px;}
.p24{font-size: 24px;line-height:34px;}
p em{font-size: 15px;font-weight: 300;line-height: 18px;}

h1{font-size: 64px;font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight: 700;line-height:64px;padding:64px 0 64px 0;margin:0}
h2{font-size: 48px;font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight: 700;line-height: 110%;padding:64px 0 64px 0;margin:0;color:#052934;}
h3{font-size: 40px;font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight: 700;line-height:46px;}
h3.small{font-size: 32px;}
h4{font-size: 21px;font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight: 700;line-height: 22px;color:#FF5224;}


.accordion_titre {padding:16px 36px 16px 16px;cursor:pointer;position:relative;background:#fff url("../images/accordion-plus.png") center right 20px no-repeat;margin:0; border-radius: 16px; margin-top: 24px;font-size:24px;font-weight: 600;}
.accordion_active {background:#fff url(../images/accordion-moins.png) center right 20px no-repeat;border-radius: 16px 16px 0 0;}
.accordion_texte {clear:both;display:none;padding:16px;background: #fff;border-radius: 0 0 16px 16px;}


.zoom{position: absolute;bottom:0;left:15px;}

.copy_button_txt{font-size: 14px;}

.paddingtb24{padding-top:24px;padding-bottom:24px;}
.paddinglr24{padding-left:24px;padding-right:24px;}
.paddingl24{padding-left:24px;padding-right:24px;}
.padding24{padding:24px;}

.paddingtb40{padding-top:40px;padding-bottom:40px;}
.paddinglr40{padding-left:40px;padding-right:40px;}
.padding40{padding:40px;}

.paddingtb48{padding-top:48px;padding-bottom:48px;}
.paddingb48{padding-bottom:48px;}
.padding48{padding:48px;}

.paddingtb64{padding-top:64px;padding-bottom:64px;}
.paddingt64{padding-top:64px;}
.paddingb64{padding-bottom:64px;}
.padding64{padding:64px;}

.paddinglr0{padding-left:0;padding-right:0;}
.paddingt0{padding-top:0;}
.paddingb0{padding-bottom:0;}

.paddingtb124{padding-top:124px;padding-bottom:124px;}
.paddingb124{padding-bottom:124px;}
.paddingt124{padding-top:124px;}


.a_underline{font-size:17px;text-decoration: underline;}
.a_retour{font-size: 14px;font-style: normal;font-weight: 400;line-height: 120%;letter-spacing: -0.1px;text-transform: uppercase;}

.btn{padding:20px 24px; border-radius: 16px;background:none;color:#39535B;border:1px solid #39535B;text-align: center;font-size: 20px;font-style: normal;font-weight: 700;line-height:20px;}
.btn:hover{color: #FF5224;}

.btn2{padding:20px 24px; border-radius: 16px;background:#fff;color:#39535B;border:1px solid #39535B;text-align: center;font-size: 20px;font-style: normal;font-weight: 700;line-height:20px;text-transform: none;}
.btn2:hover{color: #FF5224;}

.btnContact{padding:12px 16px 20px 16px; border-radius: 16px;background:none;border:1px solid #39535B;text-align: left;font-size: 20px;font-style: normal;font-weight: 700;}
.btnContact a{color:#39535B;line-height:120%;display: block;background: url("../images/ico-open.svg") center right no-repeat;}
.btnContact a:hover{color: #FF5224;}
.btnContact img{width: 60px;height: 60px;border-radius: 500px;float: left;margin:0 20px 0 0;}

.partage{padding:16px 24px;}
.partage .titre{color:#052934;font-size: 25px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing: -0.1px;padding-bottom: 24px;}


.wall,.wall_mobile {width: 110%;margin-left:-5%;overflow: hidden;height: auto;display: flex;}
.wall img,.wall_mobile img {width: 100%;flex: 1;border-radius: 8px;object-fit: contain;margin:8px;}

.wall_mobile{display: none;}


.wall1{animation: scroll-horizontal 4s ease-in-out infinite alternate;}
.wall2{animation: scroll-horizontal2 4s ease-in-out infinite alternate;}

@keyframes scroll-horizontal { 0% { transform: translateX(0%); } 100% {  transform: translateX(-2%); }}
@keyframes scroll-horizontal2 { 0% { transform: translateX(0%); } 100% {  transform: translateX(2%); }}





/**** STRUCTURE ****/
#top{position: fixed;z-index:999;width: 100%;height:105px; background:#FEFBF4 url(../images/wood.webp) -30px -230px no-repeat;}
	#top_logo{float:left;width:255px;padding: 10px 0 0 25px; }
	#top_logo img{height:80px;}

	#top_nav{float:right;width: calc(100% - 295px);padding:0 0 0 20px;}
		#top_cta{float:right;width:200px;padding:0;}
			#top_cta a{display: block;background: #FF5224;height: 95px;padding:34px 0 0 25px;font-size:19px;font-weight: 700;}
			#top_cta a img{margin-top:-3px;margin-right:6px;}
			#top_cta a:hover{background:#000;color:#fff;}
			#top_cta a:hover img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}

#marge_top{height:95px}

nav{padding:30px 0 0 0;}
nav ul{margin: 0;padding: 0 20px 0 0;list-style-type: none;float: right;}
nav ul li{float: left;padding:0 32px;}
nav ul li a{text-transform:uppercase;font-size:48px;font-weight:900;line-height:0; background-color: #052934;background-image: url(../images/typo.png);background-repeat: repeat;  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;}
nav ul li a span{font-size:20px;font-weight:600;text-transform: none;}
nav ul li a em{font-size: 20px;}
nav ul li a:hover{background-color: #FF5224;}
nav ul li.active a{background-color: #FF5224;}
#top_newsletter{margin-top:-15px;border-radius: 16px;border: 1px solid #39535B;font-size: 20px;font-style: normal;font-weight: 600;line-height: 130%; display: flex;padding: 20px 24px;justify-content: center;align-items: center;text-transform: none;}
#top_billetterie{margin-top:-15px;border-radius: 16px;background:#FF5224;border: 1px solid #FF5224;font-size: 20px;font-style: normal;font-weight: 600;line-height: 130%; display: flex;padding: 20px 24px;justify-content: center;align-items: center;color:#fff;text-transform: none;}
nav ul li a#top_billetterie{-webkit-text-fill-color: inherit}


nav ul li.active a{color: #FF5224;}
.nav_mobile_off{display: block;}
.nav_mobile_only{display: none;}

#nav_mobile_billetterie{display: none;}
#nav_mobile{display: none;height: 70px;}
#nav_mobile_contact{display: none;}
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;padding-left:10px;}
.line {fill: none;stroke: black;stroke-width:2;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width:4;}
.line2 {stroke-dasharray: 60 60;stroke-width: 4;}
.line3 {stroke-dasharray: 60 207;stroke-width: 4;}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 4;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 4;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 4;}





/**** NEWSLETTER ****/
#newsletter{padding-top:48px;background: #FF5224 url("../images/bg-orange.webp") top left no-repeat;border-radius: 16px;}
#newsletter .titre{color:#fff;font-size: 54px;font-style: normal;font-weight:900;line-height:100%;padding:24px 0 12px 0;text-transform: uppercase;}
#newsletter .texte{color:#fff;font-size: 29px;font-style: normal;font-weight:700;line-height:100%;padding:0 0 24px 0;}
#newsletter
#inscription_newsletter p,#inscription_newsletter p em{line-height: 15px;font-size:13px;color:#fff;}



/**** FOOTER ****/
footer{padding:32px 0 24px 0;color:#39535B;font-size: 18px;   border-radius: 16px;border: 1px solid #052934;margin:20px; background: url(../images/wood.webp) -80px -290px no-repeat;}
footer .row{padding:20px 0;}
footer a{color:#052934;}
footer ul{list-style-type:none;margin:0;padding:0;}
footer ul li{padding:0 0 12px 0;font-size: 17px; }
footer ul li strong{color:#39535B;}

.copyright{font-size: 15px;}


.marquee{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #39535B;color:#FEFBF4;font-family: "Barlow Condensed";font-size: 92px;font-style: normal;font-weight: 800;text-transform: uppercase;}
	.marquee {--gap: 0.5rem; position: relative; display: flex; overflow: hidden; user-select: none; gap: var(--gap);}
	.marquee_content { flex-shrink: 0; display: flex; justify-content: space-around; gap: var(--gap); min-width: 100%; animation: scroll 15s linear infinite;list-style-type: none;padding:0;margin:0;}
	@keyframes scroll {
	  from {  transform: translateX(0);  }
	  to { transform: translateX(calc(-100% - var(--gap)));  }
	}
	.marquee-hover-pause:hover .marquee_content {animation-play-state: paused;}
	@keyframes scroll-abs {
	  from {transform: translateX(calc(100% + var(--gap)));}
	  to {transform: translateX(0);}
	}



/**** LISTING EVENEMENTS ****/
.evenements{background: #fff;margin-bottom: 20px; border-radius: 16px; border: 1px solid #39535B;}
.evenements .image img{border-radius: 16px;}
.evenements .content{padding: 24px 32px 32px 32px;}
.evenements .content .type{margin-bottom: 10px;color:#052934;}
.evenements .content .type span{font-size: 19px;font-style: normal;font-weight: 400;padding:4px; border-radius: 8px;border: 1px solid #39535B;}
.evenements .content .texteheight{min-height: 190px;}
.evenements .content .titre{font-size: 36px;font-style: normal;font-weight:700;line-height: 110%;    color: #052934;background-color: #052934;background-image: url(../images/typo.png);background-repeat: repeat;  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;}
.evenements .content .titre .orange{font-weight: 200;}
.evenements .content .date{font-size: 19px;line-height:21px;font-style: normal;font-weight: 700;color:#FF5224;padding-top: 10px;}
.evenements .content .statut{float: left;width:78%;padding: 15px 16px; border-radius: 16px;border:1px solid #FF5224;background:#fff;color:#FF5224;font-size: 19px;font-weight: 700;display: block;line-height:28px;}
.evenements .content .cta{float: left;width:78%;}
.evenements .content .cta a{padding: 17px 16px; border-radius: 16px;background:#FF5224;font-size: 19px;font-weight: 700;display: block;border: 1px solid #FF5224;color:#fff;}
.evenements .content .cta a span{font-size: 15px;font-weight: 400; }
.evenements .content .cta a img{margin-top:-3px;margin-right: 5px;}
.evenements .content .cta a:hover{background:#39535B;color:#fff;border: 1px solid #39535B;}
.evenements .content .cta a:hover img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}
.evenements .content .cta_long a{font-size: 15px;}
.evenements .content .share{float: left;width:18%;margin-left:4%;}
.evenements .content .share a{padding: 17px 16px; border-radius: 16px;background:#fff;font-size: 19px;font-weight: 700;display: block;text-align: center;border: 1px solid #39535B;}
.evenements .content .share .share_link{display:none;position:absolute;z-index:99;width:100px;height:100px;padding-top:5px;text-align:center;background:#fff;box-shadow: 0px 4px 20px 0px #DDD; border-radius: 16px;}
.evenements .content .share .share_link a{float:none;display:inline;border-radius: none;box-shadow: none;padding:10px 5px;}
.evenements .content .share .share_link a img{width:30px;margin:8px 0;}

.evenements_autre .content .titre{font-size: 24px;}
.evenements_autre .content .cta a{font-size: 15px;}
.evenements_autre .content .cta a span{display: none;}
.evenements_autre .content .statut {font-size: 15px;}

.evenements_legende{font-size: 21px;font-style: normal;font-weight: 400;line-height: 130%;}
.evenements_legende img{padding-left:30px;}

/**** EVENEMENT DETAIL ****/
.evenement_top{border-radius: 16px; border: 1px solid #39535B;}
.evenement_top .col-md-8 img{border-radius: 16px 0 0 16px;}
.evenement_top .col-md-4{padding-right:40px;}
.evenement_top .type{margin: 10px 0;}
.evenement_top .type span{font-size: 19px;font-style: normal;font-weight: 400;padding:4px; border-radius: 8px;border: 1px solid #39535B;}
.evenement_top .date{font-size: 17px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing:-0.1px;}
.evenement_top .date span{color:#FF5224;}
.evenement_top .titre{font-size: 54px;font-style: normal;font-weight: 900;line-height: 100%;letter-spacing:-0.1px;padding-top:24px;min-height:300px;  color: #052934;background-color: #052934;background-image: url(../images/typo.png);background-repeat: repeat;  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;}
.evenement_top .statut{color:#39535B;text-decoration:underline;font-size:17px;}
.evenement_top .cta a{color:#39535B;font-size:17px;}
.evenement_top .cta a img{height: 20px;margin-top: -3px;}

.evenement_content{}
.evenement_content .titre{font-size:32px;font-style: normal;font-weight:700;line-height: 110%;padding-bottom: 16px;}
.evenement_content .date{color:#fff;font-size: 25px;font-style: normal;font-weight:700;line-height: 110%;padding-bottom:24px;}
.evenement_content .statut{background:#000;color:#fff;margin:0 0 20px 0;padding:16px 24px; text-align: center;border-radius: 16px;}
.evenement_content .texte a{color:#FF5224;}
.evenement_content .texte a:hover{background-color:#FF5224;color:#000;}

.evenement_droite{background: #FF5224 url("../images/bg-orange.webp") top left no-repeat;border-radius: 16px;padding: 32px;}

.evenement_content .cta a{padding: 17px 16px; border-radius: 16px;background:#FF5224;font-size: 19px;font-weight: 700;display: block;margin-bottom: 10px;}
.evenement_content .cta a span{font-size: 15px;font-weight: 400; }
.evenement_content .cta a img{float: right;}
.evenement_content .cta a:hover{background:#000;color:#fff;}
.evenement_content .cta a:hover img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}

.evenement_content .cta2 a{padding: 17px 16px; border-radius: 16px;background:#fff;font-size: 19px;font-weight: 700;display: block;margin-bottom: 10px;}
.evenement_content .cta2 a span{font-size: 15px;font-weight: 400; }
.evenement_content .cta2 a img{float: right;}
.evenement_content .cta2 a:hover{background:#000;color:#fff;}
.evenement_content .cta2 a:hover img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}



.formulaire_alerte{background:#FF5224;padding:20px;margin-bottom: 20px;}
.formulaire_alerte h4{color:#fff;}

/**** HOME > A LA UNE ****/
#alaune{background:#fff;color:#000;border-radius: 16px;border: 1px solid #052934;margin-top: 20px;}
#alaune .col-md-4{padding:56px 56px 0 56px;  }
#alaune .col-md-8 img{border-radius: 16px 0 0 16px;}
#alaune .type{margin-bottom: 10px;}
#alaune .type span{font-size: 19px;font-style: normal;font-weight: 400;padding:4px; border-radius: 8px;border: 1px solid #39535B;}
#alaune .date{font-size: 17px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing:-0.1px;}
#alaune .date span{color:#FF5224;}
#alaune .titre{font-size: 64px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing:-0.1px;padding-top:24px;min-height:280px; color: #052934;background-color: #052934;background-image: url(../images/typo.png);background-repeat: repeat;  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;}
#alaune .cta{float: left;width:78%;}
#alaune .cta a{padding: 17px 16px; border-radius: 16px;background:#FF5224;font-size: 19px;font-weight: 700;display: block;color:#fff;}
#alaune .cta a span{font-size: 15px;font-weight: 400; }
#alaune .cta a:hover{background:#39535B;}
#alaune .share{float: left;width:18%;margin-left:4%;}
#alaune .share a{padding: 17px 16px; border-radius: 16px;background:#fff;font-size: 19px;font-weight: 700;display: block;text-align: center;}
#alaune .share_link{display:none;position:absolute;z-index:99;width:100px;height:100px;padding-top:5px;text-align:center;background:#fff;box-shadow: 0px 4px 20px 0px #DDD; border-radius: 16px;}
#alaune .share .share_link a{float:none;display:inline;border-radius: none;box-shadow: none;padding:10px 5px;}
#alaune .share .share_link a img{width:30px;margin:8px 0;}


.home_pro{background:url("../images/bg-orange.webp") top left no-repeat;border-radius: 16px;padding: 48px;}
.home_pro h2{margin: 0;padding: 0 0 64px 0;color:#fff;}
.home_pro .btnContact{background: #fff;border-color: #fff;}



#decouvrircentre{background: linear-gradient(0deg, rgba(5, 41, 52, 0.49) 0%, rgba(5, 41, 52, 0.49) 100%), url(../images/decouvrir-le-centre.webp) lightgray 50% / cover no-repeat;padding: 100px 0 124px 0;border-radius: 16px;}
#decouvrircentre .titre{color:#fff;font-size: 54px;font-style: normal;font-weight: 700;line-height:100%;padding:24px 0;text-transform: uppercase;}
#decouvrircentre a{color:#fff;text-decoration: none;font-size: 17px;border-radius: 24px;border: 1px solid #FFF;padding: 24px;}
#decouvrircentre a.btn{color:#fff;text-decoration: none;}


/**** LE CENTRE ****/
#lecentre{background:#052934;color:#fff;min-height: 380px;}
#lecentre .texte{position: absolute;z-index:99;width: 100%;padding:120px 0 200px 0;font-size: 64px;font-style: normal;font-weight: 700;line-height:70px; text-transform: uppercase;}
#lecentre .btn{border-color: #fff;color:#fff;margin-top: 24px;}
#lecentre .btn:hover{color:#FF5224;}

.bxslider1{margin:0;padding: 0;}
.bxslider1 li img{border-radius: 16px;}

.centre_blocs{border-radius: 16px;border: 1px solid #39535B;padding: 32px;min-height:560px;margin-bottom: 24px; background: url(../images/wood.webp) -80px -290px no-repeat;}
.centre_blocs img{border-radius: 500px;border: 2px solid #FF5224;padding: 10px;margin-bottom: 20px;background:#FEFBF4;}
.centre_blocs strong{font-size: 50px;font-style: normal;font-weight: 900;line-height: 100%;text-transform: uppercase;}
.col-md-3:nth-child(odd) .centre_blocs{background:#FF5224 url(../images/bg-orange.webp) top left no-repeat;}


#organisateurs .col-md-6{padding: 64px;}
#organisateurs h2{text-transform: uppercase;margin:0;padding:0;font-size:44px;}
#organisateurs .btnContact{background: #fff;}

/***** Infos pratiques *****/
.info_acces{display: block;border-radius: 16px;background:#FFF;padding:16px;margin-bottom: 10px;font-size: 19px;font-style: normal;font-weight: 400;line-height: 130%;border: 1px solid #39535B;}
.info_acces img{border-radius:500px;border: 1px solid #FF5224;padding: 8px;float:left;margin:5px 10px 20px 0;width: 40px;height: 40px;}

#info_map img{border-radius: 16px;border: 1px solid #39535B;}




/**** FORMULAIRE ****/
.form input, .form select{border-radius:16px;padding: 16px 10px;margin-bottom:20px;border : none;background-color:#fff;color: #052934;width:60%;height:50px;font-size:16px;font-family: "Barlow Condensed", Helvetica, Arial, Sans-serif;font-style: normal;font-weight:400;line-height: 28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form input::placeholder, .form textarea::placeholder, .form select option {font-size: 16px;font-family: "Barlow Condensed", Helvetica, Arial, Sans-serif;font-style: normal;font-weight: 400;line-height: 28px;}
.form p{clear: both;padding: 24px 0;}
.form textarea{padding:10px 0;border : none;border-bottom:1px solid #fff;background-color:#000;width: 100%;height:160px;font-style:italic;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:24px;font-family: "Barlow Condensed", Helvetica, Arial, Sans-serif;font-style: normal;font-weight: 800;line-height: 28px;}
.form select{height: 80px;}
.form button{background: #fff;color:#052934;font-size: 17px;font-weight: 700;border-radius: 0;padding: 0px 26px;border:none;height: 50px;border-radius:16px;}
.form button:hover{color:#FF5224;}

.form .mentions{font-style: italic;text-align: left;font-size:14px;line-height: 16px;}
.sendmessage{font-size: 24px;}


/**** FAQ ****/
.faq_recherche{background: #000 url(../images/venir-au-stade.jpg) bottom right no-repeat;}
.faq_recherche h4{color: #fff;text-align: center;padding-bottom: 56px;}
.faq_recherche form{background: #fff;height: 80px; border-radius: 100px;}
.faq_recherche form input{background:none;color:#000;height: 80px;padding: 16px 24px 16px 32px;font-size:24px;font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;font-style: normal;font-weight:400; }
.faq_recherche form input::placeholder {font-size: 24px;font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;font-style: italic;font-weight: 400;line-height: 28px;}
.faq_recherche button{float: right;margin:15px 10px 0 0;background:#fff;}
.faq_recherche input:focus{outline: none;}

.faq_categories{}
.faq_categories ul{margin:0;padding:0;list-style-type: none;border:1px solid #000;}
.faq_categories ul li{border-bottom: 1px solid #000;}
.faq_categories ul li:last-child{border-bottom: none;}
.faq_categories ul li a{display: block;padding:31px 0 31px 16px;font-size:18px;font-style: normal;font-weight: 700;line-height: 100%; }
.faq_categories ul li a img{padding-right: 10px;max-width: 34px;}
.faq_categories ul li.active{background: #000;}
.faq_categories ul li.active a{color: #fff;}

.faq_question{}
.faq_question a{display: block;border-radius: 16px;background:#FFF;box-shadow: 0px 4px 20px 0px #DDD; padding:24px;margin-bottom: 24px;font-size: 19px;font-style: normal;font-weight: 700;line-height: 130%;}
.faq_question a img{float: right;padding:5px 0 0 20px;}


.histoire_titre{font-size:32px;font-family: 'Helvetica Neue', sans-serif;font-style: normal;font-weight: 700;line-height:110%;padding: 48px 0;}


/**** BXSLIDER ****/
.bxslider{list-style-type: none;padding:0;margin: 0;}
.bxslider_home{list-style-type: none;padding:0;margin: 0;}
.bxslider_home a{color:#000;}
.bxslider_home a:hover{color:#FF5224;}

.bxslider,.bxslider li{margin: 0;padding: 0}
.bxslider_home,.bxslider_home li{margin: 0;padding: 0;text-align: center;}
.bx-wrapper {position: relative;margin:0 auto;padding:0;}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

.bx-wrapper .bx-pager {display: none;position: absolute;top:100px;right:10px;font-size: .85em;font-family: Arial;font-weight: bold;color: #fff;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; zoom: 1; display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #001b31;border:1px solid #fff;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 5px;outline: 0;border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {border:1px solid #fff;background: #fff;}

.bx-wrapper .bx-prev {background: url(../images/fleche-gauche.png) no-repeat;background-size:65px 65px;width:65px;height:65px;left:-90px;}
.bx-wrapper .bx-next {background: url(../images/fleche-droite.png) no-repeat;background-size:65px 65px;width:65px;width:65px;height:65px;right:-95px;}
.bx-wrapper .bx-controls-direction a {display:block;position: absolute;top:345px;outline: 0;width:65px;height:65px;text-indent: -9999px;z-index: 9;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-direction a:hover {opacity: 0.5;}

@media (max-width:700px) {
	.bx-wrapper .bx-prev {background-size:35px 35px;width:35px;height:35px;left:-45px;}
	.bx-wrapper .bx-next {background-size:35px 35px;width:35px;width:35px;height:35px;right:-40px;}
	.bx-wrapper .bx-controls-direction a {top:245px;outline: 0;width:35px;height:35px;}
}


/**** MODAL ****/
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999999;padding:5px;box-sizing:border-box;background-color:rgba(0,0,0,0.75);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em;}
.blocker.behind{background-color:transparent}
.modal{overflow: visible; display:none;margin:80px 0 90px 0;vertical-align:middle;position:relative;z-index:2;max-width:1100px;height:auto;box-sizing:border-box;width:94%;background:#fff;padding:5px 5px 5px 5px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}
.modal a.close-modal{position:absolute;top:20px;right:20px;display:block;width:40px;height:40px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('../images/close.svg')}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}



@media (max-width: 1600px) { 
	#top_logo{width:200px;}
	#top_nav{width: calc(100% - 200px);}

	.evenement_top .type{padding-top:30px;}
	.evenement_top .titre{font-size: 50px;min-height:250px;}

	#alaune .titre{font-size:46px;min-height:250px;}

	#omstadium .titre{font-size:46px;padding:20px 0 0 0;}

	.faq_categories ul li a{font-size:14px;}
}
@media (max-width: 1500px) {
	#top_nav{width: calc(100% - 200px);padding-left:0;}
	#top_nav ul li{padding:0 12px;}
}

@media (max-width: 1400px) {
	#top_logo{padding-left:20px;}
	#top .container{width: 100%;padding:0;}
	
	#alaune .titre{font-size:42px;min-height:215px;}


	.evenements_autre .content .share{display: none;}
	.evenements_autre .content .cta {width: 100%;}
	.evenements_autre .content .statut {width: 100%;}
	.evenements .content .cta a span{display: none;}

	.centre_blocs strong{font-size:36px;}
}
@media (max-width: 1200px) { 

	#alaune .col-md-4{padding:24px 48px 0 24px;}
	#alaune .titre{font-size:34px;min-height:180px;}
	#alaune .cta a{padding: 18px 16px; }
	#alaune .cta a span{display: none;}
	#alaune .share a{padding: 18px 16px; }

	
	.evenement_top .type{padding-top:15px;}
	.evenement_top .titre{font-size:38px;min-height:200px;}

	.evenements .content .texteheight{min-height:190px;}
	.evenements .content .titre{font-size:32px;}
	.evenements .content .date{font-size: 19px;}
	.evenements .content .statut{width:76%;padding: 13px 12px;font-size: 12px;}
	.evenements .content .cta{float: left;width:76%;}
	.evenements .content .cta a{padding: 17px 16px;font-size: 15px;}
	
	.evenements .content .share{float: left;width:20%;margin-left:4%;}
	.evenements .content .share a{padding: 17px 16px; border-radius: 16px;background:#fff;box-shadow: 0px 4px 20px 0px #DDD;font-size: 15px;font-weight: 700;display: block;text-align: center;}

	.evenements_autre .content .titre{font-size:22px;}
	.evenements_autre .content .share{display: none;}
	.evenements_autre .content .cta {width: 100%;}
	.evenements_autre .content .statut {width: 100%;}

	#top_nav ul li{padding:0 12px;}

}
@media (max-width: 1150px) { 
	
	.fixed{top:90px;}
	
	#top{height: 70px;}
	#top_logo img{height:50px;}
	nav{background: #FEFBF4;}
	#marge_top{height:70px}

	#top .container{width: 100%;margin:0;padding:0;}
	#top_logo{float:left;width:160px;padding:10px 0 10px 32px;}
	#top_nav{display: none;float:none;width:100%;clear: both;padding:0;}
	#top_nav ul {float:none;}
	#top_nav ul li{padding: 0;}
	#top_cta{display: none;}



	#nav_mobile_billetterie{display: block;float: right;}
	#nav_mobile_billetterie img{width: 34px;height:34px;margin:18px 20px 0 0;}

	#nav_mobile{display: block;float: right;padding: 5px 10px 0 0;}
	nav{border-top:1px solid #EEE;margin:0;padding: 0;}
	nav ul li{float: none;border-bottom: 1px solid #EEE;text-align: left;padding:0;}
	nav ul li:last-child{border-bottom: none;}
	nav ul li a{font-size: 30px;display: block;padding:40px 0 40px 32px;}
	nav ul li a br{display: none;}
	#nav_mobile_contact{display: block;text-align: center;padding:20px 20px;margin-left:-20px;margin-right:-20px;}
	#nav_mobile_contact a{width: 100%;display: block;background: #FF5224;padding:24px 32px;color:#000;border-radius:0;text-align: left;font-style: normal;font-weight: 700;line-height:17px;}

	.nav_mobile_off{display: none;}
	.nav_mobile_only{display: block;}


	#top_newsletter{margin:10px 0 0 10px;}
	#top_billetterie{margin:10px 0 0 10px;}
}

@media (max-width:1000px) {
	
	p{font-size:19px;line-height:28px; }
	
	footer ul{margin:0;padding:0 0 20px 0;}
	footer ul li{padding:0 0 3px 0;font-size: 17px; }
	footer .col-md-8 .col-md-3{display: none;}

	footer .col-md-8 .col-md-3.footer_legal{display: block;}

	footer{text-align: center;}

	#alaune .col-md-4{padding:48px;}
	#alaune .type{padding-top:0px;}
	#alaune .titre{font-size:40px;min-height:auto;padding-bottom: 20px;}
	#alaune{padding-bottom:48px;}


	
	.marquee{font-size:42px;}


	.evenement_top{padding-bottom: 20px;}
	.evenement_top .type{padding-top:30px;}
	.evenement_top .titre{font-size:46px;min-height:auto;padding-bottom:20px;}

	.evenements .content .texteheight{min-height: auto;padding-bottom: 16px;}
	.evenements .content .statut{font-size: 15px;}

	.centre_blocs{min-height: auto;}
	#organisateurs .col-md-6{padding:32px;}
}

@media (max-width:700px) {
	
	.mobileOnly{display: block;}
	.mobileOff{display: none;}
	.btn_ancre{display:inline-block;margin-bottom: 10px;padding:10px;font-size: 14px;}
	.fixed{top:80px;}

	h1{font-size:46px;line-height:46px;padding:32px 0 32px 0;}
	h2{font-size:40px;line-height:110%;padding:30px 0 30px 0;}
	h3{font-size:30px;line-height:46px;}
	h3.small{font-size:26px;line-height:36px;}
	h4{font-size:18px;line-height:22px;}

	.btn{padding:18px 40px;}

	.wall{display: none;}
	.wall_mobile{display: flex;}

	.evenements .content .titre{line-height: 120%;}

	.padding24{padding-left:12px;padding-right:12px;}
	.padding48{padding-left:24px;padding-right:24px;}
	.padding64{padding-left:32px;padding-right:32px;}
	.paddingtb64{padding-top: 32px;padding-bottom: 32px;}
	.paddingtb124{padding-top:64px;padding-bottom: 64px;}
	.paddingt124{padding-top:64px;}
	.paddingb124{padding-bottom:64px;}

	.paddingmobilenone{padding-top:24px;padding-bottom: 0;}

	#lecentre .texte{position:relative;padding:20px 0 20px 0;font-size:36px;line-height:40px; text-align: center;}
	#lecentre a.btn2{padding:16px;}

	#veniraustade{background-size: 100%;padding:0 0 210px 0;}
	#veniraustade{text-align: center;}

	#newsletter{padding-top:24px;text-align: center;}
	#newsletter img{float: none;margin-right: 0;clear: both;width: 200px;margin-top:20px;}

	.accordion_titre {font-size:20px;}



}