/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2014
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 4391 $
//+		$Date: 2017-05-04 12:25:59 +0200 (jeu. 04 mai 2017) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/trunk/tpl/tpl0/css/r.iTpl.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--- RWD ---*/
@media screen and (max-width: 2120px){
	/*.iTpl-logo {left: 110px;}*/
}

@media screen and (max-width: 2000px){
	/*.iTpl-main .iTpl-col-pag.large{ padding: 20px; }*/
}

@media screen and (max-width: 1940px){
	.iTpl-main .iTpl-col-pag.large{ padding: 40px; }
	.iTpl-foot .iTpl-col-pag.large {padding: 0 40px;}

	.iTpl-flex .iTpl-flex-max{margin-left: 25px;}

	.iTpl-logo {left: 40px;}
	.iTpl-menu-btns {padding-right: 40px;}

	.iTpl-calendar {border-spacing: 10px;}

	#section3 {
	background-size: 937px 562px;
	background-position: right;
	vertical-align:bottom;
	}

	.iTpl-img-section3{
		align-items: flex-start;
		display: flex;
		justify-content: left;
	}
	.centrage {
		align-items: center;
		margin: 0;

	}
	.txt-section3{
		text-align: center;
		align-items: center;
		justify-content: center;
		padding: 0;
		max-width: 650px;
	}

	#section3 h4{
	max-width: 500px;
}
}


@media screen and (max-width: 1800px){
	.iTpl-itm {margin: 0 0px 24px 24px;}

	.iTpl-itm.actu.inline .iTpl-itm-ico-ctr{position: absolute; bottom: -15px; right: 15px; }
	.iTpl-itm.actu.inline .iTpl-itm-ico{ width: 30px; display:inline-block; vertical-align: middle; }

	.iTpl-itm.actu.inline .iTpl-itm-txt{margin: 15px;}

	.iTpl-itm.actu.inline.last{display: none;}

	.iTpl-itm.actu.inline{ width: 300px;}
	.iTpl-itm.actu.inline .iTpl-itm-img{float: none; min-height: 180px;background-color:#F4F3F1 ; position: relative; margin-right: 0; min-width: auto;}
	.iTpl-itm.actu.inline .iTpl-itm-img img {display: block; margin: 0; width: 100%}	
}

@media screen and (max-width: 1740px){
	.iTpl-calendar {border-spacing: 4px;}
}

@media screen and (max-width: 1700px){
	.iTpl-vis-tarif > :first-child {min-width: unset;}
}

/* Tab */
@media screen and (max-width: 1650px){
	.iTpl-row-pag.first{ padding: 25px 0 0 0; } 

	.iTpl-main-col {flex: 0 1 66%; min-width: 66%; }

	.iTpl-main-aside{flex: 1 1 auto; width: auto; }
	.iTpl-main-aside > *{ max-width: 100%; margin: 0 auto -10px auto; }		

	.iTpl-itm.actu, .iTpl-itm.actu.inline { width: 280px;}
	.iTpl-itm.actu .iTpl-itm-img, .iTpl-itm.actu.inline .iTpl-itm-img { min-height: 135px;}
	/*GENERAL*/

	.iTpl-product-desc-hor {flex-direction: column;}
	.iTpl-product-desc-hor-text {margin-left: 0;}

	/*PRD*/
	.iTpl-product-desc-other-img {max-width: 102px; max-height: 130px; margin: 30px; margin-left: 0;}
	#section3 {
		background-image: url("/tpl/tpl0/img/mep/prd/decor-responsive.svg");
		background-repeat: no-repeat;
		background-position: right bottom;
		margin-bottom: 0px;
		background-size: contain;
		align-items: flex-start;
		display: flex;
		justify-content: left;
	}

	#section3 img {
		width: 300px;
	}

	#section3 .iTpl-col-pag{
		margin: 0 20px;
}
	.iTpl-img-section3{
		align-items: flex-start;
		display: flex;
		justify-content: left;
	}

	#section3 .iTpl-product-desc-hor{
		display: flex;
		flex-direction: row;

	}

	.centrage {
		align-items: flex-start;
		margin: 0;

	}
	.txt-section3{
		text-align: left;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin-left: 50px;
		max-width: 650px;
	}

	.exergue{
	margin-bottom: 10rem;
}

#section3 h4{
	margin: auto;
	max-width: 780px;
}


}

@media screen and (max-width: 1600px){
	.iTpl-calendar {border-spacing: 0px;}
	.iTpl-calendrier {padding: 25px 35px 32px 35px;}
}

@media screen and (max-width: 1500px){
	.iTpl-hor-frame {flex-direction: column;}

	.iTpl-hor-today {padding-left: calc(128px - 2em) }

	.iTpl-calendar {border-spacing: 16px;}
	.iTpl-calendrier {padding: 50px 70px 64px 70px;}

	/*ACCUEIL*/
	.iTpl-actu-title-div .acc-title-l1, .iTpl-actu-title-div .acc-title-l2 {font-size: 20px;}

	/*CTC*/
	.ctc-msg, .ctc-adr {margin: 25px;}

	.webcam { padding-left: 100px;}

}

