/*******************************/
 /* Responsive */
@media (max-width: 767px) and (max-width: 991px) {
	#header {}
	h2 { font-size:30px !important}
	a.bt { padding:10px; display:inline-block;  width:100%;}
	.navbar-toggle { display: block; float:left; margin-top:10px; }
	.collapse:not(.show) { display:none;}
	.navbar-collapse { display:none; }
	.navbar-collapse.show { display:block; }
	.navbar-brand { left:50%; position:absolute; margin-left:-125px; }
	.menu-menu-contact-container { right:15px;  }
	.menu-menu-contact-container ul li.bt_contact a { text-indent:-8000em; }
	#navbar-header { height:150px;  }
	
	#navbar { padding:0; z-index:10; background:#eee }
	#navbar ul{  padding:0 }
	#navbar ul li  { width:100%;  }
	#navbar ul li a { border-bottom:1px solid #fff; border-right:none;  color:#000; font-weight: bold; width:100%; text-align:center; padding:20px}
	#navbar ul li a:hover, #navbar ul li a.active { background:#fff;  border-bottom:1px solid #b70d7f:#000; }
	#navbar ul ul { position:relative;  }
	
	#footer { padding-bottom:100px; }
	#footer ul li a { border:0 }
	
	
	.slide { padding-top:50px;}

	
	#map_container .filters_tag { width:90%; right:20px; }
	#map_container .filters_commerces { width:90%; top:80px;}
	#h_keys .key { margin-bottom:15px;  }
	#h_keys .key.odd { border:none; }
	
	#footer .text  { text-align:center;  }
	#footer ul  { text-align:center;  }
	#footer ul li  { display:block; margin-bottom:10px  }
	#footer ul li  a { display:block;  }
	
	#content .intro p { font-size:18px; line-height:24px; }
	
	.home #cff .cff-item { width: 100%; margin:1% 0;}
	
	
	#map .google_place { width:auto  }
	#map .google_place .photo { width:300px; height:100px }
	#map .google_place .sites { width:auto }
	#map .google_place .inside_r { width:auto; padding:10px;  }
	#map .google_place .inside_l { width:auto }
	#map .google_place .sites { width:auto }
	#map .google_place .txt {width:auto; }
	#map .google_place .hour {width:auto; }
	
	.img_categorie { height:200px; }
	.fts-simple-fb-wrapper { display:block !important; }

	#h_banner #banner_slider { padding-left: 15px;}
	#h_banner .item .inside .text { padding-right: 15px; order:2;}
	#h_banner .item .inside .img { order:1; margin-bottom:25px; ;}

	#h_banner .splide__progress {position: relative;  top:0; left:0; rotate: 0deg;}
	#h_banner .splide__index { position: relative;  top:0; left:0; display: none;}

	#h_news .fts-jal-single-fb-post { margin-bottom: 25px;}

	.splide__arrow { bottom:-47px; top: auto; width: 50px; height:50px;}
	.splide__arrow.splide__arrow--next { right:0}
	.splide__arrow.splide__arrow--left { left:0}

	.splide__arrow::after { margin-left: -10px;}

	h2.h_title span { padding:0}
	h2.h_title::after { display:none}

	#content_title h1.h_title span { padding:0}
	#content_title h1.h_title::after { display:none}

}


@media (min-width: 992px) and (max-width: 1199px) {
	#header {}
	#navbar { padding:0; z-index:10; background:#eee }
	#navbar ul { padding:20px;  }
	.navbar-brand { width:200px; }
	a.bt { padding:10px; display:inline-block;  width:100%;}
	.navbar-toggle { display: block; float:right; margin-top:30px; }
	.menu-menu-contact-container { top:50px; right:100px; }
	.menu-menu-contact-container ul li.bt_contact a { text-indent:-8000em; }
	
	#header.sticky .navbar-toggle { margin:0}
	
	.collapse:not(.show) { display: none;}
	.navbar-collapse { display:none; }
	.navbar-collapse.show { display:block; }
	#navbar ul { text-align:center; }
	
	
	
	#footer .text { text-align:center; }
	#footer .menu { text-align:center; }
	
	.home #cff .cff-item { width: 46%; }
	.img_categorie { height:200px; }
}

@media (min-width: 1200px) and (max-width: 1499px) {
	#header {}
	.container { max-width: 1270px;}
	.navbar-brand { width:200px; }
	.menu-menu-contact-container { right:25px; }
	
	#header.sticky #navbar ul { text-align:left; }
	#header.sticky #navbar ul li a { padding:5px 7px; }
	#header.sticky .menu-menu-contact-container ul li a { text-indent:-8000em;  }
	.img_categorie { height:200px; }

	#navbar ul li a { padding:2px 20px 2px 10px}
	#h_banner .splide__progress { left:-95px}
	#h_banner .splide__index { left:-125px}

	.splide__arrow.splide__arrow--next { right: 0;}
	
}

@media (min-width: 1500px){
	#header {}
	.container { max-width: 1370px;}
}




#map_container .filters_commerces {
	max-width:500px
}