@charset "UTF-8";
html,body {
	font-family: "Manrope", sans-serif;
	font-size:21px;
	font-weight:400;
	margin:0;
	padding:0;
	color:#151A2E;
	background:#eeeeee;
	overflow-x: hidden;
	scroll-padding: 90px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

@font-face {
    font-family: 'kurdisbold';
    src: url('fonts/kurdis-bold-webfont.woff2') format('woff2'),
         url('fonts/kurdis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Kurdis_condensed';
    src: url('fonts/kurdis-condensedsemibold-webfont.woff2') format('woff2'),
         url('fonts/kurdis-condensedsemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Kurdis_semicondensed';
    src: url('fonts/kurdis-semicondensedextrabold-webfont.woff2') format('woff2'),
         url('fonts/kurdis-semicondensedextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


::selection {background: #fff;color:#141a30;}
::-moz-selection {background: #fff;color:#141a30;}

.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: #141a30;color: #fff;}
.bgblack h1,.bgblack p{color:#fff;}
.orange{color:#0063b3;}
.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:#141a30;text-decoration: none;}
a:hover{text-decoration: none;color:#0063b3;}
a:focus{border: none;text-decoration: none;}

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

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: 72px;font-family: 'Kurdis_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: 'Kurdis_semicondensed', sans-serif;font-style: normal;font-weight: 700;line-height: 110%;padding:64px 0 64px 0;margin:0;color:#0063b3;}
h3{font-size: 40px;font-family: 'Kurdis_semicondensed', sans-serif;font-style: normal;font-weight: 700;line-height:46px;}
h3.small{font-size: 32px;}
h4{font-size: 21px;font-family: 'Kurdis_semicondensed', sans-serif;font-style: normal;font-weight: 700;line-height: 22px;color:#0063b3;}

.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;}

.paddingb124{padding-bottom: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:24px 60px; background:#0063B3;color:#fff;border-radius:0;border:0px solid #0063B3;text-align: center;font-size: 17px;font-style: normal;font-weight: 700;line-height:17px;}
.btn:hover{background:#1477CC;color: #fff;}

.btn_ancre{padding:16px;border-radius: 100px;background: #fff;font-size: 19px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing: -0.1px;color:#0063b3;}
.btn_ancre img{margin-top: -3px;}
.bgblack .btn_ancre{color:#0063b3;}

.btn_dore{padding: 24px 24px; border-radius: 16px;background:#CCA15D;font-size: 19px;font-weight: 700;}
.btn_dore span{font-size: 15px;font-weight: 400; }
.btn_dore:hover{background:#141a30;}

.btn_gris{padding: 24px 24px;border-radius: 16px;background:#fff;color:#151A2E;font-size: 19px;font-weight: 700;}
.btn_gris img{padding-left: 15px;}
.btn_gris:hover{background:#EEEEEE;color:#151A2E;}

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



/**** STRUCTURE ****/
#top{position: fixed;z-index:999;width: 100%;height:95px;background:#fff;}
	#top_logo{float:left;width:255px;padding: 15px 0 0 25px; }

	#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: #0063B3;color:#fff;height: 95px;padding:34px 0 0 25px;font-size:19px;font-weight: 700;text-transform: uppercase;}
			#top_cta a img{margin-top:-3px;margin-right:6px;}
			#top_cta a:hover{background:#1477CC;color:#fff;}
			#top_cta a 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;background: #fff;}
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{font-size:15px;text-transform:uppercase;font-family: 'Kurdisbold', sans-serif;}
nav ul li.active a{color: #0063b3;}
.nav_mobile_off{display: block;}
.nav_mobile_only{display: none;}

#nav_mobile_billetterie{display: none;}
#nav_mobile{display: none;background: #eee;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;}

/**** VENIR AU STADE ****/
#veniraustade{background: #000 url(../images/venir-au-stade.jpg) bottom right no-repeat;padding:64px 0 48px 0;}
#veniraustade .titre{color:#fff;font-size: 32px;font-style: normal;font-weight: 700;line-height:35px;padding:24px 0;}
#veniraustade .texte{color:#0063b3;font-size: 21px;font-style: normal;font-weight: 700;line-height:26px;padding-bottom:48px;}
#veniraustade .btn{border-color: #fff;padding:24px 24px;}
#veniraustade .btn:hover{color: #fff;}
#veniraustade a{color:#fff;text-decoration: underline;font-size: 17px;}
#veniraustade a.btn{color:#fff;text-decoration: none;}

/**** NEWSLETTER ****/
#newsletter{padding-top:48px;background: #fff;}
#newsletter img{float: left;margin-right: 30px;}
#newsletter .titre{color:#141a30;font-size: 36px;font-style: normal;line-height:35px;padding:24px 0 12px 0;font-family: 'Kurdis_semicondensed', sans-serif;}
#newsletter .texte{color:#0063b3;font-size: 19px;font-style: normal;font-weight: 700;line-height:26px;padding:0 0 24px 0;}

#inscription_newsletter p,#inscription_newsletter p em{line-height: 15px;font-size:13px;}
#inscription_newsletter .form input{background-color:#EEEEEE;color: #151A2E;width:70%;}

/**** FOOTER ****/
footer{padding:64px 0 64px 0;background: #141a30;color:#fff;font-size: 18px; }
footer .row{padding:20px 0;}
footer a{color:#CCCCCC;}
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:#fff;font-size: 19px; font-family: 'Kurdis_condensed', sans-serif;text-transform: uppercase;}

.copyright{font-size: 15px;}



/**** LISTING EVENEMENTS ****/
.evenements{background: #fff;margin-bottom: 20px;}
.evenements .content{padding: 24px 32px 32px 32px;}
.evenements .content .type{font-size: 16px;font-style: normal;font-weight: 400;text-transform: uppercase;padding-bottom: 10px;color:#141a30;}
.evenements .content .type img{float: right;}
.evenements .content .texteheight{min-height: 190px;}
.evenements .content .titre{font-size: 36px;font-style: normal;font-weight:700;line-height: 110%;font-family: 'Kurdis_condensed', sans-serif;}
.evenements .content .titre .orange{font-weight: 200;}
.evenements .content .date{font-size: 17px;line-height:21px;font-style: normal;font-weight: 700;color:#0063b3;padding-top: 10px;}
.evenements .content .statut{float: left;width:78%;padding: 15px 16px; border-radius: 16px;border:1px solid #0063b3;background:#fff;color:#0063b3;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:#0063b3;color:#fff;box-shadow: 0px 4px 20px 0px #DDD;font-size: 19px;font-weight: 700;display: block;}
.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:#1477CC;color:#fff;}
.evenements .content .cta a 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;box-shadow: 0px 4px 20px 0px #DDD;font-size: 19px;font-weight: 700;display: block;text-align: center;}
.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: 14px;font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: -0.1px;text-transform: uppercase;}
.evenements_legende img{padding-left:30px;}

/**** EVENEMENT DETAIL ****/
.evenement_top{color:#fff;}
.evenement_top .col-md-4{padding-right:40px;}
.evenement_top .type{font-size: 16px;font-style: normal;font-weight: 400;line-height: 120%;letter-spacing: -0.1px;text-transform: uppercase; padding:56px 0 24px 0;}
.evenement_top .type img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);float: right;}
.evenement_top .date{font-size: 17px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing:-0.1px;}
.evenement_top .date span{background: #0063b3;color:#fff;padding:8px;border-radius: 100px; }
.evenement_top .titre{font-size: 54px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing:-0.1px;padding-top:24px;min-height:300px;}
.evenement_top .statut{color:#fff;text-decoration:underline;font-size:17px;}
.evenement_top .cta a{color:#fff;text-decoration: underline;font-size:17px;}
.evenement_top .cta a img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}

.evenement_content{}
.evenement_content .titre{font-size:28px;font-style: normal;font-weight:700;line-height: 110%;padding-bottom: 16px;font-family: 'Kurdis_semicondensed', sans-serif;}
.evenement_content .date{color:#0063b3;font-size: 22px;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:#0063b3;}
.evenement_content .texte a:hover{background-color:#0063b3;color:#000;}

.evenement_content .cta a{padding: 17px 16px; border-radius: 16px;background:#0063b3;color:#fff;box-shadow: 0px 4px 20px 0px #DDD;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:#1477CC;color:#fff;}
.evenement_content .cta a 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;box-shadow: 0px 4px 20px 0px #DDD;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:#EEEEEE;color:#151A2E;}

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

/**** HOME > A LA UNE ****/
#alaune{background:#000;color:#fff;}
#alaune .col-md-4{padding:56px 56px 0 56px;  }
#alaune .type{font-size: 16px;font-style: normal;font-weight: 400;line-height: 120%;letter-spacing: -0.1px;text-transform: uppercase; padding:0 0 24px 0;}
#alaune .type img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);float: right;}
#alaune .date{font-size: 17px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing:-0.1px;}
#alaune .date span{background: #0063b3;color:#fff;padding:8px;border-radius: 100px; }
#alaune .titre{font-size: 62px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing:-0.1px;padding-top:24px;min-height:280px;font-family: 'Kurdis_condensed', sans-serif;}
#alaune .cta{float: left;width:78%;}
#alaune .cta a{padding: 17px 16px; border-radius: 16px;background:#0063b3;color:#fff;font-size: 19px;font-weight: 700;display: block;}
#alaune .cta a span{font-size: 15px;font-weight: 400; }
#alaune .cta a:hover{background:#1477CC;color:#fff;}
#alaune .cta a img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}
#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 > PROCHAIN MATCH OM ****/
#nextom{}
#nextom  .container .col-md-2,#nextom  .container .col-md-3,#nextom  .container .col-md-7{background: #fff;}
.nextom1{min-height:120px;padding-top:40px;font-size: 16px;font-style: normal;font-weight: 400;line-height:19px;letter-spacing: -0.1px;text-transform: uppercase;border-right: 1px solid #eee;}
.nextom1 img{float: left;padding:5px 10px 15px 0;}
.nextom2{min-height:120px;border-right: 1px solid #eee;padding-top:30px;}
.nextom2 .date{color: #0063b3;font-size:18px;font-style: normal;font-weight: 700;line-height:22px;letter-spacing: -0.1px; padding:0 0 5px 0;}
.nextom2 .type{font-size: 32px;font-style: normal;font-weight: 700;line-height: 25px;letter-spacing: -0.1px; }
.nextom3{min-height:120px;padding-top:30px;}
.nextom3 .match{width:410px;min-height:60px;float: left;}
.nextom3 .equipe{float: left;text-align: right;font-size: 17px;font-style: normal;font-weight: 700;line-height:20px;letter-spacing: -0.1px;text-transform: uppercase;padding:15px 10px;vertical-align: center;}
.nextom3 .equipe2{text-align: left;}
.nextom3 .equipe_logo{float: left;}
.nextom3 .equipe_logo img{width: 65px;}
.btn_nextom_acheter{float:right;padding-top:14px;}
.btn_nextom_acheter a{padding:24px;color: #FFF;font-size: 19px;font-style: normal;font-weight: 700;line-height: 130%;border-radius: 16px;background:#000;box-shadow: 0px 4px 20px 0px #DDD;}

/**** HOME > PLUS BEAU STADE ****/
#plusbeaustade{background:#000;color:#fff;min-height: 380px;}
#plusbeaustade .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; }
#plusbeaustade .btn{border-color: #fff;color:#fff;margin-top: 24px;}
#plusbeaustade .btn:hover{color:#fff;}
#plusbeaustade h2{color:#fff;}

.bxslider1{margin:0;padding: 0;}

/**** HOME > VIVEZ LE STADE ****/
#vivezlestade{padding:120px 0;background: #000;}
#vivezlestade h2{color:#fff;margin:0;padding-top:0;}
.vivez{position: relative;margin-bottom: 20px;}
.vivez .titre{position:absolute;top:56px;left:48px;color:#FFF;font-size:32px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing: -0.1px;}
.vivez .cta{position:absolute;bottom:56px;left:48px;color:#FFF;font-size: 17px;font-style: normal;font-weight: 400;line-height: 100%;letter-spacing: -0.1px;text-decoration-line: underline; }
.vivez:hover .titre{color:#1477CC;}
.vivez:hover .cta{color:#1477CC;}



/**** VISITES ****/
ul.tarifs{margin:0;padding:0;list-style-type: none;}
ul.tarifs li{border-bottom: 1px solid #EEE;font-size:19px;padding:8px 10px 8px 0;}
ul.tarifs li span{float: right;}

#omstadium .row{background:#141a30;}
#omstadium .col-md-4{padding:56px 56px 0 56px;  }
#omstadium .titre{color:#FFF;font-size: 50px;font-style: normal;font-weight: 700;line-height: 110%;letter-spacing: -0.1px;padding:60px 0 0 0;}
#omstadium .texte{color:#FFF;font-size: 32px;font-style: normal;font-weight: 700;line-height: 130%;letter-spacing: -0.1px;padding:10px 0 60px 0}

#omstadium .btn img{filter: invert(48%) sepia(79%) saturate(255%) hue-rotate(86deg) brightness(255%) contrast(255%);}

#entreprises_top{background: url(../images/entreprises/bgtop.jpg) top center no-repeat;background-size: cover;min-height:70vh;}

/**** STADE ****/
#stade_top{background: url(../images/stade1.webp?v=2) top center no-repeat;background-size: cover;min-height:70vh;}
.chiffres{font-size: 50px;font-weight: 700; }


/***** Infos pratiques *****/
.info_acces{display: block;border-radius: 16px;background:#FFF;box-shadow: 0px 4px 20px 0px #DDD; padding:24px;margin-bottom: 10px;font-size: 19px;font-style: normal;font-weight: 400;line-height: 130%;}
.info_acces_vert{color:#5AB263;}
.info_acces_noir{color:#141a30;}
.info_acces_orange{color:#0063B3;}
.info_acces_bleu{color:#5FB6D5;}

#map{height: 530px;width: 100%;}

.custom-tabs > li a{color:#fff;text-transform: uppercase;}
.custom-tabs {text-align: center;border-bottom: none;}
.custom-tabs > li {float: none;display: inline-block;color:#fff;}
.custom-tabs > li.active > a,.custom-tabs > li.active > a:hover,.custom-tabs > li.active > a:focus{background: none;border:none;color:#0063b3;}
.custom-tabs > li:hover a{background: none;border-radius:0;}

.tab-content-item {display: none;margin-top: 30px;}
.tab-content-item.active {display: block;}



/**** FORMULAIRE ****/
.form input, .form select{padding: 16px 10px;margin-bottom:20px;border : none;background-color:#000;color: #fff;width:70%;height:50px;font-size:16px;font-family: "Manrope", 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: "Helvetica Neue", 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: "Manrope", Sans-serif;font-style: normal;font-weight: 800;line-height: 28px;}
.form select{height: 80px;}
.form button{background: #0063B3;color:#fff;font-size: 17px;font-weight: 700;border-radius: 0;padding: 0px 26px;border:none;height: 50px;}
.form button:hover{background: #1477CC;color:#fff;}
.form button span{float:left;margin-top:-12px;margin-right: 10px;font-size:22px;font-weight: bold;}

.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: "Manrope", Sans-serif;font-style: normal;font-weight:400; }
.faq_recherche form input::placeholder {font-size: 24px;font-family: "Manrope", 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: "Manrope", 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:#0063b3;}

.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:"Manrope", 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;}
	
	#omstadium .col-md-4{padding:36px 48px 0 48px;  }
	#omstadium .texte{font-size:24px;}

	#alaune .titre{font-size:42px;min-height:215px;}

	.btn_nextom_acheter{padding-top:0px;margin-top: -10px;}
	.btn_nextom_acheter a{padding:16px;color: #FFF;font-size: 19px;width:160px;display: block;}

	.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;}
}
@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; }

	#omstadium .col-md-4{padding:24px 48px 0 24px;}
	#omstadium .titre{font-size:42px;}
	#omstadium .texte{font-size:19px;padding-bottom: 40px;}

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

	.btn_nextom_acheter{padding-top:0px;margin-top:-16px;}
	.btn_nextom_acheter a{padding:12px;color: #FFF;font-size: 17px;width:100px;display: block;text-align: center;}

	.evenements .content .texteheight{min-height:190px;}
	.evenements .content .titre{font-size:28px;}
	.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;}
	nav ul li a {font-size: 16px;}

}
@media (max-width: 1100px) { 
	
	.fixed{top:90px;}
	
	#top{height: 70px;}
	#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: 20px;display: block;padding:20px 0 20px 32px;}
	#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: #0063b3;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;}

}

@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;}


	.nextom1{min-height:auto;padding-top:20px;font-size:13px;border-right:none;text-align: center;}
	.nextom1 br{display: none;}
	.nextom1 img{float: none;padding:0 10px 5px 0;}

	.nextom2{min-height:auto;border-right:none;padding-top:10px;text-align: center;}
	.nextom2 .date{font-size:18px;}
	.nextom2 .type{font-size:26px;}
	.nextom3{min-height:auto;}

	.nextom3 .match{position: relative;margin:0 auto;float: none;width:320px;}
	.nextom3 .equipe{font-size:13px;}
	.nextom3 .equipe_logo img{width:45px;padding-top: 10px;}

	.btn_nextom_acheter{float:none;clear:both;padding-top: 20px;padding-bottom: 40px;}
	.btn_nextom_acheter a{padding:24px;width: auto;}


	#plusbeaustade .texte{padding:60px 0 0 0;font-size:46px;line-height:50px; }

	#omstadium .col-md-4{padding:10px 40px;}

	.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;}
}

@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;}

	.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;}

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

	#plusbeaustade .texte{position:relative;padding:20px 0 20px 0;font-size:36px;line-height:40px; text-align: center;}
	#plusbeaustade .texte a{margin-top: 30px;}

	#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;}


	.faq_recherche form input{font-size:16px;}
	.faq_recherche form input::placeholder {font-size: 16px;}

	ul.tarifs li{font-size:16px;}

}