@media screen and (max-width: 1460px){
 	.iTpl-main-col{flex: 0 1 50%; min-width: 50%;}

    .iTpl-head { height: 122px;}
	.iTpl-head-ble { height: 83px;}
	.iTpl-logo-bg {max-width:700px;}
	.iTpl-logo {width:140px; margin-left: 0; top: 10px; }
	._boutique .iTpl-logo {left: 40px;}

	.iTpl-slogan { font-size: 1.5rem;}

	 article.iTpl-itm:not(.actu) { margin: 2%;}   

	.iTpl-menu .iTpl-menu-btns {padding: 0 40px 0 0;}
	.iTpl-menu-btn {padding: 7px 15px; letter-spacing: 1px;}

	.iTpl-itm.actu, .iTpl-itm.actu.inline { width: 260px; }
	.iTpl-itm.actu .iTpl-itm-img, .iTpl-itm.actu.inline .iTpl-itm-img { min-height: 155px;}


	.iTpl-acc-last .iTpl-itm { max-width: 400px; height: 350px;}

	/*VIS*/
	.iTpl-vis-tarif-ctr {flex-direction: column;}


	/*HORAIRES FLEX*/
	.iTpl-hor-horboxes {flex-flow: wrap;}

	/*DEBUT RESPONSIVE*/
	/*Réduction menu*/
	.iTpl-menu .iTpl-menu-btn {padding: 7px 10px; margin-left: 1%; font-size: 12px;}
	.iTpl-menu .iTpl-menu-btn.menu-usr, .iTpl-menu .iTpl-menu-btn.menu-usr a {padding: 0;}
	._boutique .iTpl-menu > .iTpl-menu-btn { margin-left: 23px;}


	/*ACC 2*/
	.iTpl-acc2 {padding: 184px 110px 184px 90px !important;}

	/*FOOT*/
	#iTpl-foot-loup {padding-left: 0; justify-content: left;}
	#iTpl-foot-socialnetwork {padding-right: 0;}

}

@media screen and (max-width: 1320px){
	.iTpl-acc1, .iTpl-acc2 .situation {padding-left: 10px !important; padding-right: 10px !important; width: 100%;}

	.iTpl-welcome div {margin: auto !important;}

	.iTpl-mix-background {background-size: 73%, cover;}
	#iTpl-acc-last {margin-right: 5%;}
	.iTpl-acc3 {padding-left: 5%;}
	.iTpl-section41 {align-items: center;  margin: 0 20px}
}

@media screen and (max-width: 1230px){
	#fltCtr {padding-left: 0;}

	#section3 h4{
	max-width: 550px;
}

}

/*size > 1130px*/
@media screen and (min-width: 1460px){
	.iTpl-menu .iTpl-head-bsk-mob .iTpl-menu-bsk-nbart {right: -5px; top: -4px;}
}

@media screen and (min-width: 890px){
	.iTpl-details-lbl {margin-top: -30px; margin-bottom: 30px;}
}


@media screen and (min-width: 1130px){
	.iTpl-vis-prog {height: 430px;}
	.iTpl-vis-prog > *:last-child {max-width: 40%;}

	.iTpl-body._boutique.iTpl-head-small:not(._bsk) .iTpl-main {padding-top: 100px; /*padding-bottom: 388px;*/}
}

@media screen and (max-width: 1130px){
	/* -- VIS -- */
	.iTpl-vis-hor > .flex-2 {min-height: unset;}
	.btn-resa {margin: 20px auto 40px auto;}

	.iTpl-vis-prog > *:first-child {margin-left: 0 !important;}

	#section3 h4{
	max-width: 500px;
	}

	#section3 p{
		width: 500px;
	}

}

@media screen and (max-width: 1130px) and (min-width: 520px){
	.iTpl-acc-last .iTpl-itm {min-height: unset;}
}

