/**********************************/
/* INDEX
/**********************************/
/* Jumbotron accueil */

.jumbotron	{ background:url(../../images/accueil-header2.jpg) center center; background-size:cover; overflow:hidden; min-height: 600px; display: flex; align-items: center; padding: 100px 200px; }
.jumbotron .infos { width:43%; float:left; text-align:left;}
.jumbotron .title { color:#fff; font-size:66px; font-weight: 700; letter-spacing: .010em; border-left: 7px solid #008368; padding: 0 0 50px 30px; }
.jumbotron .date { color:#fff; font-size:29px; font-weight:700; letter-spacing: .010em; padding-left: 80px; position: relative; margin-top: -20px; }
.jumbotron .date:before { content:'';  background: #008368; height: 7px; width: 54px; position: absolute; left: 0; top: 50%; transform: translateY(-50);}
.jumbotron .extra { color:#fff; font-size:16px; letter-spacing:.075em; font-weight: 400; padding-left: 80px; margin-top: 10px; }

.jumbotron-image-only { width:100%;}
.jumbotron-image-only img { width:100%;}

@media (max-width: 1600px) {
	.jumbotron .infos { width: 65%; }
}

@media (max-width: 1200px) {
	.jumbotron { padding: 100px 200px 100px 100px; }
	.jumbotron .infos { width: 100%; }
	.jumbotron .title { font-size: 54px; }
}

@media screen and (max-width: 767px) {
	.jumbotron { padding: 100px 60px; }
	.jumbotron .title { font-size: 44px; }
	.jumbotron .date { font-size:26px;}
	.jumbotron .heures { font-size:24px;}
	.jumbotron .extra { font-size:24px;}
	.jumbotron .invitation { font-size:1em; letter-spacing:normal;}
}	

@media (max-width: 550px) {
	.jumbotron { padding: 100px 12px; }
	.jumbotron .title { padding-left: 15px; font-size: 38px;  padding-bottom: 40px; }
	.jumbotron .extra { font-size: 17px; padding-left: 40px; }
	.jumbotron .date { margin-top: -20px; padding-left: 40px;  }
	.jumbotron .date:before { width: 25px; }
}

@media (max-width: 550px) {
	.jumbotron .date { font-size: 24px; }
}


/* ACCUEIL - Planification */
.planification { background: #F9F9EB; position: relative; }
.planification:after { content:''; background: #F3F4DA; position: absolute; left: 0; bottom: 0; width: 65%; height: 20%; }
.planification .title { color: #1C3C34; border-bottom: none; text-align: left; padding: 10px 0 30px 0; }
.planification .title:after { content:''; background: #008368; height: 5px; width: 100px; position: absolute; left: 0; bottom: 0;  }

.planification.no-title { margin-top: 80px;  }
.planification.no-title:after { content:''; background: #F3F4DA; height: 120px; width: 100%; top: 0; left: 0; position: absolute; }


@media (max-width: 767px) {
	.planification:after { width: 100%; }
	.planification .container { max-width: 100%; }
}


.circuitPerso { position: relative; }
.circuitPerso:after { content:''; background: #F9F9EB; position: absolute; right: 0; top: 0; width: 35%; height: 60%; z-index: -1; }
.circuitPerso .row { display: flex; align-items: center; }
@media (max-width: 767px) {
	.circuitPerso { margin-bottom: 40px; }
	.circuitPerso:after { display: none; }
	.circuitPerso img { margin-top: 45px; }
}

.covidText { display:flex; align-items: center; margin-top: 50px; border-top: 2px solid #00000022; border-bottom: 2px solid #00000022; padding: 40px 20px;  }
.covidText img { width: 50px !important; margin-right: 30px; }

@media (max-width: 450px) {
	.covidText { display: block; }
	.covidText img { margin-right: 0; margin-bottom: 30px; }
}

/* Call to action - Divers */
.divers-cta { position:relative; padding-top:100%; background-color:#1d1d1b; overflow:hidden; z-index:1; margin-bottom:20px;}
.divers-cta .infos 		{ position:absolute; color:#FFFFFF; text-align:center; top:calc(100% - 59px); left:10%; right:10%; transition: all .2s ease-in-out; }
.divers-cta.hebergement .infos 		{ top: calc(100% - 93px); }
.divers-cta .infos .titre { font-size:34px; font-weight:bold; margin-bottom:1em; position: relative; padding-bottom: 25px;}
.divers-cta .infos .titre:after { content:''; background: #008368; height: 8px; width: 160px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.divers-cta .infos .description { line-height:1.5; margin-bottom:1em;}
.divers-cta .infos .btnOrange { margin-top: 10px; }

.divers-cta:hover .infos { top:50%; transform:translateY(-50%);}

.divers-cta:after { position:absolute; top:0; right:0; bottom:0; left:0; content:""; background-position:center center; background-size:cover; z-index:-1; transition: all 0.2s ease-in-out; transform:scale(1); opacity:1;}
.divers-cta:hover:after { transform:scale(1.05); opacity:0.15;}

.divers-cta.producteurs:after { background-image:url(../../images/accueil-2020-sites.jpg?v2020);}
.divers-cta.marches:after { background-image:url(../../images/accueil-2018-marches.jpg?v2020);}
.divers-cta.minis-marches:after { background-image:url(../../images/accueil-2018-minis-marches.jpg?v2020);}
.divers-cta.attraits:after { background-image:url(../../images/accueil-2024-attraits.jpg?v2020);}
.divers-cta.hebergement:after { background-image:url(../../images/accueil-2018-hebergement.jpg?v2020);}


@media screen and (max-width: 990px) {
	.divers-cta .infos .description { line-height:1.4;}
}
@media screen and (max-width: 450px) {
	.divers-cta { padding-top: 150%; }
	.divers-cta.hebergement { padding-top: 150%; }
	.divers-cta .infos { top: calc(100% - 40px); }
	.divers-cta .infos .titre { font-size: 25px; padding-bottom: 15px; }
	.divers-cta .infos .titre:after { height: 4px; }
}

.home-passeport { background: #F9F9EB; margin-top: 140px; }
.home-passeport .row { padding-top: 0; padding-bottom: 0; display: flex; align-items: flex-end; max-width: 100%; }
.home-passeport .img { display: flex; }
.home-passeport img { margin-top: -80px; }
.home-passeport .contenu { padding: 70px 80px 70px 25px; }

@media (max-width: 1500px) {
	.home-passeport .title1 { font-size: 23px; }
	.home-passeport .title1 .lg { font-size: 42px; }
}


@media (max-width: 1400px) {
	.home-passeport .contenu { padding: 40px 20px 40px 25px; }
}

@media (max-width: 991px) {
	.home-passeport .row { display: block; }
}




/**********************************/
/* CARTES ET CIRCUITS
/**********************************/
.full_screen					{ width:100%;}
.full_screen .left				{ width:66%;}
.full_screen .right				{ width:28%; padding:0 2.5%;}

.full_screen .right h2										{ margin-top:1em;}
.full_screen ul.listing-produits li							{ margin:1.5em 0;}
.full_screen ul.listing-produits li strong					{font-size:1.5em;}
.full_screen ul.listing-produits li	.adresse				{ background:url(../../images/ico-pointer.png) no-repeat left top; margin:4px 0 0 20px; padding-left:15px; font-size:0.8em; min-height:12px; line-height:1em; display:block;}

/* API google map */
	#routeForm {
		width: 100%;
		text-align: left;
	}
	#routeForm .columns { padding-top:1em;}
	#directionsPanel {
		background: #FFFFFF;
		width: 100%;
		padding: 20px;
		margin: 2em auto;
		box-shadow: 0px 0px 6px #999;
		border-radius: 10px;
		font-size: 1em;
	}
	.adp-directions {
		width: 100%; 
	}
	.waypoints-listing			{
		margin-top: 20px;
		padding-left:20px;
		border: 2px solid #00000022;
	}
	.max-height {
		height:400px;
		overflow:auto;
	}
	.waypoints-listing h2 span		{ font-size:0.8em;}
	.waypoints-listing label {
		display:block;
		padding:0.3em 0;
		text-align:left;	
	}
/* END API Google map */
/**********************************/
/* Tooltip */
	#tooltip { border: 2px solid #E03C39; height: 24px; width: 24px; display: inline-flex; border-radius: 50%; align-items: center; justify-content: center; font-size: 19px; color: #E03C39; user-select: none; font-weight:700; margin-left: 15px; }

	#easyTooltip{ margin:0 10px 1em 0; width: 250px; padding: 15px; background: #fff; border: 1px solid #00000022; line-height: 130%; font-size: 1em; color: #1C3C34; box-shadow: 0px 0px 10px #707070; }
	#easyTooltip h3{ margin-bottom: 1em; font-weight: 700; font-size: 17px; border-bottom: 2px solid #00000022; padding-bottom: 17px; }
	#easyTooltip ol li{ list-style-type:decimal; margin:0.5em 0 0.5em 2em; font-size:0.9em; }			

	#item, #find-me-explanations{display:none;}
/* END Tooltip */




/**********************************/
/* CARTES ET CIRCUITS (Version 2018)
/**********************************/
.circuit-container { width:100%; position:relative;}
.circuit-container #map { position:absolute; top:0; bottom:0; left:0; right:50%; }
.circuit-container .liste-des-exposants { width:35%; margin-left:50%; padding-left:3%; box-sizing:border-box;}

.maps-info-window {}
.maps-info-window img { float:left; width:150px; }
.maps-info-window .text { float:right; margin-left:18px}
.maps-info-window .text .address { max-width:250px; margin-top:6px; margin-bottom:12px;}
.maps-info-window .text .contact { line-height:1.5;}

ul.circuits-destinations 							{ max-height:800px; overflow:auto; display:block;} 
ul.circuits-destinations li							{ margin:1.5em 0; box-sizing:border-box;}
ul.circuits-destinations li.attrait							{ background-color:#72bfff; padding:1em;}
ul.circuits-destinations li strong					{font-size:1.5em;}
ul.circuits-destinations li	.adresse				{ background:url(../../images/ico-pointer.png) no-repeat left top; margin:4px 0 0 20px; padding-left:15px; font-size:0.8em; min-height:12px; line-height:1em; display:block;}
@media screen and (max-width: 900px) {
	.circuit-container #map { position:static; width:100%; height:450px;}
	.circuit-container .liste-des-exposants { width:95%; margin:0 auto 24px auto; padding-left:0;}
}
@media screen and (max-width: 500px) {
	.circuit-container .liste-des-exposants h1 img { display:block; margin-top:12px;}
}



/**********************************/
/* PAGE CIRCUITS (2020)
/**********************************/

.boxClickable { margin-bottom: 30px; }
.boxClickable a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 420px; cursor: pointer; }
.boxClickable .contenu { padding: 0 60px; }
.boxClickable .title { color: #fff; text-align: center; font-size: 34px; margin: 0; }
.boxClickable .title .sm { display: block; font-size: 26px; margin-top: 10px; }
.boxClickable .contenu p { color:#fff; text-align: center; font-size: 18px; font-weight: normal; margin-top:12px; line-height: 1.4em;}
.boxClickable .overlay { content:''; background: #1C3C34; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .6; z-index: -1; transition: .4s ease-in-out; }
.boxClickable  a:hover .overlay { opacity: .8; }
.boxClickable .background { background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; }
.boxCircuitsProposes .background { background-image: url(../../images/boxCircuitsProposes.jpg); }
.boxCircuitPerso .background { background-image: url(../../images/boxCircuitPerso.jpg); }

.boxClickable .bottomBorder { display: flex; justify-content: center; width: calc(100% - 60px); position: absolute; bottom: 14px; }
.boxClickable .bottomBorder:before { content:''; background: #fff; height: 2px; width: calc(50% - 18px); left: 0; top: 50%; transform: translateY(-50%); position: absolute; transition: .4s ease-in-out;  }
.boxClickable .bottomBorder:after { content:''; background: #fff; height: 2px; width: calc(50% - 17px); right: 0; top: 50%; transform: translateY(-50%); position: absolute; transition: .4s ease-in-out; }
.boxClickable a:hover .bottomBorder:before, .boxClickable a:hover .bottomBorder:after { background: #E03C39; }
.boxClickable .boxIcon { height: 35px; width: 35px; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; transition: .4s ease-in-out; }
.boxClickable a:hover .boxIcon { border: 2px solid #E03C39; }
.boxClickable .border { border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; width: auto; height: auto; position: absolute;
	left: 30px; top: 30px; right: 30px; bottom: 30px; border-radius: 0; transition: .4s ease-in-out; }
.boxClickable a:hover .border { border-top: 2px solid #E03C39; border-left: 2px solid #E03C39; border-right: 2px solid #E03C39; ; }

.boxCategories { position: relative; }
.boxCategories:after { content:''; background: #F9F9EB; height: 50%; width: 100%; position: absolute; top: 0; left: 0; }
.boxCategories.noGray:after { display: none; }
.boxCategories .row { padding: 0; }

@media (max-width: 767px) {
	.boxCategories:after { height: 35%;}
}

@media (max-width: 450px) {
	.boxClickable a { min-height: 350px; }
	.boxClickable .border { left: 15px; top: 15px; right: 15px; bottom: 15px;  }
	.boxClickable .bottomBorder { width: calc(100% - 30px); bottom: -2px; }
	.boxClickable .contenu { padding: 0 30px; }
	.boxClickable .title { font-size: 32px; }
	.boxClickable .title .sm { font-size: 21px;}
}


/**********************************/
/* FICHE CIRCUIT (2020)
/**********************************/
.counters .greenBox { background: #fff; padding: 40px 30px; display: flex; justify-content: space-around; flex-wrap: wrap; }
.countersCircuit.counters { padding: 0; margin-top: -60px; }
.countersCircuit.counters .item { flex: 1; margin-left: 15px; margin-right: 15px; }
.countersCircuit.counters .countBox .number { color: #1C3C34; }
.countersCircuit.counters .countBox .title { background: #008368; color: #fff; }
.countersCircuit.counters .countBox { border-color: #008368; margin-bottom: 1em; }
.countersCircuit.counters .orange .countBox .title { background:#e87e05;}
.countersCircuit.counters .orange .countBox { border-color:#e87e05;}
.countersCircuit.counters .vert .countBox .title { background:#80b785;}
.countersCircuit.counters .vert .countBox { border-color:#80b785;}
.countersCircuit.counters .rouge .countBox .title { background:#ae2a20;}
.countersCircuit.counters .rouge .countBox { border-color:#ae2a20;}
.countersCircuit.counters .bleu .countBox .title { background:#249aae;}
.countersCircuit.counters .bleu .countBox { border-color:#249aae;}
.countersCircuit.counters .jaune .countBox .title { background:#f9ba08;}
.countersCircuit.counters .jaune .countBox { border-color:#f9ba08;}
.countersCircuit.counters .mauve .countBox .title { background:#3c2661;}
.countersCircuit.counters .mauve .countBox { border-color:#3c2661;}

.circuitPlaces { margin: 140px 0 0px 0; display: flex; flex-wrap:wrap;  }
.circuitPlaces .mapZone { width: 60%; }
.circuitPlaces .mapZone iframe { height: 700px; width: 100%; }

.circuitPlaces .placesZone { width: 37%; padding-left: 65px; max-height: 700px; overflow-y: auto; }
.circuitPlaces .placesZone .list { padding-right: 25px; }
.circuitPlaces .placesZone::-webkit-scrollbar { width: 7px; position: absolute;  }
.circuitPlaces .placesZone::-webkit-scrollbar-track { background: #ECECBA; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.circuitPlaces .placesZone::-webkit-scrollbar-thumb { background-color: #008368; }
.circuitPlaces .placesZone .item { margin-bottom: 20px; }
.circuitPlaces .placesZone .item:last-child { margin-bottom: 0; }
.circuitPlaces .placesZone .item .border { border: 2px solid #00000022; border-radius: 0; padding: 30px 50px; position: relative; }
.circuitPlaces .placesZone .item .code { font-size: 26px; font-weight: 700; font-family: "aptly", sans-serif; color: #1C3C34; min-width: 47px; height: 47px; border: 2px solid #E03C39; display: inline-flex; align-items: center; justify-content: center; background: #fff; position: absolute; left: -23px; top: 50%; transform: translateY(-50%); }
.circuitPlaces .placesZone .item .name { color: #1C3C34; font-weight: 700; font-size: 20px; letter-spacing: .010em; margin-bottom: 8px; }
.circuitPlaces .placesZone .item .address a { color: #1C3C34; position: relative; display: inline-flex; align-items: center; }
.circuitPlaces .placesZone .item .address a:hover { color: #E03C39; }
.circuitPlaces .placesZone .item .address a:before { content: url(../../images/icon-address.png); margin-right: 10px; }

.circuitPlaces .placesZone .item .accordionPlus { background: #E03C39; border-radius: 0; position: absolute; bottom: -2px; right: -2px; height: 40px; width: 40px; outline: none; opacity: 1; }
.circuitPlaces .placesZone .item .accordionPlus:hover { background: #d02b28; }
.circuitPlaces .placesZone .item .accordionPlus:after { content: '\002B'; color: #fff; font-weight: bold; font-size: 27px; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 46%; }

/* .circuitPlaces .placesZone .list.mobile { display: none; }
.circuitPlaces .placesZone .list.mobile .panel { padding: 0 0 0 25px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin-top: 25px; }
.circuitPlaces .placesZone .list.mobile .btListeProducteurs { display: block; margin: auto; background: #E03C39; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: .025em; padding: 16px 30px 16px 30px; border-radius: 0; opacity: 1; transition: .4s ease-in-out; outline: none; }
.circuitPlaces .placesZone .list.mobile .btListeProducteurs:hover { background: #d02b28; } */

.zonesCTA { padding: 50px 0; }
.zonesCTA .carteCircuit .linkBox { background: url(../../images/bg-btn-carte.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; color: #fff; min-height: 360px; padding: 30px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; justify-content: center; position: relative; }
.zonesCTA .carteCircuit .linkBox:before { content:''; background: #121316; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1;  transition: .4s ease-in-out; }
.zonesCTA .carteCircuit .linkBox:hover:before { opacity: 1;}
.zonesCTA .carteCircuit .linkBox .text { font-size: 28px; line-height: 1.3; z-index: 10; }
.zonesCTA .carteCircuit .linkBox img { max-width: 48px; display: block; margin: auto; margin-top: 20px; }

.zonesCTA .boxBoiteGourmande { display: flex; align-items: center; height: 100%; background: #F9F9EB; padding: 40px; }
.zonesCTA .boxBoiteGourmande img { max-width: 250px; }
.zonesCTA .boxBoiteGourmande .right { padding-left: 40px; text-align: center; }
.zonesCTA .boxBoiteGourmande h2 { font-size: 27px; font-weight: 700; line-height: 1.15; border-bottom: 3px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px;  }
.zonesCTA .boxBoiteGourmande .btns .title { font-weight: 700; font-size: 15px; letter-spacing: .03em; color: #008368; text-transform: uppercase; }
.zonesCTA .boxBoiteGourmande .btns .btn { display: block; background: #F9F9EB; border: 3px solid #E03C39; color: #1C3C34; text-align: center; padding: 13px 20px; }

@media (max-width: 767px) {
	.zonesCTA { padding: 120px 0; }
	.zonesCTA .boxBoiteGourmande { display: block; margin-top: 40px; }
	.zonesCTA .boxBoiteGourmande .left { width: 100%; text-align: center; margin-bottom: 40px; }
	.zonesCTA .boxBoiteGourmande img { width: 100%; }
	.zonesCTA .boxBoiteGourmande .right { padding: 0; }
}



/* Circuit Perso */
.circuitPlaces.circuitCustom .mapZone { width: 50%; }
.circuitPlaces.circuitCustom .mapZone iframe { height: 100%; min-height: 600px; }
.circuitPlaces.circuitCustom .placesZone { width: 45%; overflow: visible; max-height: none; padding: 50px 0 50px 50px; }

.circuitPlaces.circuitCustom .etape .label { font-weight: 600; font-size: 19px; }
.circuitPlaces.circuitCustom .etape input { padding: 8px 16px; border-radius: 0; border: 2px solid #d5d5d5; margin-top: 16px; margin-right: 8px; }
.circuitPlaces.circuitCustom .etape input::placeholder { font-size: 16px; }
.circuitPlaces.circuitCustom .etape input:focus { outline: none; border-color: #E03C39; }
.circuitPlaces.circuitCustom button.btnBorderOrange { color: #E03C39; }
.circuitPlaces.circuitCustom button.btnBorderOrange:hover { color: #fff; }
#findMe { font-size: 17px; color: #008368; }
#findMe i { margin-right: 6px; }
#findMe:hover { color: #E03C39; }



@media (max-width: 1200px) {
	.circuitPlaces .mapZone { width: 58%; }
	.circuitPlaces .placesZone { width: 40%; }
}

@media (max-width: 991px) {
	.circuitPlaces.circuitCustom { margin-top: 90px; }
	.circuitPlaces .mapZone, .circuitPlaces.circuitCustom .mapZone { width: 100%; height: 600px; }
	.circuitPlaces .placesZone, .circuitPlaces.circuitCustom .placesZone { width: 100%; padding-left: 30px; padding-top: 35px; max-height:none; }
	.circuitPlaces.circuitCustom .placesZone { padding: 0 30px; }
	.circuitPlaces .placesZone .list { padding-right: 10px; }
	.circuitPlaces .mapZone iframe { height: 450px; width: 100%; }
}

@media (max-width: 800px) {
	.counters .greenBox { padding: 20px 20px; }
	.countersCircuit.counters .item { width: 100%; margin-bottom: 20px; flex:auto;}
	.countersCircuit.counters .item:last-child { margin-bottom: 0; }
}

@media (max-width: 400px) {
	.circuitPlaces .placesZone .item .address { display: none; }
}

/* Styles for popup */
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

.popup-company.container { background: white; }
.popup-company .imgZone { padding-top: 15px; }
.popup-company .img-container { height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; margin-bottom: 15px; }

/* 1 photo */
.popup-company .imgZone.items1 .img-container { height: 100%; min-height: 320px; }

/* 2 photos */
.popup-company .imgZone.items2 .img-container { height: 48%; min-height: 320px; }

/* 3 photos */
.popup-company .imgZone.items3 .img-container { height: 180px; }

/* 4 photos */
.popup-company .imgZone.items4 .img-container { height: 180px; }



.popup-company .mfp-close { margin-top: 0; border-left: 2px solid #00000022; border-bottom: 2px solid #00000022; border-radius: 0; opacity: 1; transition: .4s ease-in-out; }
.popup-company .mfp-close:hover { color: #E03C39; }
.popup-company .textZone { padding: 80px 30px 80px 10px; }
.popup-company .name { color: #1C3C34; font-weight: 700; font-size: 28px; letter-spacing: .010em; margin-bottom: 25px; }
.popup-company p { margin: 10px 0; }
.popup-company .contactInfos { border-top: 2px solid #00000022; border-bottom: 2px solid #00000022; padding: 25px 0; margin: 25px 0; }
.popup-company .contactInfos ul li { margin-bottom: 15px; }
.popup-company .contactInfos ul li:last-child { margin: 0;  }
.popup-company .divers { padding: 25px 30px; background: #ECECBA; margin-top: 25px; }



.banner-ondago { background: url(../../images/banner-ondago.jpg) no-repeat; background-size: cover; color: #fff; padding: 120px 0; }
.banner-ondago .row { padding: 0; display: flex; align-items: center;  }
.banner-ondago h2 { color: #fff; }
.banner-ondago p.big { font-size: 21px; font-weight: 700; letter-spacing: .010em; line-height: 1.5; }
.banner-ondago .ondago { text-align: right; }
.banner-ondago .ondago a img { opacity: 1; transition: .4s ease-in-out; }
.banner-ondago .ondago a:hover img { opacity: .8; }

.banner-galerie { background: url(../../images/banner-galerie.jpg) no-repeat; background-size: cover; color: #fff; padding: 120px 0; }
.banner-galerie .row { padding: 0; display: flex; align-items: center;  }
.banner-galerie h2 { color: #fff; }
.banner-galerie p { font-size: 18px; font-weight: 600; letter-spacing: .010em; line-height: 1.5; }

.banner-inscription { background: url(../../images/bande-inscription.jpg) no-repeat; background-size: cover; color: #fff; padding: 120px 0; }
.banner-inscription .row { padding: 0; display: flex; align-items: center;  }
.banner-inscription h2 { color: #fff; }
.banner-inscription p { font-size: 18px; font-weight: 600; letter-spacing: .010em; line-height: 1.5; }


.autresCircuits { padding-bottom: 140px; }
.autresCircuits .list { display: flex; flex-wrap:wrap; justify-content: center; margin-top: 90px; }
.autresCircuits .item { width: 33.33333%; margin-bottom: 45px; text-align: center; }
.autresCircuits .item a { display: inline-block; opacity: 1; transition: .4s ease-in-out; }
.autresCircuits .item a:hover { opacity: .8; }
.autresCircuits .item .title { text-align: center; font-size: 18px; font-weight: 700; color: #1C3C34; margin-top: 12px; }
.autresCircuits .pastille { background: #000; border-radius: 50%; color: #fff; width: 102px; height: 102px; margin: auto; font-weight: 700; display: flex; align-items: center; justify-content: center; position: relative; }
.autresCircuits .pastille:before { content:''; border: 5px solid #fff; position: absolute; left: 50%; top: 50%; width: calc(100% - 16px); height: calc(100% - 16px); border-radius: 50%; transform: translateY(-50%) translateX(-50%); }
.autresCircuits .pastille .text { text-align: center; }
.autresCircuits .pastille .text .lg { font-size: 46px; display: block; letter-spacing: .025em; }
.autresCircuits .pastille .text .sm { font-size: 21px; display: block; letter-spacing: .025em; }
.autresCircuits .pastille.orange			{ background-color:#e87e05;}
.autresCircuits .pastille.vert 				{ background-color:#80b785;}
.autresCircuits .pastille.rouge				{ background-color:#ae2a20;}
.autresCircuits .pastille.bleu 				{ background-color:#249aae;}
.autresCircuits .pastille.jaune 			{ background-color:#f9ba08;}
.autresCircuits .pastille.mauve             { background-color:#3c2661;}

.autresCircuits .circuitPersoZone { padding-left: 30px; }
.autresCircuits .orangeBox { background: #E03C39; display: flex; flex-wrap:wrap; align-items: center; padding: 120px 40px 120px 0; }
.autresCircuits .orangeBox .title { font-size: 28px; color: #fff; padding-left: 55px; padding-bottom: 30px; position: relative; }
.autresCircuits .orangeBox .title .lg { font-size: 39px; display: block; }
.autresCircuits .orangeBox .title:after { height: 5px; width: 160px; content:''; position: absolute; left: 0; bottom: 0; background: #fff; } 
.autresCircuits .orangeBox .btnOrange.btnWhite { margin-left: 55px; }


@media (max-width: 991px) {
	.autresCircuits .circuitPersoZone { padding-left: 15px; }
	.autresCircuits .orangeBox { padding: 80px 40px 80px 0; margin-top: 40px; }
}

@media (max-width: 767px) {
	.banner-ondago .ondago { text-align: left; margin-top: 40px; }
}

@media (max-width: 450px) {
	.autresCircuits .item { width: 50%; }
}

@media (max-width: 400px) {
	.autresCircuits .orangeBox .title { padding-left: 20px; }
	.autresCircuits .orangeBox { padding-right: 20px; }
	.autresCircuits .orangeBox .btnOrange.btnWhite { margin-left: 20px; }
}



/**********************************/
/* PASSEPORT (2020)
/**********************************/
.passeportIntro { padding-bottom: 90px; padding-top: 120px; }
.passeportIntro .row { padding:0; }
.passeportIntro .left-zone .title1 .lg { font-size: 40px; }
.passeportIntro .left-zone { padding-right: 65px; }
.passeportIntro .boxPrice { border: 8px solid #E03C39; display: inline-flex; margin: 40px 0; text-align: center; flex-wrap: wrap; width: 100%; border-bottom: none; }
.passeportIntro .boxPrice .price { display: flex; font-size: 50px; color: #1C3C34; font-weight: 700; letter-spacing: .025em; line-height: .5; padding-left: 12px; margin-top: 25px; justify-content: center; width: 100%; }
.passeportIntro .boxPrice .price .sm { font-size: 24px; margin-left: 6px; }
.passeportIntro .boxPrice .tax { display: block; font-weight: 700; font-size: 14px; text-transform: uppercase; margin-top: 18px; width: 100%; }
.passeportIntro .boxPrice button.btnOrange { margin: 20px auto 0 auto; width: 100%; }

.passeportIntro .greenBox { background: #008368; padding: 40px; }
.passeportIntro .greenBox .title { font-size: 24px; color: #fff; padding-bottom: 30px; position: relative; }
.passeportIntro .greenBox .title .lg { font-size: 42px; display: block; }
.passeportIntro .greenBox .title:after { height: 5px; width: 160px; content:''; position: absolute; left: -40px; bottom: 0; background: #fff; } 
.passeportIntro .greenBox ul.listing { color: #fff; font-weight: 600; font-size: 18px; margin-top: 30px; }
.passeportIntro .greenBox .exclusions { color: #fff; font-weight: 600; font-size: 17px; background: #73a035; padding: 15px 30px; margin-top: 30px; }

.passeportIntro .greenBox .steps { padding-left: 55px; padding-top: 35px; display: block; margin-bottom: 0; border: none; } 
.passeportIntro .greenBox .step { display: flex; align-items: center; margin-bottom: 25px; flex-wrap: wrap; }
.passeportIntro .greenBox .step .number { color: #fff; font-size: 24px; border: 3px solid #fff; font-weight: 700; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; margin-right: 16px; }
.passeportIntro .greenBox .step .text { color: #fff; font-size: 22px; font-weight: 700; letter-spacing: .025em; width: 80%; }
.passeportIntro .greenBox .step .text a { color: #fff; text-decoration: underline; }

.passeportCounters { background: url(../../images/banner-countersPasseport.jpg) no-repeat; background-size: cover; padding: 120px 0; }
.passeportCounters .row { justify-content: center; }
.counters .countBox { border: 5px solid #008368; margin-bottom: 30px; }
.counters .countBox .number { text-align: center; color: #fff; font-size: 78px; letter-spacing: .025em; font-weight: 700; font-family: "aptly", sans-serif; padding: 5px 0 10px 0; }
.counters .countBox .title { text-align: center; color: #fff; font-size: 16px; letter-spacing: .025em; font-weight: 700; background: #008368; text-transform: uppercase; padding: 12px 12px 8px 12px; }

.passeportAvsCTA { padding-bottom: 120px; }
.passeportAvsCTA .rightZone { padding: 110px 0; }
.passeportAvsCTA .rightZone .title1 { margin-bottom: 12px; }
.passeportAvsCTA .rightZone .title1 .lg { font-size: 40px; }
.passeportAvsCTA .greenBox { background: #008368; height: 100%; display: flex; align-items: center; padding-right: 40px; flex-wrap: wrap; }
.passeportAvsCTA .greenBox .title { font-size: 24px; color: #fff; padding-left: 35px; padding-bottom: 30px; padding-top: 40px; position: relative; }
.passeportAvsCTA .greenBox .title .lg { font-size: 42px; display: block; }
.passeportAvsCTA .greenBox .title:after { height: 5px; width: 160px; content:''; position: absolute; left: 0; bottom: 0; background: #fff; } 
.passeportAvsCTA .btnZone { padding-left: 35px; padding-bottom: 40px; }
.passeportAvsCTA .greenBox .btnWhite { color: #008368; }
.passeportAvsCTA .greenBox .btnWhite:hover { background: #658c2f; border: 4px solid #658c2f; }


@media (max-width: 1200px) {
	.counters .countBox .number { font-size: 52px; }
}

@media (max-width: 991px) {
	.counters { padding: 80px 0; }
	.passeportIntro .greenBox { padding-bottom: 80px; margin-top: 40px; }
	.counters .countBox { margin-bottom: 30px;  }
	.passeportAvsCTA { padding-bottom: 0px; }
}

@media (max-width: 650px) {
	.passeportIntro .left-zone { padding-right: 0; }
}

@media (max-width: 500px) {
	.passeportIntro .left-zone .title1 .lg { font-size: 35px; }
	.passeportIntro .greenBox { padding: 60px 20px; }
	.passeportIntro .greenBox .title { padding: 0 0 30px 0; }
	.passeportIntro .greenBox .title:after { width: 100%; }
	.passeportIntro .greenBox .steps { padding-left: 0; } 
	.passeportIntro .greenBox .step { justify-content: center; margin-bottom: 50px;	}
	.passeportIntro .greenBox .step:last-child { margin: 0; }
	.passeportIntro .greenBox .step .number { margin-right: 0; margin-bottom: 15px; }
	.passeportIntro .greenBox .step .text { width: 100%; }
	.passeportIntro .greenBox .exclusions { padding-left: 20px; padding-right: 20px; }
}







/**********************************/
/* CRÉEZ VOTRE TRAJET
/**********************************/
.steps { display:flex; flex-wrap:no-wrap; justify-content:space-between; overflow:hidden; padding-bottom: 20px;
    margin-bottom: 30px; border-bottom: 2px solid #00000022;}
.steps .item { text-align:center; position:relative; color:#D3D3D3; font-weight:bold; font-size:18px;}
.steps .item.active { color:#1C3C34;}
/* Helper - icônes */
.steps .item:before { content:"\f111"; font-family:fontAwesome; display:block; width:30px; font-size:30px; margin:auto; position:relative; margin-bottom:12px; z-index:2; background-color:#F3F4DA;}
.steps .item.completed:before { content:"\f058"; color:#008368;}
.steps .item.completed { color: #008368; }
.steps .item.active:before { content:"\f10c"; color:#008368;}
/* Horizontal line */
.steps .item:after { content:""; display:block; height:3px; position:absolute; top:14px; left:50%; width:20vw; background-color:#00000022; z-index:1;}
.steps .item.completed:after { background-color:#008368;}
.steps .item:last-child:after { display:none;}

#directionsPanel {
	background:none;
	width: 100%;
	padding: 0 10px;
	margin: 0;
	box-shadow:none;
	border-radius:0;
	box-sizing:border-box;
}


.etapes-container .etape {
	display:none;
	padding-bottom:55px;
}

.etapes-container .etape.active {
	display:block;
}

@media (max-width: 1200px) {
	.etapes-container .item:after { width: 18vw;}
}

@media screen and (max-width: 900px) {
	.etapes-container .etape { height:auto; }
	.etapes-container .item:after { width:45vw;}
}
@media (max-width: 991px) {
	.steps .item:after { width: 43vw; }
}

@media (max-width: 500px) {
	.steps .item:after { width: 35vw; }
}



/**********************************/
/* MÉDIAS
/**********************************/
.nouvelles										{ background-color:#fff; padding:125px 35px 35px 35px; margin-bottom:55px; overflow: hidden; }
.nouvelles ul li								{ border-bottom: 2px solid #00000022; padding:24px 0 18px 0;}
.nouvelles ul li:last-child { border: none; }

.logoDownload { border-left: 2px solid #00000022; border-bottom: 2px solid #00000022; border-right: 2px solid #00000022; padding: 125px 20px 40px 20px; text-align: center; }
.documentation { border-left: 2px solid #00000022; border-right: 2px solid #00000022; border-bottom: 2px solid #00000022; padding: 40px 20px 40px 20px; text-align: center; }


/**********************************/
/* PRODUCTEURS-TRANSFORMATEURS
/**********************************/
.filters { margin-top: -40px; }
.filters .box { background: #008368; border: 13px solid #fff; }
.filters select { background-color:#008368; border:none; width:33%; padding:14px 20px; border-right: 3px solid #FFF; box-sizing:border-box; font-size:18px; color: #fff; outline: none; font-weight: 700; }
.filters select:last-child { border: none; }
.filters option	{ background-color:#008368;}

@media(max-width:991px) { .filters select { border-right: 0; border-bottom: 3px solid #fff; width: 100%; } }
@media screen and (max-width: 767px) {
	.bande-rouge select			{ width:100%; margin:0; border-bottom:1px solid #024e17; border-top:1px solid #024e17;}
}



.resume-fiche 							{ border:1px solid #d2d2d2; box-sizing:border-box; margin-bottom:32px; width:31%; float:left; margin-left:1%; margin-right:1%;}
.resume-fiche .img-container			{ height:200px; overflow:hidden; position:relative; background-size:cover; background-position:center center}
.resume-fiche .img-container img		{ position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; right:0; min-width:100%;}
.resume-fiche .img-container img.ribbon { position: absolute;top: 0; left: 0; transform:none; width:auto; min-width:auto;}
.resume-fiche .img-container a 			{ position: absolute;top: 0; left: 0; bottom:0; right:0;}
.resume-fiche .description 				{ margin:18px 10px; line-height:1.5; position:relative;}
.resume-fiche .description h2			{ text-align:center;}
.resume-fiche .description h2 a			{ color:#000000;}
.resume-fiche .description h2 a:hover	{ color:#035f1d;}
.resume-fiche .description .coordonnes 	{ margin:1.5em 0;}

@media screen and (max-width: 959px) {
	.resume-fiche 		{ width:48%; }
}

@media screen and (max-width: 767px) {
	.resume-fiche 		{ width:100%; float:none; margin-left:0; margin-right:0;}
}




/**********************************/
/* MINI-MARCHÉS
/**********************************/
ul.mini-marches					{ overflow:hidden;}
ul.mini-marches li					{ width:29%; float:left; font-size:1.3em; text-align:center; border-bottom:1px solid #024e17; border-top:1px solid #024e17;   padding:0.8em 0; height:2em; margin:0 2%; position:relative;}
ul.mini-marches li a				{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);}
ul.mini-marches li:hover			{ background-color:#024e17}
ul.mini-marches li.active			{ font-weight:bold;}
@media screen and (max-width: 959px) {
	ul.mini-marches li	 		{ width:46%; }
}

@media screen and (max-width: 767px) {
	ul.mini-marches li	 		{ width:96%; }
}

.exposants h3									{  border-bottom:1px solid #035f1d; padding-bottom:20px; margin-bottom:15px;}
.exposants ul li								{ color:#035f1d;}



/**********************************/
/* RESTAURATEURS
/**********************************/

.categories .boxLink { margin-bottom: 30px; }
.categories .boxLink a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 60px 30px 80px 30px; }
.categories .boxLink .contenu { padding: 0 60px; z-index: 1; }
.categories .boxLink .title { color: #1C3C34; text-align: center; font-size: 34px; margin: 0; }

.categories .boxLink .bottomBorder { display: flex; justify-content: center; width: calc(100% - 60px); position: absolute; bottom: 14px; }
.categories .boxLink .bottomBorder:before { content:''; background: #E03C39; height: 2px; width: calc(50% - 18px); left: 0; top: 50%; transform: translateY(-50%); position: absolute; transition: .4s ease-in-out;  }
.categories .boxLink .bottomBorder:after { content:''; background: #E03C39; height: 2px; width: calc(50% - 17px); right: 0; top: 50%; transform: translateY(-50%); position: absolute; transition: .4s ease-in-out; }
.categories .boxLink a:hover .bottomBorder:before, .categories .boxLink a:hover .bottomBorder:after { background: #1C3C34; }
.categories .boxLink .boxIcon { height: 35px; width: 35px; border: 2px solid #E03C39; background: #fff; display: flex; align-items: center; justify-content: center; transition: .4s ease-in-out; }
.categories .boxLink a:hover .boxIcon { border: 2px solid #1C3C34; }
.categories .boxLink .border { border-top: 2px solid #E03C39; border-left: 2px solid #E03C39; border-right: 2px solid #E03C39; width: auto; height: auto; position: absolute;
	left: 30px; top: 30px; right: 30px; bottom: 30px; border-radius: 0; transition: .4s ease-in-out; }
.categories .boxLink a:hover .border { border-top: 2px solid #1C3C34; border-left: 2px solid #1C3C34; border-right: 2px solid #1C3C34; ; }

.categories .boxLink.active .border { background: #E03C39; }
.categories .boxLink.active .title { color: #fff; }
.categories .boxLink.active a:hover .border { border-color: #d02b28; background: #d02b28; }
.categories .boxLink.active a:hover .boxIcon { border-color: #d02b28;}
.categories .boxLink.active a:hover .bottomBorder:before, .categories .boxLink.active a:hover .bottomBorder:after { background: #d02b28; }

@media (max-width: 1200px) {
	.categories .boxLink .title { font-size: 28px; }
}

@media (max-width: 767px) {
	.categories .boxLink { margin-bottom: 15px;}
}


/**********************************/
/* HÉBERGEMENT
/**********************************/
ul.hebergement						{ width:70%; margin:auto;}
ul.hebergement li					{ width:49%; margin:0;  border-left:1px solid #024e17; border-right:1px solid #024e17; height:1em}



/**********************************/
/* FICHES
/**********************************/
.fiche-producteur 						{ position:relative; margin-bottom: 50px;}
.fiche-producteur.equal-height			{  display:flex; flex-direction:column;}
.fiche-producteur .img-container		{ width: 100%; height: 350px; background-size: cover; background-position: center center;}
.fiche-producteur .img-container a.popup2 	{ display: block; height: 100%; }
.fiche-producteur .img-container img	{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; min-width:100%; min-height:100%;}
.fiche-producteur .img-container .hint	{ position:absolute; bottom:0; right:0; background-color:#035f1d; color:white; font-size:24px; padding:30px 18px;}
.fiche-producteur .img-container img.ribbon		{ position:absolute; top:-4px; left:-4px; transform:none; min-width:auto; min-height:auto;}

.fiche-producteur .infos				{ width:100%; line-height:1.5; border: 2px solid #00000022; border-top: 0; position: relative; flex:1 }
.fiche-producteur .infos .text { padding: 40px 35px; }
.fiche-producteur .infos .textIntro { padding: 40px 35px; }
.fiche-producteur .infos h1				{ padding-top:0; line-height:1}
.fiche-producteur .infos .coordonnes 	{ margin:1.5em 0;}
.fiche-producteur .infos .contactInfos 	{ border-top: 2px solid #00000022; padding: 20px 35px; }
.fiche-producteur .infos .text p, .fiche-producteur .infos .contactInfos p { margin-bottom: 12px; }
.fiche-producteur .infos .contactInfos p:last-child, .fiche-producteur .infos .text p:last-child { margin-bottom: 0; }
.fiche-producteur .infos .text .boutonZone { margin-bottom: 30px; }
.fiche-producteur .infos .text .boutonZone a { padding: 10px 15px; }

.fiche-producteur .divers				{ background-color:#ECECBA; line-height:1.5; padding: 20px 35px;}
.fiche-producteur .divers h3 			{ font-weight: 700; margin-bottom: 12px; }

@media (max-width: 400px) {
	.fiche-producteur .infos .textIntro { padding: 45px 15px; }
	.fiche-producteur .infos .contactInfos { padding: 20px 15px; }
	.fiche-producteur .divers			   { padding: 20px 15px; }
}



/* Fiche avec un bouton «Voir plus» */
.fiche-producteur.seeMore .infos .contactInfos { margin-left: -35px; margin-right: -35px; }
.fiche-producteur.seeMore .infos ul.pictos { margin-bottom: 20px; }

.fiche-producteur.seeMore .accordionPlus { background: #E03C39; border-radius: 0; position: absolute; bottom: -2px; right: -2px; height: 40px; width: 40px; outline: none; opacity: 1; }
.fiche-producteur.seeMore .accordionPlus:hover { background: #d02b28; }
.fiche-producteur.seeMore .accordionPlus:after { content: '\002B'; color: #fff; font-weight: bold; font-size: 27px; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 46%; }
.fiche-producteur.seeMore .accordionPlus.active:after { content: '-'; }
.fiche-producteur.seeMore .panel { background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }



/* Fiche avec bouton « Ajouter à mon circuit perso » */
.boutonZone { display: flex; align-items: stretch; justify-content: space-between; }
.boutonZone .add-to-circuit, .boutonZone .discover-circuit { width: 49.2%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 30px; margin-top: 12px; }
.boutonZone .discover-circuit { color: #E03C39; }
.boutonZone .discover-circuit:hover { color: #fff; }

@media (max-width: 450px) {
	.boutonZone { display: block; margin-top: 20px; }
	.boutonZone .add-to-circuit, .boutonZone .discover-circuit { width: 100%; margin-top: 10px; }
}



ul.pictos									{ overflow:hidden; margin-top: 20px; }
ul.pictos li								{ display:block; width:40px; height:40px; float:left; margin:7px;}

.fiche-producteur .infos .pastille { background: #000; border-radius: 50%; border: 8px solid #F3F4DA; color: #fff; width: 77px; height: 77px; position: absolute; right: 25px; top: -39px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.fiche-producteur .infos .pastille .text { text-align: center; }
.fiche-producteur .infos .pastille .text .lg { font-size: 30px; display: block; letter-spacing: .025em; line-height: 30px; }
.fiche-producteur .infos .pastille .text .sm { font-size: 14px; display: block; letter-spacing: .025em; line-height: 14px; }
/* Orange */
.fiche-producteur .infos .pastille.orange { background: #E03C39; }
/* Rouge */
.fiche-producteur .infos .pastille.rouge { background: #ae2a20; }
/* Bleu */
.fiche-producteur .infos .pastille.bleu { background: #249aae; }
/* Vert */
.fiche-producteur .infos .pastille.vert { background: #80b785; }
/* Jaune */
.fiche-producteur .infos .pastille.jaune { background: #f9ba08; }
/* Mauve */
.fiche-producteur .infos .pastille.mauve { background: #3c2661; }


@media screen and (max-width: 767px) {
	.fiche-producteur .img-container 	{ position:relative; width:100%; height:350px;}
	.fiche-producteur .infos 			{ width:100%; margin-left:0;}
	.fiche-producteur .divers			{ width:100%; margin-left:0;}
}




/**********************************/
/* ACHAT EN LIGNE
/**********************************/
.paniers-presentation						{ overflow:hidden; margin:1em 0; padding:1em 2em; border-bottom:1px solid #DDDDDD; }
.paniers-presentation .left					{ width:25%;}
.paniers-presentation .right				{ width:70%;}
.paniers-presentation img					{ width:100%;}
.paniers-presentation img:hover				{ cursor:zoom-in;}
.paniers-presentation h3 span.prix			{ font-size:0.8em; font-weight:bold;}




/**********************************/
/* CONCOURS / FORMULAIRES
/**********************************/
.form-row									{ margin:24px 0; width:100%; overflow:hidden}
.form-separator								{ width:100%; border-top:1px solid #CCC; height:1px; margin:32px 0;}
.form-element								{ width:100%;}
.form-element.half							{ float:left; width:48%;}
.form-element.half:nth-child(even)			{ float:right;}
.form-element label							{ display:block; width:100%; margin-bottom:6px; font-weight:bold;}
.form-element label.linked					{ font-weight:normal; display: block; margin-top:12px;}
.form-element label.linked input			{ margin-right: 6px;}
.form-element .text-danger				{ color:#FF0000; font-weight:normal;}
.form-element .input					{ width:100%; padding: 8px 16px; border-radius: 0; border: 2px solid #d5d5d5;}
.form-element .input:focus				{ outline: none; border-color: #E03C39; }
.form-element .input[type=file]			{ border:none; padding-left: 0;}
.form-element .error					{ background-color:#FFDDDD;}
.form-element .help							{ font-style:italic; color:#999; font-size:0.875em;} 


/**********************************/
/* PARTENAIRES
/**********************************/
.partenairesBox { border-bottom: 2px solid #00000022; padding: 60px 0;}
.partenairesBox:last-child { border-bottom: 0; }
.partenairesBox h2 { text-align: center; margin-bottom: 35px; }
ul.partenaires								{ width:100%; margin:auto; overflow:hidden; text-align:center; }
ul.partenaires li							{ display:inline-block; margin:6px 20px;}
ul.partenaires.gros li						{ width:33%;}
ul.partenaires.moyen li						{ width:25%;}
ul.partenaires.petit li						{ width:16%;}
ul.partenaires li img						{ width:100%;}


/**********************************/
/* GALERIE D'IMAGES
/**********************************/
#galerie { margin: 80px }
#galerie .imgContainer { text-align: center; margin-bottom: 20px; }

.contactContent { padding-top: 90px; }
.contactContent .row { display: flex; align-items: center; }
.contactZone { padding-left: 30px; }
.contactZone .contactBox { border-bottom: 2px solid #00000022; padding: 30px 10px; }
.contactZone .contactBox:last-child { border: none; }
.contactBox span { display: block; line-height: 1.4; }
.contactBox .title { font-weight: 700; font-size: 20px; margin-bottom: 14px; }
.contactBox .info { margin-bottom: 12px; }
.contactBox .info:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
	.contactZone { padding-left: 15px; }
}


/**********************************/
/* FOIRE AUX QUESTIONS
/**********************************/


.faqContent { margin-top: 90px; }

.faqContent .accordion{
    width: 100%;
    margin: 0 auto;
	background: #fff;
	border: 2px solid #00000022;
    overflow: hidden;
    transition: height 0.3s ease;
    margin-bottom: 20px;
}

.faqContent .accordion .accordion_tab{
  padding: 20px 50px 20px 20px;
  cursor: pointer;
  user-select: none;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .015em;
  position: relative;
}

.faqContent .accordion .accordion_tab .accordion_arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease;
}

.faqContent .accordion .accordion_tab .accordion_arrow img{
  width: 100%;
  height: 100%;
}

.faqContent .accordion .accordion_tab.active .accordion_arrow{
  transform: translateY(-50%) rotate(180deg);
}

.faqContent .accordion.active{
  height: auto;
  border: 2px solid #E03C39;
}

.faqContent .accordion .accordion_content{
  padding: 0 20px;
  overflow: hidden;
  max-height: 0;
  transition: .4s ease-in-out;
}

.faqContent .accordion.active .accordion_content{
	max-height: 1000px;
}

.faqContent .accordion .accordion_item {
	padding: 5px 0 20px 0; 
}



/**********************************/
/* À PROPOS
/**********************************/

.aproposIntro { margin: 90px 0; }
.aproposIntro h2, .aproposImageText h2 { border-bottom: 2px solid #00000022; padding-bottom: 20px; margin-bottom: 20px; }
.aproposIntro p, .aproposImageText p { margin-bottom: 16px; }

.aproposImageText .image { height: 450px; background: url(../../images/aproposImage.jpg) no-repeat; background-size: cover; background-position: center; }
.aproposImageText .row { display: flex; justify-content: center; }
.aproposImageText .text { margin-top: -100px; }
.aproposImageText .boxWhite { background: #fff; padding: 60px;  }

.mission .greenBox { background: #008368; color: #fff; padding: 60px 30px; }
.mission .greenBox h2 { color: #fff; position: relative; font-size: 32px; padding-bottom: 20px; margin-bottom: 25px; }
.mission .greenBox h2:after { content:''; background: #fff; position: absolute; left: -30px; bottom: 0; height: 5px; width: 120px; }

.objectifs { padding-left: 60px; margin-bottom: 80px; }
.objectifs h2 { color: #1C3C34; position: relative; font-size: 32px; padding-bottom: 20px; margin-bottom: 25px; }
.objectifs h2:after { content:''; background: #008368; position: absolute; left: -100px; bottom: 0; height: 5px; width: 200px; }
.objectifs ul li { border-bottom: 2px solid #00000022; padding-bottom: 20px; margin-bottom: 20px; position: relative; padding-left: 20px; }
.objectifs ul li:before { content:''; background: #008368; height: 2px; width: 8px; position: absolute; left: 0; top: 8px; }
.objectifs ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

@media (max-width: 767px) {
	.objectifs { margin-top: 80px; padding-left: 15px; }
	.objectifs h2 { padding-left: 35px; }
	.objectifs h2:after { left: 0; bottom: 0; height: 200px; width: 5px; }
}

@media (max-width: 500px) {
	.aproposImageText .boxWhite { padding: 45px 30px; }
}



/**********************************/
/* INSCRIPTION
/**********************************/
.inscriptionInfos .leftZone { padding-top: 50px; }
.inscriptionInfos .title1 { border-left: none; padding-left: 0; }
.inscriptionInfos .title1 .sm { font-size: 24px; display: block; position: relative; margin-bottom: 12px; }
.inscriptionInfos .title1 .lg { display: block; position: relative; font-size: 34px; padding-left: 60px; }
.inscriptionInfos .title1 .lg:before { content:''; background: #008368; height: 4px; width: 40px; position: absolute; left: 0; top: 50%; }
.inscriptionInfos .leftZone .list1 { font-weight: 600; font-size: 18px; margin-right: 90px; }

.inscriptionInfos .greenBox { background: #008368; height: 100%; display: flex; align-items: center; padding-right: 40px; flex-wrap: wrap; }
.inscriptionInfos .greenBox .title { font-size: 24px; color: #fff; padding-left: 35px; padding-bottom: 30px; padding-top: 80px; position: relative; }
.inscriptionInfos .greenBox .title .lg { font-size: 42px; display: block; }
.inscriptionInfos .greenBox .title:after { height: 5px; width: 160px; content:''; position: absolute; left: 0; bottom: 0; background: #fff; } 
.inscriptionInfos .btnZone { padding-left: 35px; padding-bottom: 40px; }
.inscriptionInfos .greenBox .btnWhite { color: #008368; }
.inscriptionInfos .greenBox .btnWhite:hover { background: #658c2f; border: 4px solid #658c2f; }
.inscriptionInfos .greenBox a.btnOrange.btnBorderOrange.btnBorderWhite:hover { color: #008368; }


@media (max-width: 991px) {
	.passeportIntro .greenBox { padding-bottom: 80px; margin-top: 40px; }
}

@media (max-width: 767px) {
	.inscriptionInfos .leftZone { margin-bottom: 80px; }
	.inscriptionInfos .leftZone .list1 { margin-right: 0; }
}

@media (max-width: 500px) {
	.inscriptionInfos .title1 .lg  { font-size: 28px; }
}



/**********************************/
/* BÉNÉVOLES
/**********************************/
.bande-principale.bande-benevole h1.nosubtitle { margin-bottom: 0; }
.benevolesInfos { margin-bottom: 80px; }
.benevolesInfos .leftZone { padding-top: 50px; }
.benevolesInfos .title1 { border-left: none; padding-left: 0; }
.benevolesInfos .title1 .sm { font-size: 24px; display: block; position: relative; margin-bottom: 12px; }
.benevolesInfos .title1 .lg { display: block; position: relative; font-size: 34px; padding-left: 60px; }
.benevolesInfos .title1 .lg:before { content:''; background: #008368; height: 4px; width: 40px; position: absolute; left: 0; top: 50%; }
.benevolesInfos .leftZone .list1 { font-weight: 600; font-size: 18px; margin-right: 90px; }

.benevolesInfos .greenBox { background: #008368; height: 100%; display: flex; align-items: center; padding-right: 40px; flex-wrap: wrap; }
.benevolesInfos .greenBox .title { font-size: 24px; color: #fff; padding-left: 35px; padding-bottom: 30px; padding-top: 80px; position: relative; }
.benevolesInfos .greenBox .title .lg { font-size: 36px; display: block; }
.benevolesInfos .greenBox .title:after { height: 5px; width: 160px; content:''; position: absolute; left: 0; bottom: 0; background: #fff; } 
.benevolesInfos .greenBox .list1 { padding: 25px 35px 40px 35px; width: 100%; }
.benevolesInfos .greenBox .list1 li { color: #fff; font-weight: 600; font-size: 17px; }
.benevolesInfos .greenBox .list1 li:before { background: #fff; }


@media (max-width: 991px) {
	.benevolesInfos .greenBox { padding-bottom: 80px; margin-top: 0px; margin-bottom: 70px;  height: auto;  }
	.benevolesInfos .title1 { font-size: 28px; }
	.benevolesInfos .greenBox .list1 { padding-right: 0; padding-bottom: 0; }
}

@media (max-width: 767px) {
	.benevolesInfos { margin-bottom: 10px; } 
	.benevolesInfos .leftZone { margin-bottom: 80px; }
	.benevolesInfos .leftZone .list1 { margin-right: 0; }
}

@media (max-width: 500px) {
	.benevolesInfos .title1 { font-size: 28px; }
}


/**********************************/
/* COVID-19
/**********************************/
.covidInfos { margin-bottom: 80px; }
.covidInfos .leftZone { padding-top: 50px; padding-right: 80px; }
.covidInfos .title1 { border-left: none; padding: 0; margin-bottom: 20px; font-size: 22px; }
.covidInfos .title1 .sm { font-size: 24px; display: block; position: relative; margin-bottom: 12px; }
.covidInfos .blockInfo { border-bottom: 2px solid #00000022; padding-bottom: 32px; margin-top: 32px; }
.covidInfos .blockInfo:last-child { border-bottom: 0; }

.covidInfos .greenBox { background: #008368; height: 100%; padding: 40px; flex-wrap: wrap; text-align: center; display: flex; align-items: center; }
.covidInfos .greenBox svg { width: 90px; margin-bottom: 40px; }
.covidInfos .greenBox p { color: #fff; font-size: 18px; font-weight: 600; }


@media (max-width: 991px) {
	.covidInfos .greenBox { margin-top: 0px; height: auto; }
}

@media (max-width: 767px) {
	.covidInfos { margin-bottom: 10px; } 
	.covidInfos .leftZone { margin-bottom: 50px; text-align: center; padding-right: 15px; }
}

@media (max-width: 400px) {
	.covidInfos .greenBox { padding: 40px 20px; }
}



.bande-marche-ma .newPlace { display: flex; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.bande-marche-ma .newPlace svg { margin-right: 15px; width: 28px; }


/**********************************/
/* BOITES GOURMANDES
/**********************************/

.title-fonctionnement { font-size: 40px; }
.fonctionnement { border:4px solid #00000022; padding: 40px 20px 40px 20px; text-align: center; height: 100%; }
.fonctionnement .icon { margin-bottom: 24px; max-width:60%}
.fonctionnement .step { border: 4px solid #00000022; border-radius: 50%; height: 85px; width: 85px; display: flex; align-items: center; justify-content: center; margin: auto; margin-bottom: 25px; }
.fonctionnement .step span { font-size: 44px; color: #008368; font-weight: 800; display: flex; padding-bottom: 6px; }
.fonctionnement p { font-weight: 600; color: #777; }

@media (max-width: 991px) {
	.fonctionnement { height: auto; margin-bottom: 30px; }
}

@media (max-width: 767px) {
	.zone-commentfonctionne { padding: 90px 0 120px 0; }
}


.boite-gourmande { margin-top: 70px; text-align: center; }
.boite-gourmande li span { font-weight: 600; }
.boite-gourmande .top .pastille img { width: 230px; }
.boite-gourmande .top .pastille { position: relative; }
.boite-gourmande .top .pastille:before { content:''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: -1; border-top-left-radius: 40px; border-top-right-radius: 40px;}
.boite-gourmande .top .description .title { position:relative; margin-bottom:16px; padding-bottom:10px; font-size:28px; font-weight:bold; color: #fff; padding-top: 18px; }
.boite-gourmande .bottom { border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; position: relative; z-index: 9; overflow: hidden; }
.boite-gourmande .bottom:before { content:''; background: #000; width: 100%; height: 100%; position: absolute; opacity: .2; left: 0; top: 0; z-index: -1; }
.boite-gourmande .bottom strong { font-weight: 700; font-size: 15px; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 18px; display: block; }
.boite-gourmande .description { padding: 25px 30px 35px 30px; }


.boite-gourmande.circuit-orange .title:after,
.boite-gourmande.circuit-orange .top .pastille:before {background-color:#e87e05;}

.boite-gourmande.circuit-vert .title:after,
.boite-gourmande.circuit-vert .top .pastille:before {background-color:#80b785;}

.boite-gourmande.circuit-rouge .title:after,
.boite-gourmande.circuit-rouge .top .pastille:before {background-color:#ae2a20;}

.boite-gourmande.circuit-bleu .title:after,
.boite-gourmande.circuit-bleu .top .pastille:before {background-color:#249aae;}

.boite-gourmande.circuit-jaune .title:after,
.boite-gourmande.circuit-jaune .top .pastille:before {background-color:#f9ba08;}

.boite-gourmande.circuit-mauve .title:after,
.boite-gourmande.circuit-mauve .top .pastille:before {background-color:#3c2661;}

.boite-gourmande .bottom { padding: 35px; text-align:center; color:#FFFFFF; }
.boite-gourmande.circuit-orange .bottom,
.boite-gourmande.circuit-orange .description {background-color:#e87e05; }
.boite-gourmande.circuit-vert .bottom,
.boite-gourmande.circuit-vert .description {background-color:#80b785; }
.boite-gourmande.circuit-rouge .bottom,
.boite-gourmande.circuit-rouge .description {background-color:#ae2a20; }
.boite-gourmande.circuit-bleu .bottom,
.boite-gourmande.circuit-bleu .description {background-color:#249aae; }
.boite-gourmande.circuit-jaune .bottom,
.boite-gourmande.circuit-jaune .description {background-color:#f9ba08; }
.boite-gourmande.circuit-mauve .bottom,
.boite-gourmande.circuit-mauve .description {background-color:#3c2661; }

.boite-gourmande .listing { background: #fff; border-radius: 25px; padding: 14px 5px; }
.boite-gourmande .listing li { list-style-type: none; margin-left: 0; border-bottom: 2px solid #ececec; padding-bottom: 12px; }
.boite-gourmande .listing li:last-child { border: none; padding: 0; }

.boite-gourmande a.btn { background-color:#FFF; color: #000; text-transform: uppercase; font-family: "aptly", sans-serif; font-size: 16px; letter-spacing: .025em; font-weight: 700; margin: 12px auto 0 auto; display: block; padding: 16px 35px; transition: .4s ease-in-out; outline: none; width:75%;}


@media (max-width: 400px) {
	.boite-gourmande .description, .boite-gourmande .bottom { padding-left: 14px; padding-right: 14px; }
}


.forfaits-fonctionnement .row { padding: 0 !important; }