@media screen and (max-width: 1130px){
	/*RESPONSIVE*/
		/** {font-family: iDW_HelveticaNeueLT;}*/
		* {font-family: iDW_centuryGothic;}

	.iTpl-main {padding-bottom: 135px; padding-top: 120px;}

	/*Réorganisation footer*/
	.iTpl-foot {display: none;}
	#iTpl-foot-mentions {text-align: center;/* margin-right: 10px;*/ color: #BEBEBE;}
	#iTpl-foot-cgv {position: initial; grid-column : 2; grid-row: 1; text-align: center; color: #BEBEBE;}
	#iTpl-foot-cookies {position: initial; grid-column : 3; grid-row: 1; text-align: center; color: #BEBEBE;}
	#iTpl-foot-contact {position: initial; grid-column : 4; grid-row: 1; text-align : center; margin-left: 0; color: #BEBEBE;}
	#iTpl-foot-sitelink {grid-row: 2; grid-column: 1 / 5; text-align: center; color: white;}

	.iTpl-foot-responsive {font-family: iDW_HelveticaNeueLT; width: 100%; margin : 0px; background-color: #3D3D3D; display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 20px 0; position: absolute; bottom: 0; padding-bottom: 20px; min-height: 135px;}

	/*ACTU*/
	.iTpl-ctn.actu-ls {justify-content: center;}
	.iTpl-tit-margin {margin-bottom: 10px;}


	/*OTHER*/
	.iTpl-pad, .iTpl-pad-right, .iTpl-pad-left, .iTpl-pad-bottom, .iTpl-pad-top {padding:0;}

	.iTpl-head { height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 1;}
	.iTpl-head .iTpl-menu-big,
	.iTpl-head .iTpl-menu-small{ display: none; }

	.iTpl-head-small .iTpl-menu-small .iTpl-flyer a { display:inline-block; color: #FFF;}

	.iTpl-head .iTpl-head-menu{ background: #2C5137; border-bottom: 2px solid #467755;}
	.iTpl-head .iTpl-col-pag{ display: flex; max-width: 1900px; }
	.iTpl-head .iTpl-flex{ flex: 1 1 auto; text-align: right; }
	.iTpl-head .iTpl-logo-ctr{ display: block; flex: 1 1 auto; position: static; }
	.iTpl-head .iTpl-head-ble,
	.iTpl-head .iTpl-logo-bg,
	.iTpl-head .iTpl-logo{ display: none; }
	.iTpl-head .iTpl-logo-stiky{ display: inline-block; vertical-align: middle;}
	.iTpl-head-menu .iTpl-menu-btn{color: #FFFFFF;}
	.iTpl-head-menu  .usr .iTpl-menu-btn{color: #00AFAF; text-decoration: none;}

	.iTpl-head .iTpl-menu-responsive{ display: fixed; bottom: 0; white-space: nowrap; }
	.iTpl-head .iTpl-menu-responsive > *{ white-space: normal; }
	.iTpl-head .iTpl-head-btn{ padding: 5px; }
	.iTpl-head span.iTpl-head-btn img { margin-right: 15px;}

	.iTpl-banner .iTpl-col-pag{ display: block; text-align: center; }
	.iTpl-banner p { margin: 0 0 15px; }
	.iTpl-banner-btn{ text-align: center; }
	
	.iTpl-menu-btn.iTpl-sensor{ display: flex; flex-direction: column-reverse; }
	.iTpl-menu-btn.iTpl-sensor .iTpl-flyer{ /*display: block; position: static;*/ padding-left: 25px; }
	.iTpl-menu-btn.iTpl-sensor .iTpl-flyer .iTpl-menu-btn{ display: block; }

	.iTpl-main .iTpl-col-pag{ padding: 20px; }

	.iTpl-r-inline {display: block;}

	.iTpl-main-row{display: block; }
	.iTpl-main-aside{max-width: 700px; margin: 0 auto; width: auto; text-align: center;}
	.iTpl-main-col{margin: auto auto; /*text-align: center;*/}
	.iTpl-main-col .iTpl-tit,
	.iTpl-main-col .iTpl-actu-aff{text-align: left;}

	.iTpl-tit{text-align: center;}

	.iTpl-itm.actu.inline.last{display: inline-block;}

	.iTpl-search{display: inline-flex; min-height: 50px; min-width: 100%;}
	.iTpl-search .iTpl-search-ipt{width: 250px;}

	.iTpl-ctr-evt .iTpl-sstit{ cursor: pointer; }
	.iTpl-ctr-evt .iTpl-sstit:after{content: url('../img/picto/btn/20/ls.png'); display: inline-block; vertical-align: middle; margin-left: 15px; transition: transform 0.25s ease; transform: rotate(0deg); }
	.iTpl-ctr-evt.open .iTpl-sstit:after{ transform: rotate(90deg); }
	.iTpl-ctr-evt:not(.open) .iTpl-ls-evt{ display: none; }

	.iTpl-img-fluid {max-width: 100%;  max-width: 600px; margin: 0 auto; display: block;}


	/*UTILE*/
	.mobile-flex-col {display: flex !important; flex-direction: column;}
	.mobile-flex-rev {display: flex !important; flex-direction: column-reverse !important;}

	.mobile-flex-col div img {max-width: 100%;}

	.iTpl-r-center {text-align:center;}

	/*ACCUEIL*/
	.iTpl-acc2 .situation, .iTpl-welcome {display: none;}
	.iTpl-acc1 {display: flex !important; flex-direction:column; padding: 0 !important;}
	.iTpl-acc-links {flex: 100%; margin: 0 !important; width: 100%;}
	/*hor*/
	.iTpl-acc-hor {order: -1; width: 100%; min-height: 270px;}
	.iTpl-acc-hor .iTpl-stit {font-size: 1.3em;}
	#acc-hor-text {display: none;}
	/*PART 2*/
	.iTpl-acc2 .webcam #skieurs-div {display: none;}
	.iTpl-acc2 {padding: 0 !important;}

	#acc-boutique-div {margin: 0;}
	#acc-boutique-text {right: 0;}
	.iTpl-clickbox {margin: 0; max-height: 430px;}
	.iTpl-clickbox img {max-height: 430px; /*object-fit: cover;*/ object-position: center;}
	.iTpl-name {font-size: 22px; }

	.iTpl-actu-responsive {margin: auto 0 !important; display: flex; flex-direction: column;}

	#acc-actu-article .iTpl-btn {margin-top: 10px !important;}

	.iTpl-btn-allactu {margin: 10px auto;}

		/*MEA et Actu titre*/
	.iTpl-mea {display: none;}
	.iTpl-mea-title {width: 100%; background-color: #27534B; color: white; text-align: center; font-size: 22px; min-height: 37px; vertical-align: middle; display: table-cell; padding: 15px;}
	.iTpl-mea-img {width: 100%; max-width: 100%; max-height: 400px; object-fit: cover;}
	.iTpl-mobile-mea {display: flex; flex-direction: column; cursor: pointer; margin-bottom: 25px;}

		/*Part 3*/
	.iTpl-acc3 {padding: 0; background-image: url(); background-color: white;}
	.iTpl-acc-last article {width: 100% !important; margin: 0;}
	.iTpl-acc3 > .iTpl-col-pag { padding-right: 0 !important; padding-left: 0 !important; }
	#acc-actu-article, #iTpl-acc-last {margin: 0;}
	#iTpl-acc-last {margin-top: 100px;}
	.iTpl-acc-last .iTpl-itm {min-height: 320px;}
	#iTpl-accpart3-background, #acc-actu-title {display: none;}

	#acc-actu-article .iTpl-btn {width:70%; margin: 0 15%; text-align: center;}

	.iTpl-itm {border-top: 2px solid #E8E8E8; max-width: 100%;}
	.iTpl-itm picture {display: flex; max-width: 100%;}
	.iTpl-itm-img-responsive {display: inline-block !important; width: 100% !important; object-fit: cover; max-height: 200px; object-position: top;}
	.iTpl-itm picture .iTpl-itm-img img {max-width: 100%; min-height: 100%; min-width: 100%; object-fit: cover; max-height: 155px;}
	.iTpl-itm picture .iTpl-txt {flex: 2; }
	/*.iTpl-itm-img {background-image: none !important; flex: 1;}*/

	.iTpl-actu-mini-ctn {position: relative; height: auto;}
	.iTpl-cri-list {display: flex; }

	.right {right: 0;}

	/*PRODUITS*/
	#section4 {margin-left: 0;}
	.idSliderItmImg img {width: 100%;}

	.iTpl-section4-4 {padding: 5%;}

	#iTpl-product-desc-huile {margin-left: 0;}

	.mobile-col-4 {text-align: center;}
	.mobile-col-4 * {text-align: center;}


	/*ACTU VW*/
	#iTpl-actu-msg-post, #iTpl-comment-title, #iTpl-actu-nofound {margin-left: 0;}
	#iTpl-actu-msg-post {margin-right: 20px;}

	/*CMT WRITE*/
	/*#iTpl-actu-msg:focus { position: fixed; top: 20px; left: 0; z-index: 10000; border: 0; resize: none; box-shadow: 2px 2px 4px rgba(0,0,0,0.4); }
	#iTpl-actu-msg:focus ~ :after {content: ' '; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2000; top: 0; left: 0;}*/


	/*MENU / LOGO*/
	.iTpl-menu .iTpl-menu-logo.iTpl-menu-logo-acc img { width: 130px; top: 10px;}
	.iTpl-head-small .iTpl-menu .iTpl-logo {padding-top: 10px;}

}

/*SPECIAL LOGO SMALL HEAD*/
@media screen and (max-width: 930px) and (min-width: 890px ){
	.iTpl-head-small .iTpl-menu .iTpl-logo { width: 120px; left: 5px; top: 5px;}
}


@media screen and (max-width: 1000px){
	.iTpl-actu-msg-div #msg-error {margin-left: 20px; max-width: calc(100% - 40px); margin-right: 20px;}
}

/*SPECIAL ACTU*/
@media screen and (max-width: 1130px){
	.iTpl-itm-mea {display: none;}

	/*UTILE*/
	.mobile-maxwidth {max-width: 100%;}

	/*ACTU LS*/
	.iTpl-ls-mea-responsive {display: block; width: 100%;}
	.iTpl-ls-mea-responsive > article {width: 100%; margin-bottom: 100px;}

	/*VIS*/
	.iTpl-vis-img-fromage {margin-right: 0;}
	.iTpl-vis-hor > .flex-1 {max-width: 300px; min-height: unset;}
	.iTpl-vis-hor.flex > article { margin-bottom: 20px;}

	/*PRD*/
	.iTpl-fromage-div img {/*width: 70%; margin-left: 15%;*/ max-width: max-content !important; margin-left: calc(50% - 150px);}

	/*CTC*/
	.ctc-adr {margin: 10px;}
	/*.ctn__map {margin: 10px auto 0 auto; height: unset;}*/

	.iTpl-logo {/*left: 78px;*/ padding-top: 5px;}

	#iTpl-actu-head {display: flex; flex-direction: column;}

	.iTpl-acc-last .iTpl-itm {max-width: unset; /*min-height: unset; */margin: 0; max-height: 176px;}

	/*WCM ACCUEIL*/
	.webcam {padding: 30px 0;}
	#webcam-title {padding: 10px !important; width: 100%; max-width: 600px; margin: 0 auto; padding: 10px 10px 40px 10px !important;}
	.webcam-inner {margin: 0 auto;}

	.acc-links-nores {margin-bottom: 20px; margin-bottom: 0; margin-top: 20px; max-width: 100%;  flex-wrap: wrap;}
	.acc-links-nores .iTpl-clickbox {margin: 0 5px;}


	.iTpl-acc3.acc3-hide {display: initial }

}

@media screen and (max-width: 1050px){
	.iTpl-calendar {border-spacing: 10px;}

	.iTpl-logo {left: 20px;}
}

@media screen and (max-width: 1000px){
	.idSliderItmContainer {display: flex; flex-direction: column;}
	.idSliderItmImg img {width: 50%;}
	.idSliderItmCtn {margin: 2%; text-align: center;}
	.idSliderItmCtn * {margin-left: auto !important; margin-right: auto !important;}

	.iTpl-nav {width: 100%; margin-left: 0; display: inline-block;}

	.mobile-flex-col-normal {display: flex; flex-direction: column;}
	
	/*ACCUEIL*/
	.acc-actu-content picture {max-height: 170px;}

		/*ACTU VW*/
	.iTpl-actu-ctn {flex-direction: column; margin-left: 0;}
	.iTpl-actu-ctn-txt {margin: 10px 0; padding: 10px 0;/* border-top: 2px solid black; border-bottom: 2px solid black;*/}
	.iTpl-actu-msg {width: calc(100% - 40px); margin: 0 20px 20px;}
	.iTpl-actu-msg-div {margin-bottom: 50px;}

	.iTpl-actu-comment {padding: 10px; background-position: 20px 20px; background-size: 16px; }
	.iTpl-actu-comment .iTpl-actu-comment-text {text-align: justify;}
	.iTpl-actu-comment-text {margin-left: 35px;}
	.iTpl-actu-comment > div {margin-left: 50px;}

	.iTpl-actu-comment.wait-cmt {background-position: 20px center}

	.iTpl-logo {left: 20px; padding-top: 1px;}

	.iTpl-actu-ctn-comments {margin-top: 0;}
	#iTpl-comments-list {  max-height: 600px; margin: 10px 20px 20px 20px;}

	.iTpl-actu-header {position: relative;}
	.iTpl-actu-header .iTpl-actu-header-diapo {position: absolute; right: 0; width: 100%; margin-right: 0;}
	.iTpl-actu-header .iTpl-actu-header-diapo .iTpl-actu-arrows {margin-right: 0}
	.iTpl-actu-header-diapo { flex: 3;}

}

@media screen and (max-width: 890px){
	/*ACTU VW*/
	.iTpl-actu-title-div > * {font-size: 16px !important;}

	/*HORAIRES*/
	.iTpl-hor-cal {flex-direction: column;}
	.iTpl-calendrier {width: 100%;}

		/*Menu*/
	.iTpl-main {padding-top: 10px !important; margin-bottom: 62px;}
	/*Disparition ancien menu*/
	.iTpl-menu, #iTpl-foot-loup, #iTpl-foot-youtube, #iTpl-foot-facebook {display: none;}
	.iTpl-flyer .iTpl-menu-btn {text-align: center; display: block;}
	
	/*responsive*/
	.iTpl-menu-rbtn{cursor: pointer; max-height: 25px;}

	.iTpl-menu-responsive{display: inline-block; background-color: #27534B; position: fixed; bottom: 0; width: 100%; z-index: 999; display: flex; align-items: baseline;}
	.iTpl-menu-responsive > * {flex: 1; max-width: 44px; margin: 2% auto; text-align: center; position: relative; bottom: unset; left: unset; display: unset; color: unset;}
	._boutique .iTpl-menu-responsive > :first-child {margin-left: 20px;}
	._boutique .iTpl-menu-responsive > :first-child img {max-height: 20px;}
	._boutique .iTpl-menu-responsive > :last-child {margin-right: 20px;}
	/*.rbtn-sld {background-color: #3B8276; padding: 10px; max-width: 64px;  border: 3px solid black; transform: translateY(-10px);}*/

	.iTpl-logo-responsive, .iTpl-logo-white {display: flex;  justify-content: center; max-width: 100%; align-items: center; background-color: #fff; padding: 1%; position: sticky; top: 0; z-index: 500; box-shadow: 0 1px 3px rgba(128,128,128,0.2)}
	.iTpl-logo-white {background-color: transparent; margin: 1% auto;}
	.iTpl-logo-responsive img {position: relative; margin: 1% 0; max-width: 200px}

	.iTpl-menu-responsive-max.min {top: 100%;}
	.iTpl-menu-responsive-max {position: fixed; top: 0; background-color: #27534B; width: 100%; z-index: 990; display: flex; flex-direction: column-reverse; align-items: center; padding-bottom: 1500px; overflow-y: scroll;}
	.iTpl-menu-responsive-max .iTpl-menu-btn {color: #fff; text-align: center; font-size: 1.4em; font-weight: 100; letter-spacing: 2px; margin-top: 2em; margin-right: 0; margin-left: 0;}
	.iTpl-menu-responsive-max .iTpl-menu-btn.sld > .iTpl-menu-txt {color: #ADC40C !important;}

	.iTpl-logo-white { display: flex;}

	/*.iTpl-menu-responsive .circle {background-color: #3B8276; width: 64px; height: 64px; border-radius: 50%; position: absolute;z-index: -1;transform: translateX(-5px) translateY(-5px);}*/
	.iTpl-menu-responsive #circle-hor {transform: translateX(-10px) translateY(-7px);}
	.iTpl-menu-responsive #circle-ctrl {width: 74px; height: 74px; transform: translateX(-9px) translateY(-16px);}
	.iTpl-menu-responsive #circle-ctc {transform: translateX(-10px) translateY(-10px);}
	.iTpl-menu-responsive #circle-usr {transform: translateX(-11px) translateY(-8px);}

	.iTpl-menu-responsive .circle-transf {width: 64px !important; height: 64px !important; transform: translateX(-2px) translateY(-11px) !important}


	.iTpl-menu-responsive .circle {background-color: #3B8276; width: 46px !important; height: 46px !important; border-radius: 50%; position: absolute;z-index: -1; transform: translateX(4px) translateY(-7px);}
	.iTpl-menu-responsive #circle-ctrl {transform: translateX(-2px) translateY(-9px);}




	/*HORAIRES DETAILS*/
	.iTpl-details-hor:not(.vertical) {display: flex; margin: 20px 0; margin-top: 40px; margin-bottom: 60px;}
	
	.iTpl-hor-line:not(.vertical) {flex: 1; flex-direction: column; border-left: 0; border-top: 2px solid #ADC40C;}
	.iTpl-hor-line:not(.vertical).s {max-width: 18px; margin-top: 0; border-top: 2px dotted #B2B2B2; border-left: 0;}
	.iTpl-hor-line:not(.vertical) .dot {height: 9px; width: 9px; background-color: #ADC40C; border-radius: 50%; display: inline-block; position: absolute; top: -4px !important; left: unset !important;}
	.iTpl-hor-line:not(.vertical).txts .dot {left: 0 !important;}
	.iTpl-hor-line:not(.vertical).txte .dot {right: 0 !important;}
	.iTpl-hor-line:not(.vertical).cl {border-top: 2px dotted #B2B2B2; border-left: 0; min-height: 0; min-width: 38px;}
	.iTpl-hor-line:not(.vertical) .txt {position: absolute; /*margin-top: 14px*/; top: 7px !important; font-size: 13px; font-weight: 900; color: #757575; margin-left: 0;}
	.iTpl-hor-line:not(.vertical).txte .txt {right: -2em !important;}

	.iTpl-details-hor.vertical {width: 100%; background-color: transparent;}

	.iTpl-hor-line.vertical {border-left: 2px solid #ADC40C; min-height: 19px; position: relative; display: flex;}
	.iTpl-hor-line.vertical.s {min-height: 10px; margin-top: 20px; border-left: 2px dotted #B2B2B2;}
	.iTpl-hor-line.vertical.txts .dot {top: 0;}
	.iTpl-hor-line.vertical.txte .dot {bottom: 0;}
	.iTpl-hor-line.vertical.cl {border-left: 2px dotted #B2B2B2; min-height: 38px;}
	.iTpl-hor-line.vertical .dot {height: 9px; width: 9px; background-color: #ADC40C; border-radius: 50%; display: inline-block; position: absolute; left: -5px;}
	.iTpl-hor-line.vertical .txt {position: absolute; margin-left: 14px; font-size: 13px; font-weight: 900; color: #757575;}
	.iTpl-hor-line.vertical.txts .txt {top: -7px;}
	.iTpl-hor-line.vertical.txte .txt {bottom: -7px;}

	/*HORAIRES AFFICHAGE SEMAINE*/
	.iTpl-hor-box .line .line-date {flex: 2;}
	.iTpl-hor-box .line .line-hor {flex: 3;}

	/*PRODUITS*/

	#section3 p{
		width: 100%;
		text-align: left;

	}

}

/* Mob */
@media screen and (max-width: 800px){
	/*ACCUEIL*/
	/*.iTpl-acc-hor {display: none;}*/
	.iTpl-acc-links {width: 100%;}
	.iTpl-acc1 {padding: 0 !important;/* width: 100%;*/ display: flex !important;}
	.acc-img { width: 100%;height: auto; flex: auto; }

	/*MAIN*/

	.iTpl-main .iTpl-col-pag.large{ padding: 20px 20px 0 20px; }

	.iTpl-main-col{min-width: 0;}

	.iTpl-itm { margin: 25px 5px; max-width: 100%; }

	.iTpl-foot .iTpl-foot-line .iTpl-col-pag{ padding: 20px 0 0 !important; }
	.iTpl-foot .iTpl-foot-line img{ margin: 0 auto; max-width: 100%; }

	.iTpl-foot .iTpl-flex,
	.iTpl-foot .iTpl-flex > *{ display: block; text-align: center; }

	.iTpl-head .iTpl-logo-slogan.iTpl-slogan{font-size: 1rem;}

	.iTpl-actu-aff{margin-bottom: 10px;}

	.iTpl-nav{position: static;}

	.iTpl-main-aside{padding: 20px 10px;}

	.iTpl-search .iTpl-search-ipt{max-width: 100%;}

	.cla{display: none;}

	.iTpl-flex .iTpl-flex-max{margin-left:0;}

	.iTpl-main-col .iTpl-tit,
	.iTpl-main-col .iTpl-actu-aff,
	.iTpl-main-col .evt{text-align: center;}

	.iTpl-slogan{font-size: 1.6rem;}
	.iTpl-sslogan{font-size: 1.1rem;}

	.iTpl-img-fluid { max-width: 300px;}

	/*ACTU*/
	.iTpl-actu-r {display: flex; flex-direction: column; flex: 4; margin-top: 25px;}
	.iTpl-actu-r .iTpl-actu-title-div {margin: 0; padding: 16px 25px; background-image: url(/tpl/tpl0/img/mep/body/bullet.png); background-position: calc(100% - 30px) center; background-repeat: no-repeat; background-size: initial; 
	width: 100%; max-width: unset; text-align: left; background-color: #F5F5F5;}
	.iTpl-actu-r .iTpl-actu-title-div .acc-title-l1, .iTpl-actu-r .iTpl-actu-title-div .acc-title-l2 {font-size: 16px !important;} 
	.iTpl-actu-n, .iTpl-actu-lgd {display: none;}

	.iTpl-actu-title {margin-left: 0;}

	

	/*ACTU LS*/
	.actu-ls {flex-direction: column; flex-wrap: wrap;}
	.actu-ls .iTpl-itm {/*width: 100% !important;*/ margin-left: 0;}

	/*ACTU VW*/
	.iTpl-actu-arrows, .iTpl-actu-next {text-align: left;}

	/*VIS*/
	.iTpl-li {padding: 0;}
	.iTpl-vis-tarif {flex-direction: column;}
	.img-assiette {margin-left: 0px;}

	/*GITES*/
	#iTpl-table-2n {/*max-width: 50%;*/}
	#iTpl-table-div-t1 { margin-bottom: 15px;}

	.mobile-flex-col-inter {display: flex; flex-direction: column;}

	/*USR PFL*/
	.usr-pfl {display: flex; flex-direction: column;}
	.usr-pfl > .iTpl-itm {width: 100%; margin: 20px auto;}

	#iTpl-btn-dcnx-usr {display: block; width: 80%; margin: 0 auto; margin-bottom: 10px;}

	/*CTC*/
	.ctc-adr-nores {display: none;}
	.ctc-adr {margin: 0;}
	.ctn__map {padding: 10px; margin: 10px auto 0 auto; height: unset;}
	.ctc-adr-res {display: flex; align-items: center; box-shadow: 0px 1px 1px rgba(112, 112, 112, 0.16);}
	.ctc-adr-res img {margin-right: 21px; margin-left: 36px;}

	.iUp_file {max-width: 180px;} 
	.iUp .block_mda .f_name {max-width: 70%;}
	.iUp .block_mda .f_name_span, .iUp .block_mda .f_name_input {max-width: 100%;}




}

@media screen and (max-width: 680px){
	.ctn__map a {right: 25px !important;}

	.iTpl-actu-msg-div {margin-bottom: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.iTpl-actu-msg-div #iTpl-actu-msg-post {margin-right: 0;}
}

@media screen and (max-width: 680px){
	.iTpl-body {font-size: 12px; line-height: 1.2rem;}

	.iTpl-hor-banner  {display: none;}
	.iTpl-hor-title {margin-left: 30px;}
	.iTpl-hor-projection, .iTpl-hor-today {padding: 17px 24px 50px 24px;}
	.iTpl-hor-today {padding-left: calc(24px - 2em);}

	.iTpl-details-hor {font-size: 13px;}

	.flex article.first-txt-git {margin-right: 10px;}
}

@media screen and (max-width: 640px){
	/*LOGO*/
	.iTpl-logo-responsive img {max-width: 128px;}

	/*HOR ACC*/
	.iTpl-acc-hor {display: none;}

	.iTpl-row-pag.first { padding: 25px 0 0 0;}

	.acc-slogan { margin: 0;}
	.iTpl-slogan { font-size: 1.3rem; padding-bottom: 5px;}

	.iTpl-main .iTpl-col-pag { padding: 0;}

	article.iTpl-itm { margin: 1% 0;}

	.iTpl-itm { border-bottom: none;}
	.iTpl-itm:after {border-bottom: none;}

	.iTpl-itm.actu, .iTpl-itm.actu.inline { width: 100%;}
	/*.iTpl-itm.actu .iTpl-itm-img, .iTpl-itm.actu.inline .iTpl-itm-img { min-width:100%; background: #FFFFFF;}*/
	.iTpl-itm.actu .iTpl-itm-img img, 	.iTpl-itm.actu.inline .iTpl-itm-img img { min-width:100%; height: 100%;}
	.iTpl-itm-txt { margin: 20px;}
	.iTpl-itm.actu .iTpl-itm-txt header { min-height: 35px; margin-bottom: 0px; }
	.iTpl-itm.actu .iTpl-itm-txt footer { min-height: 35px;}	

	@keyframes boxlbl {
		0% { right: 100%; opacity: 0;}
		50% {opacity: 0.4;}
		100% {right: 0; opacity: 1;}
	}

	/*ACCUEIL*/
	.acc-links-res {display: flex; flex-direction: column;}
	.acc-links-res .iTpl-clickbox {margin: 4px 2px !important; box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
	.acc-links-res .iTpl-clickbox img {object-position: bottom; clear: none; float: left;}
	.acc-txt-res {/*animation: boxlbl 1.5s;*/ position: absolute; right: 0; background-color: #fff; bottom: 0; padding: 11px 4px 8px 14px; font-size: 13px; color: #000; line-height: 14px; width: 160px; height: 50px; margin: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,0.25); z-index: 5;}
	/*.acc-txt-res.left {left: 0;}*/
	.acc-txt-res b { font-size: 19px;  font-weight: normal; letter-spacing: 0; word-spacing: 0;}
	.acc-links-nores {display: none;}
	.acc-wcm-date {margin: 0; padding: 20px;}

	/*GENERAL*/
	.iTpl-main {padding-bottom: 135px; padding-top: 0px !important; margin-bottom: 45px;}

	/*VIS*/
	.iTpl-txt-indent {margin-left: 0;}

	/*PRD*/
	.iTpl-section4-4 {padding: 2%;}
	.idSliderItmCtn * {width: 100%; white-space: normal;}

	#section3 .iTpl-product-desc-hor{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;


}
	#section3 p{
		text-align: center;
		margin-left: 0px;
	}

	#section3 h4{
		font-size: 13px;
	}


	/*HEADER TINY*/
	.iTpl-menu-responsive {min-height: 40px; z-index: 1000; height: 45px;}
	.iTpl-menu-responsive img {max-width: 22px; max-height: 20px;}

	.iTpl-menu-responsive .circle {width: 36px !important; height: 36px !important;}
	.iTpl-menu-responsive #circle-ctrl {transform: translateX(3.5px) translateY(-11.5px)}


	.iTpl-menu-responsive #circle-hor:not(.circle-transf) {transform: translateX(4px) translateY(-6px) !important;}
	.iTpl-menu-responsive #circle-ctc {transform: translateX(4px) translateY(-10px);}
	.iTpl-menu-responsive #circle-usr {transform: translateX(4px) translateY(-7px);}

	.iTpl-menu-responsive .circle-transf {width: 64px ; height: 64px ; transform: translateX(4px) translateY(-7px) !important;}

	.iTpl-menu-responsive #iTpl-btn-reduce-r {transform: translateY(-2px);}
	.iTpl-menu-responsive .circle-transf + #iTpl-btn-reduce-r {transform: translateY(1px);}

	/*ACTU VW*/
	.iTpl-actu-header {flex-direction: column;}
	.iTpl-actu-header .iTpl-actu-arrows {margin: 0 auto; width: max-content;}
	#iTpl-actu-ctn {font-size: 12px; padding: 0 !important; overflow: hidden;}


	/*HORAIRES*/
	.iTpl-calendar {border-spacing: 0}

	.iTpl-acc3 {padding-bottom: 40px;}
}

@media screen and (max-width: 520px){
	.mobile-flex-col-small {display: flex; flex-direction: column;}
	
	.flex article {margin: 0;}

	.iTpl-ml30 {margin-left: 0 !important;}

	/*ACC*/
	.sep-sapin {min-height: 38px;}

	/*VIS*/
	.iTpl-main .iTpl-col-pag.large.iTpl-vis-prog {padding: 20px;}


	/*GITES*/
	.idDiapo.iTpl-diapo-git { flex-direction: column;}
	.idDiapo.iTpl-diapo-git .idSliderCtn {flex-direction: row;}


	/*HORAIRES*/
	.iTpl-calendrier {padding: 30px;}
	.iTpl-hor-entete {max-width: unset;}


	/*CTC*/
	.iUp {min-width: unset;}
}

@media screen and (max-width: 460px){
	/*HORAIRES*/
	.iTpl-hor-body {position: relative;}
	
	.iTpl-hor-head.responsive {display: initial; position: fixed; width: 100%;}

	.iTpl-hor-head.responsive .iTpl-hor-entete {display: flex; padding: 50px 0; transition: 0.25s ease;}
	.iTpl-hor-head.responsive .iTpl-hor-entete.sticky {/*position: sticky;*/ padding: 15px 0;}
	.iTpl-hor-start.responsive { transition: 0.25s ease; display: flex; width: 100%; /*position: fixed;*/ background-color: #fff; margin: 0; padding: 24px 24px 30px 24px; flex-direction: column; padding-top: 200px;}
	.iTpl-hor-start.responsive .iTpl-hor-info{position: initial;}
	/*.iTpl-hor-start.responsive.sticky .iTpl-hor-info, .iTpl-hor-head.responsive .iTpl-hor-start.sticky span, .iTpl-hor-head.responsive .iTpl-hor-start.sticky .iTpl-hor-horboxes {display: none !important;}*/
	/*.iTpl-hor-start.responsive.sticky {position: sticky; padding-bottom: 12px; color: rgba(112, 112, 112, 0.7); height: max-content; cursor: pointer;}*/

	.iTpl-hor-projection {/*padding-top: 470px;*/}

	.iTpl-hor-entete:not(.responsive), .iTpl-hor-start:not(.responsive) {display: none;}

	.iTpl-hor-box {margin-left: 0;}

	.iTpl-hor-dsc {display: none;}

	.iTpl-hor-title {display: none;}

	.acc-links-res .iTpl-clickbox img {/*max-height: 150px;*/ object-position: bottom; clear: none; float: left;}

	/*PRD*/
	.iTpl-fromage-div img {width: 100%; margin: 0%;}
	.iTpl-product-desc-hor-img {width: 90%; margin-left: 0;}

	#section3 p {
		margin: auto;
		width: 360px;
	}
	#section3 h4 {
		font-size: 15px;
	}

	#section3 img {
		width: 250px;
	}




}


@media screen and (max-width: 430px){
	.acc-txt {font-size: 12px;}
	.acc-txt.gr {top: 16px;}
	.acc-txt.wh {top: 41px;}
}


@media screen and (max-width: 400px){
	/*PRD*/
	.iTpl-product-desc-hor {display: flex; flex-direction: column;}
	/*.iTpl-product-desc-hor-img {margin: 0 auto;}*/


	/*UTILE*/
	.mobile-flex-col-tiny {display: flex; flex-direction: column;}

	/*ACCUEIL*/
	.iTpl-mea-title {padding: 15px; font-size: 16px; height: 54px;}

	/*GITES*/
	#iTpl-git-tarif-list {display: block !important;}
	#iTpl-git-tarif-table {display : none;}

	/*ACTU VW*/
	.iTpl-actu-comment {font-size: 12px;}
	.prev, .next, .back {max-width: 70%;}

	/*CTC*/
	#iUp_pj .iUp {margin-left: 0;}


	/*GNL*/
	.acc-title-l1, .acc-title-l2 {font-size: 27px;}




}


@media screen and (max-width: 300px){
	#iTpl-foot-sitelink {font-size: 8px;}

	/*HORAIRES*/
	.iTpl-hor-info {display: flex; flex-direction: column;}
	.iTpl-hor-info .desc {font-size: 11px; line-height: 15px; margin-left: 0;}
}

/*MENU HEIGHT*/
@media screen and (max-height: 950px){
	.iTpl-menu-responsive-max .iTpl-menu-btn {font-size: 1.5em; margin-top: 1em;}
}

@media screen and (max-height: 700px){
	.iTpl-menu-responsive-max .iTpl-menu-btn {font-size: 1em; margin-top: 0.5em;}
}

@media screen and (max-height: 550px){
	.iTpl-menu-responsive-max .iTpl-menu-btn {font-size: 1em; margin-top: 0;}

	.iTpl-menu-responsive-max {/*flex-direction: row; */ flex-wrap: wrap}

	.iTpl-logo-white {display: none;}
}

@media screen and (max-height: 300px) and (max-width: 300px){
	.iTpl-menu-responsive-max .iTpl-menu-btn {font-size: 0.75em;}
}