/* Import font */
@import url(https://fonts.googleapis.com/css?family=Cairo);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;700&display=swap');

/* Extra small devices (phones, less than 768px) */
@media all {
	/* -------------------- */
	/* INIT */
	/* -------------------- */
	body {
		padding-top:51px;
		overflow-x: hidden; /* slice five experiences 2px margin */
		font-family: 'League Spartan', sans-serif;
	}
	
	/*
	Site styling
	*/
	.grand-title {
		font-size:32px;
	}
	
	.title {
		font-size:24px;
	}
	
	.secondary-title {
		font-size:18px;
	}
	
	
	/* -------------------- */
	/* DEFAULT */
	/* -------------------- */
	.breadcrumb_default-title  {
		margin:0 10px 0 0
	}
	
	/* -------------------- */
	/* TOOLS */
	/* -------------------- */
	.padding-right-5 {padding-right: 5px}
	
	.padding-15 {padding:15px}
	.padding-top-15 {padding-top:15px}
	.padding-bottom-15 {padding-bottom:15px}
	.padding-left-15 {padding-left: 15px}
	
	.padding-30 {padding:30px}
	.padding-top-30 {padding-top:30px}
	.padding-bottom-30 {padding-bottom:30px}
	.padding-left-30 {padding-left: 30px}
	.padding-right-30 {padding-right: 30px}
	
	.margin-0 {margin: 0}
	
	.margin-bottom-15 {margin-bottom: 15px}
	
	.margin-30 {margin: 30px}
	.margin-right-30 {margin-right: 30px}
	.margin-bottom-30 {margin-bottom: 30px}
	.margin-top-30 {margin-top: 30px}
	.margin-top-15 {margin-top: 15px}
	
	.margin-top-60 {margin-top: 60px}
	
	/* Caret */
	.caret-right {
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		border-left: 4px solid;
		display: inline-block;
		height: 0;
		width: 0;
	}
	
	/* Popover calendar */
	.popover{
		width: 100%;
	}
	
	/* Calendar no border */
	.table.table-bordered thead > tr > th, .table.table-bordered thead > tr > td { border: none; }	
	
	/* -------------------- */
	/* LIB */
	/* -------------------- */
	
	/* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */
	.carousel-fade .carousel-inner .item {
		opacity: 0;
		transition-property: opacity;
	}
	
	.carousel-fade .carousel-inner .active {
		opacity: 1;
	}
	
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
	}
	
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
		opacity: 1;
	}
	
	.carousel-fade .carousel-control {
		z-index: 2;
	}
	
	/* -------------------- */
	/* NAV BAR */
	/* -------------------- */
	/* Navbar brand custom */
	.navbar-logo-wrapper {
		padding:5px 15px;
	}
	
	.navbar-logo-a {
		display:block;
		width:200px;
		height:60px;
		/*background: url(../images/nav/logo_xs.png) no-repeat center;*/
    background: transparent url(https://jardinsdemetis.com/wp-content/uploads/2022/02/Metis-Logo_Horiz-FR-Blanc.png) no-repeat center;
    background-size: 100% auto;
    z-index: 9999;
    position: relative;
	}
	.navbar-logo-a.logo_en {
		background: transparent url(https://jardinsdemetis.com/wp-content/uploads/2022/02/Metis-Logo_Horiz-EN-Blanc.png) no-repeat center;
    background-size: 100% auto;
	}
	
	nav .navbar-top-wrapper ul.navbar-left {
		height: 40px;
	}
	
	nav .navbar-top-wrapper ul.navbar-left li {
		width: 120px;
		height: 100%;
	}
	
	nav .navbar-top-wrapper ul.navbar-left li a {
		height: 100%;
	}
	
	nav ul.navbar-left li div {
		height:10px;
	}
	
	/* Jardins */
	nav .static-jardins {
		background: hsla(213,50%,59%,1.00);
	}
	
	nav .active-jardins {
		background: hsla(213,50%,59%,1.00);
	}
	
	/* Festival */
	.static-festival {
		background: hsla(42,76%,46%,1.00);
	}
	
	.active-festival {
		background: hsla(42,86%,69%,1.00);
	}
	
	/* Parc */
	.static-parc {
		background: hsla(70,37%,36%,1.00);
	}
	
	.active-parc {
		background: hsla(70,19%,56%,1.00);
	}
	
	/* Navbar bottom */
	.navbar-bottom li a {
		width:34px;
		height:34px;
		padding:0;
		margin:0;
	}
	
	.navbar-bottom li a.navbar-bottom-facebook {
		margin-left:15px;
	}
	
	.navbar-bottom li a.navbar-bottom-twitter {
		margin-left:2px;
	}
	
	/* Adjust Menu colors - Normal */
	.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
		text-shadow: none;
	}
	
	/* -------------------- */
	/* PLUGIN SLICE NEWS */
	/* -------------------- */
	
	/* Full width container */
	.slice-news
	{
		background:#183150
	}
	.slice-news a
	{
    color: #fff;
    display: inline-block;
		margin-bottom: 20px;
    font-weight: bold;
	}
	
	/* Title main */
	.slice-news_title-main
	{
		height:31px;
		line-height:40px;
		/*margin:-31px 0 0 0;*/
    margin: 0;
		color:#fff;
    margin-top: 30px;
	}
	
	/* Previous button container */
	/* Next button container */
	.slice-news .carousel-control.left,
	.slice-news .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0 #eee;
		height: 42px;
		line-height:38px;
		width : 22px;
		top: 50%;
		margin-top:-20px;
	}
	
	/* Previous button container */
	.slice-news .carousel-control.left
	{
		left: 0px !important;
	}
	
	/* Next button container */
	.slice-news .carousel-control.right
	{
		right: 0px !important;
	}
	
	/* Inside button */
	.slice-news .carousel-control{
		position: absolute;
		bottom: 0;
		font-size: 28px;
		color: hsla(0,0%,47%,1.00);
		text-shadow: 0 0 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	
	/* Content */
	.slice-news_item-content {
		color:hsla(0,0%,100%,1.00);
		height:200px
	}
	
	/* Tooltip */
	.slice-news_tooltip-01,
	.slice-news_tooltip-02,
	.slice-news_tooltip-03 {
		width:60px;
		height:40px;
		margin-top:0
	}
	
	.slice-news_tooltip-01 {
		background: hsla(213,50%,59%,1.00)
	}
	
	.slice-news_tooltip-02 {
		background: hsla(42,76%,46%,1.00);
		margin-left:10px;
		margin-right:10px
	}
	
	.slice-news_tooltip-03 {
		background: hsla(70,37%,36%,1.00)
	}
	
	.slice-news_tooltip-01.active {
		background: hsla(213,49%,69%,1.00) !important;
	}
	
	.slice-news_tooltip-02.active {
		background: hsla(42,86%,69%,1.00) !important;
	}
	
	.slice-news_tooltip-03.active {
		background: hsla(70,19%,56%,1.00) !important;
	}
	
	.slice-news_sub-title {
		margin-top:0;
		font-weight:bold
	}
	
	a.slice-news_read-next {
		color:hsla(0,0%,100%,1.00)
	}
	
	/* Loading */
	.slice-news_loading-ajax {
		width:50px;
		margin-top:60px;
	}
	
	/* -------------------- */
	/* PLUGIN SLICE REVUEPRESSE */
	/* -------------------- */
	
	/* Full width container */
	.slice-revuepresse
	{
		background:#666666
	}
	.slice-revuepresse a
	{
    color: #fff;
    display: inline-block;
		margin-bottom: 20px;
    font-weight: bold;
	}
	
	/* Title main */
	.slice-revuepresse_title-main
	{
		height:31px;
		line-height:40px;
		/*margin:-31px 0 0 0;*/
    margin: 0;
		color:#fff;
    margin-top: 30px;
	}
	
	/* Previous button container */
	/* Next button container */
	.slice-revuepresse .carousel-control.left,
	.slice-revuepresse .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0 #eee;
		height: 42px;
		line-height:38px;
		width : 22px;
		top: 50%;
		margin-top:-20px;
	}
	
	/* Previous button container */
	.slice-revuepresse .carousel-control.left
	{
		left: 0px !important;
	}
	
	/* Next button container */
	.slice-revuepresse .carousel-control.right
	{
		right: 0px !important;
	}
	
	/* Inside button */
	.slice-revuepresse .carousel-control{
		position: absolute;
		bottom: 0;
		font-size: 28px;
		color: hsla(0,0%,47%,1.00);
		text-shadow: 0 0 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
	
	/* Content */
	.slice-revuepresse_item-content {
		color:hsla(0,0%,100%,1.00);
		height:200px
	}
	
	/* Tooltip */
	.slice-revuepresse_tooltip-01,
	.slice-revuepresse_tooltip-02,
	.slice-revuepresse_tooltip-03 {
		width:60px;
		height:40px;
		margin-top:0
	}
	
	.slice-revuepresse_tooltip-01 {
		background: hsla(213,50%,59%,1.00)
	}
	
	.slice-revuepresse_tooltip-02 {
		background: hsla(42,76%,46%,1.00);
		margin-left:10px;
		margin-right:10px
	}
	
	.slice-revuepresse_tooltip-03 {
		background: hsla(70,37%,36%,1.00)
	}
	
	.slice-revuepresse_tooltip-01.active {
		background: hsla(213,49%,69%,1.00) !important;
	}
	
	.slice-revuepresse_tooltip-02.active {
		background: hsla(42,86%,69%,1.00) !important;
	}
	
	.slice-revuepresse_tooltip-03.active {
		background: hsla(70,19%,56%,1.00) !important;
	}
	
	.slice-revuepresse_sub-title {
		margin-top:0;
		font-weight:bold
	}
	
	a.slice-revuepresse_read-next {
		color:hsla(0,0%,100%,1.00)
	}
	
	/* Loading */
	.slice-revuepresse_loading-ajax {
		width:50px;
		margin-top:60px;
	}
	
  
	#slicePresentation
	{
		/*background:hsla(42,76%,46%,1.00);*/
	}
	/*#slicePresentation h2
	{
		color: #000;
	}*/
  #containerSubEditionList a {
    display: block;
    padding: 10px;
    color: #323137;
  }
  #containerSubEditionList a:hover {
    background-color: #fff;
    text-decoration: none;
  }
  
	/* -------------------- */
	/* JARDINS */
	/* -------------------- */
	
	/* --------- */
	/* SLICE TOP */
	/* --------- */
	/* Slider item */
	#sliceHeader .item {
		height: 300px;
	}
	
	/* Control */
	#sliceHeader .glyphicon-chevron-left,
	#sliceHeader .glyphicon-chevron-right {
		top:50%;
		margin-top:-20px
	}
	
	/* Preload */
	#jardinsHome:after{
		position:absolute; 
		width:0; 
		height:0; 
		overflow:hidden; 
		z-index:-1;
		content: url(../images/jardins/home/slice-header/Temp1.jpg)
				 url(../images/jardins/home/slice-header/fleur-de-lotus_4814300.jpg) 
				 url(../images/jardins/home/slice-header/5796-jolie-fleur-jaune-WallFizz.jpg);
	}
	
	/* Slider background */
	#sliceHeader #slide-01 {
		background:url(../images/jardins/home/slice-header/Temp1.jpg) top center no-repeat
	}
	
	#sliceHeader #slide-02 {
		background: url(../images/jardins/home/slice-header/fleur-de-lotus_4814300.jpg)
	}
	
	#sliceHeader #slide-03 {
		background:url(../images/jardins/home/slice-header/5796-jolie-fleur-jaune-WallFizz.jpg) top center no-repeat
	}
	
	#sliceHeader #slide-01,
	#sliceHeader #slide-02,
	#sliceHeader #slide-03 {
		background-size:cover
	}
	
	/* ---------- */
	/* SLICE FIVE */
	/* ---------- */
	.sliceFive {
		background:hsla(213,50%,59%,1.00);
		margin-right:-2px;
	}
	
	.sliceFive_main-title {
		color:hsla(0,0%,100%,1.00);
		margin-top:0
	}
	
	.sliceFive_collapse {
		border: 1px solid hsla(0,0%,100%,1.00);
		width:100%;
		display: block;
		overflow: hidden;
		position:relative;
		cursor: pointer
	}
	
	.sliceFive_collapse-39 {height:300px}
	.sliceFive_collapse-15 {height:200px}

	.sliceFive_box-01 {
		background:url(../images/jardins/home/slice-five/1.jpg) left no-repeat
	}
	
	.sliceFive_box-02 {
		background:url(../images/jardins/home/slice-five/2.jpg) left no-repeat;
	}
	
	.sliceFive_box-03 {
		background:url(../images/jardins/home/slice-five/3.jpg) left no-repeat
	}
	
	.sliceFive_box-04 {
		background:url(../images/jardins/home/slice-five/4.jpg) left no-repeat
	}
	
	.sliceFive_box-05 {
		background:url(../images/jardins/home/slice-five/5.jpg) left no-repeat;
	}
	
	.sliceFive_box-01,
	.sliceFive_box-02,
	.sliceFive_box-03,
	.sliceFive_box-04,
	.sliceFive_box-05 {
		background-size:cover
	}
	
	.sliceFive_collapse-top-title {
		position:absolute;
		width:100%;
		height:45%;
		bottom:0;
		padding-left:5%;
		padding-right:5%;
		padding-top:5%;
		padding-bottom:5%;
		color:hsla(0,0%,100%,1.00);
		background: hsla(218,67%,53%,0.70)
	}
	
	.sliceFive_collapse-inner:hover {
		color:hsla(0,0%,100%,1.00);
		text-decoration:none
	}
	
	.sliceFive_collapse-inner {
		position:absolute;
		bottom:0;
		min-height:50%;
		padding:15px;
		background: hsla(218,67%,53%,0.80);
		color:hsla(0,0%,100%,1.00)
	}
	
	.sliceFive_collapse-inner-title {
		margin-top:0
	}
	
	/* ------------ */
	/* SLICE EVENTS */
	/* ------------ */
	
	/* Full width container */
	.slice-events
	{
		background: hsla(0,0%,61%,1.00)
	}
	
	/* Title main */
	.slice-events_title-main
	{
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color: hsla(0,0%,61%,1.00)
	}
	
	/* Carousel container */
	.slice-events_carousel-events
	{
		background: hsla(0,0%,100%,0.10)
	}
	
	.slice-events_item-content {
		min-height:200px;
		background:hsla(0,0%,84%,1.00);
		border-radius:5px
	}
	
	.slice-events_item-content-loading {
		min-height:200px;
	}
	
	.slice-events_item-content-sub {
		padding:10px
	}
	
	.slice-events_item-content-sub h3 {
		margin-top:0
	}
	
	/* Tooltip */
	.slice-events_tooltip-01,
	.slice-events_tooltip-02,
	.slice-events_tooltip-03 {
		width:60px;
		height:40px;
		margin-top:0
	}
	
	.slice-events_tooltip-01 {
		background: hsla(213,50%,59%,1.00)
	}
	
	.slice-events_tooltip-02 {
		background: hsla(42,76%,46%,1.00);
		margin-left:10px;
		margin-right:10px
	}
	
	.slice-events_tooltip-03 {
		background: hsla(70,37%,36%,1.00)
	}
	
	.slice-events_tooltip-01.active {
		background: hsla(213,49%,69%,1.00) !important;
	}
	
	.slice-events_tooltip-02.active {
		background: hsla(42,86%,69%,1.00) !important;
	}
	
	.slice-events_tooltip-03.active {
		background: hsla(70,19%,56%,1.00) !important;
	}
	
	.slice-events_loading-ajax {
		width:50px;
		margin-top:55px
	}
	
	.slice-events_item-content-load {
		padding-top:60px
	}
	
	/* Previous button container */
	/* Next button container */
	#carouselEvents .carousel-control.left,
	#carouselEvents .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0 hsla(237,64%,17%,1.00);
		height: 42px;
		line-height:38px;
		width : 22px;
		top: 50%;
		margin-top:-20px;
	}
	
	/* Previous button container */
	#carouselEvents .carousel-control.left
	{
		left: 0px !important;
	}
	
	/* Next button container */
	#carouselEvents .carousel-control.right
	{
		right: 0px !important;
	}
	
	/* Inside button */
	#carouselEvents .carousel-control{
		position: absolute;
		bottom: 0;
		font-size: 28px;
		text-shadow: 0 0 0;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.slice-events_carousel-explore
	{
		background: hsla(0,0%,100%,0.10)
	}
	
	
	
	
	
	
	
	/* -------------- */
	/* SLICE FESTIVAL */
	/* -------------- */
	
	/* Full width container */
	#sliceFestival {
	}
	
	/* Title main */
	#sliceFestival .title-main
	{
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color: hsla(330,2%,23%,1.00)
	}
	
	.container-sub {
		background:hsla(0,0%,3%,.75)
	}
	
	/* Box proportion */
	#sliceFestival .box {
		position: relative;
		width: 100%;
	}
	
	#sliceFestival .box:before {
		content: "";
		display: block;
		padding-top: 100%; /* 1:1 */
		/* padding-top: 50%; 2:1 */
		/* padding-top: 200%; 1:2 */
		/* padding-top: 75%; 4:3 */
		/* padding-top: 56.25%; 16:9 */
	}
	
	#sliceFestival .content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	#sliceFestival .text-content {
		color: hsla(0,0%,100%,1.00)
	}
	
	#sliceFestival .content-01 {
		background:url(../images/jardins/home/slice-festival/Festival1.jpg) no-repeat top center
	}
	
	#sliceFestival .content-02 {
		background:url(../images/jardins/home/slice-festival/Festival2.jpg) no-repeat top center
	}
	
	#sliceFestival .content-03 {
		background:url(../images/jardins/home/slice-festival/Festival3.jpg) no-repeat top center
	}
	
	#sliceFestival .content-04 {
		background:url(../images/jardins/home/slice-festival/04.jpg) no-repeat top center
	}
	
	#sliceFestival .content-01,
	#sliceFestival .content-02,
	#sliceFestival .content-03,
	#sliceFestival .content-04 {
		background-size:cover
	}
	
	/* ---------------- */
	/* SLICE EXPOSITION */
	/* ---------------- */
	
	/* Full width container */
	.slice-exposition
	{
		background: hsla(213,41%,25%,1.00)
	}
	
	.slice-exposition_carousel-exposition
	{
		background:hsla(213,36%,38%,1.00)
	}
	
	.slice-exposition_content
	{
		height:250px;
		background: hsla(213,41%,33%,1.00);
		line-height:250px;
		color:hsla(0,0%,100%,1.00)
	}
	
	.slice-exposition_carousel-events
	{
		background: hsla(0,0%,100%,0.10)
	}
	
	.slice-exposition_item-content {
		min-height:200px;
		background:#0d2d53;
		border-radius:5px
	}
	
	.slice-exposition_item-content-sub {
		padding:10px;
		color: #9ebee4
	}
	
	.slice-exposition_item-content-sub a {
		color: #9ebee4
	}
	
	.slice-exposition_item-content-sub h3 {
		margin-top:0
	}
	
	.slice-exposition_carousel-explore
	{
		background: hsla(213,36%,38%,1.00)
	}
	
	.slice-exposition_carousel-explore a
	{
		color:hsla(0,0%,100%,1.00)
	}
	
	/* Previous button container */
	/* Next button container */
	#carouselExposition .carousel-control.left,
	#carouselExposition .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0 #daebff;
		height: 42px;
		line-height:38px;
		width : 22px;
		top: 50%;
		margin-top:-20px;
	}
	
	/* Previous button container */
	#carouselExposition .carousel-control.left
	{
		left: 0px !important;
	}
	
	/* Next button container */
	#carouselExposition .carousel-control.right
	{
		right: 0px !important;
	}
	
	/* Inside button */
	#carouselExposition .carousel-control{
		color: hsla(0,0%,0%,1.00);
		position: absolute;
		bottom: 0;
		font-size: 28px;
		text-shadow: 0 0 0;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ---------------- */
	/* SLICE CAMPING */
	/* ---------------- */
	
	/* Full width container */
	.slice-camping
	{
		background: hsla(0,0%,59%,1.00)
	}
	
	/* Title main */
	.slice-camping_title-main
	{
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color: hsla(0,0%,59%,1.00)
	}
	
	.slice-camping_content
	{
		height:250px;
		background: hsla(0,0%,78%,1.00);
		line-height:250px;
		color:hsla(0,0%,100%,1.00)
	}
	
	/* ------------- */
	/* SLICE FLOWERS */
	/* ------------- */
	
	/* Hide Show */
	.sliceFlowersShow
	{
		display:none
	}
	
	/* Full width container */
	#sliceFlowers
	{
		background:hsla(218,41%,63%,1.00)
	}
	
	/* Title main */
	#sliceFlowers .title-main
	{
		min-height:31px;
		line-height:50px;
		margin:-31px 0 0 0;
		color:hsla(218,41%,63%,1.00)
	}
  @media screen and (min-width: 1550px) {
    #sliceFlowers .title-main {
      font-size: 40.8px !important;
      line-height: 45px !important;
    }
    body h2 {
      font-size: 40.8px !important;
      line-height: 45px !important;
    }
  }
	
	/* Previous button container */
	/* Next button container */
	#sliceFlowers #carouselFlowers .carousel-control.left,
	#sliceFlowers #carouselFlowers .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0;
		height: 30px;
		line-height:26px;
		width : 22px;
		top: 50%;
		margin-top:-20px;
	}
	
	/* Previous button container */
	#sliceFlowers #carouselFlowers .carousel-control.left
	{
		left: 0px !important;
	}
	
	/* Next button container */
	#sliceFlowers #carouselFlowers .carousel-control.right
	{
		right: 0px !important;
	}
	
	/* Inside button */
	#sliceFlowers #carouselFlowers .carousel-control{
		position: absolute;
		bottom: 0;
		font-size: 30px;
	}
	
	/* Sub item */
	#sliceFlowers .item-sub {
		min-height:150px;
	}
	
	/* Box proportion */
	#sliceFlowers .box {
		position: relative;
		width: 100%;
	}
	
	#sliceFlowers .box:before {
		content: "";
		display: block;
		padding-top: 100%; /* 1:1 */
		/* padding-top: 50%; 2:1 */
		/* padding-top: 200%; 1:2 */
		/* padding-top: 75%; 4:3 */
		/* padding-top: 56.25%; 16:9 */
	}
	
	#sliceFlowers .content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	#sliceFlowers .item-content{
		background:hsla(0,0%,75%,1.00);
		width: 100%;
		height: 100%;
		border-radius: 100px;
		cursor:pointer
	}
	
	/* Loading */
	#sliceFlowers .loading-ajax {
		width:50px;
		margin-top:50px;
	}
	
	.sliceFlowers_explore
	{
		color:hsla(0,0%,100%,1.00)
	}
	
	/* ---------------- */
	/* SLICE MULTIMEDIA */
	/* ---------------- */
	
	/* Full width container */
	.slice-multimedia
	{
		background: hsla(0,0%,84%,1.00)
	}
	
	/* Title main */
	.slice-multimedia_title-main
	{
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color:hsla(0,0%,84%,1.00)
	}
	
	/* Box proportion */
	.slice-multimedia_box {
		position: relative;
		width: 100%;
	}
	
	.slice-multimedia_box:before {
		content: "";
		display: block;
		/*padding-top: 100%; 1:1 */
		/* padding-top: 50%; 2:1 */
		/* padding-top: 200%; 1:2 */
		/* padding-top: 75%; 4:3 */
		padding-top: 56.25%; /* 16:9 */
	}
	
	.slice-multimedia_content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: hsla(0,0%,68%,1.00)
	}
	
	.slice-multimedia_pano,
	.slice-multimedia_forfait {
		width:100%;
		height:100%
	}
	
	/* -------------------- */
	/* FESTIVAL */
	/* -------------------- */
	
	/* HOME */
	.festival-home_edition-main-title {
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color:hsla(42,76%,46%,1.00);
		text-transform:uppercase
	}
	
	.festival-home_edition-presentation {
		/*background:hsla(42,76%,46%,1.00);*/
		/*padding:15px;*/
		/*color:hsla(0,0%,100%,1.00)*/
	}
	
	/*.festival-home_edition-dropdown a {
		color:hsla(0,0%,100%,1.00)
	}*/
	
	.festival-home_edition-dropdown-menu a {
		color:hsla(0,0%,100%,1.00)
	}
	
	.dropdown-menu > li.activeMenu > a {
		background:hsla(208,56%,41%,1.00);
		color:hsla(0,0%,100%,1.00)
	
	}
	
	.navbar-right #dropdownEditionMenu .dropdown-menu {
		right: auto;
    	left: auto;
		min-width:90px
	}
  
  #dropdownEdition {
    display: inline-block;
    height: 50px;
    position: relative;
  }
  #dropdownEdition .dropdown-toggle {
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 18px;
    padding: 3px 12px;
    text-decoration: none;
  }
	
	#more {display: none;}
  #myBtn {color: #fff;}
  #myBtn:hover {color: #fff;}
	
	
	
	
	.festival-home_edition-thumbnail-box {
		position: relative;
		width: 100%;
    /*margin-bottom: 5px;*/
	}
	
	.festival-home_edition-thumbnail-box:before {
		content: "";
		display: block;
		/*padding-top: 100%;*/
		/*padding-top: 150%;*/			/* Custom  */
		/* padding-top: 150%; */		/* 1:1  */
		/* padding-top: 50%; 2:1 */
		/* padding-top: 200%; 1:2 */
		padding-top: 75%; /* 4:3 */
		/* padding-top: 56.25%; 16:9 */
	}
	
	.festival-home_edition-thumbnail-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer;
	}
	
	.festival-home_edition-thumbnail-content-title {
		/*position: absolute;*/
		width:100%;
		/*padding:5px;
		bottom:0;
		background: hsla(0,0%,0%,0.50);
		color: hsla(0,0%,100%,1.00);*/
		margin-bottom:16px;
    line-height: 1.3;
    min-height: 52px;
	}
	
	.festival-home_edition-thumbnail-content-title .small {
		max-height: 15px;
	}
	
	/* PROFIL */
	.festival-profil_edition-main-title {
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color:hsla(42,76%,46%,1.00);
		text-transform:uppercase
	}
	
	.festival-profil_edition-list {
		/*background:hsla(42,76%,46%,1.00);*/
		padding:15px;
		/*color:hsla(0,0%,100%,1.00)*/
	}
	/*
	.festival-profil_edition-dropdown a {
		color:hsla(0,0%,100%,1.00)
	}
	*/
	.festival-profil_edition-t1-title {
		margin-top:0
	}
	
	.festival-profil_edition-t1-text {
		text-align:justify
	}
	/*
	.festival-profil_edition-t2-container {
		background:hsla(0,0%,61%,1.00)
	}
	*/
	.festival-profil_edition-t2-sub-container {
		padding:15px
	}
	
	.festival-profil_edition-t2-text {
		text-align:justify
	}
	
	.festival-profil_edition-side-loading-ajax {
		width:50px
	}
	
	.festival-profil_edition-carousel-img {
		/*width:100%*/
    height: 100%;
	}
	
	.festival-profil_edition-thumbnail-img {
		display:block;
		width:100%;
		height:75px; 
	}
	
	.festival-profil_edition-thumbnail-box {
		position: relative;
		width: 100%;
	}
	
	.festival-profil_edition-thumbnail-box:before {
		content: "";
		display: block;
		padding-top: 100%; /* 1:1 */
		/* padding-top: 50%; 2:1 */
		/* padding-top: 200%; 1:2 */
		/* padding-top: 75%; 4:3 */
		/* padding-top: 56.25%; 16:9 */
	}
	
	.festival-profil_edition-thumbnail-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer
	}
	
	.festival-profil_edition-thumbnail-tweak {
		padding-left:0;
		padding-right:15px;
	}
	
	.festival-profil_edition-thumbnail-col-tweak {
		padding-left: 15px !important;
		padding-right: 0 !important;
	}
	
	.festival-profil_edition-conceptor-img {
		width:100%;
		/*-webkit-filter: grayscale(90%);
		   -moz-filter: grayscale(90%);
             -o-filter: grayscale(90%);
            -ms-filter: grayscale(90%);
                filter: grayscale(90%);*/
	}
  
	/* ne pas forcer la hauteur sur les cells, ça déforme les images */
	@media (min-width: 768px) {
    #carouselMosaic,
    #carouselMosaic .carousel-inner {
      height: 500px;
    }
	}
  
	#carouselMosaic .item,
	#carouselMosaic .item .row,
	#carouselMosaic .item .row > div {
		height: 100%;
    text-align: center;
	}
	
	#carouselMosaic .carousel-control.left,
	#carouselMosaic .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0;
	}
	
	/* ------------- */
	/* NEWS PAGE     */
	/* ------------- */
	.news_container-details {
		min-height:250px
	}
	
	.news_titre {
		margin-top:0;
	}
	
	.news_container-list {
		background:hsla(0,0%,90%,1.00);
		min-height:250px;
		padding:15px 15px 10px 15px
	}
	
	.news_title-main
	{
		height:20px;
		line-height:17px;
		margin:-20px 0 0 0;
		text-transform:uppercase;
	}
	
	ul.news_newsSideList
	{
		list-style-type: none;
		padding:0;
		margin:0
	}
	
	ul.news_newsSideList li
	{
		margin-bottom:10px
	}
	
	.news-side-list-loading
	{
		display: none;
	}
	
	.news-side-list-loading-img
	{
		width: 25px;
	}
	
	.news_container-list-error
	{
		display: none;
	}
	
	/* -------------------- */
	/* REVUEPRESSE PAGE     */
	/* -------------------- */
	.revuepresse_container-details {
		min-height:250px
	}
	
	.revuepresse_titre {
		margin-top:0;
	}
	
	.revuepresse_container-list {
		background:hsla(0,0%,90%,1.00);
		min-height:250px;
		padding:15px 15px 10px 15px
	}
	
	.revuepresse_title-main
	{
    font-size: 24px;
		height:20px;
		line-height:17px;
		margin:-20px 0 0 0;
		text-transform:uppercase;
	}
	
	ul.revuepresse_revuepresseSideList
	{
		list-style-type: none;
		padding:0;
		margin:0
	}
	
	ul.revuepresse_revuepresseSideList li
	{
		margin-bottom:10px
	}
	
	.revuepresse-side-list-loading
	{
		display: none;
	}
	
	.revuepresse-side-list-loading-img
	{
		width: 25px;
	}
	
	.revuepresse_container-list-error
	{
		display: none;
	}
	
	/*
	Release
	*/
	.page-release_sideList
	{
		margin-left:-20px
	}
	
	.page_release_body-images img
	{
		/*width:100% !important;
		display: block;*/
		max-width: 100%;
		height:auto !important
	}
	
	/*
	DISCOVER JARDIN
	*/
	.jardins-discover_edition-main-title {
		height:31px;
		line-height:40px;
		margin:-31px 0 0 0;
		color: hsla(213,50%,59%,1.00);
		text-transform:uppercase
	}
	
	.jardins-discover_edition-presentation {
		background: hsla(213,50%,59%,1.00);
		padding:15px
	}
	
	.jardins-discover_edition-presentation,
	.jardins-discover_edition-presentation a {
		color: hsla(0,0%,100%,1.00)
	}
	
	.jardins-discover_edition-thumbnail-box {
		position: relative;
		width: 100%;
	}
	
	.jardins-discover_edition-thumbnail-box:before {
		content: "";
		display: block;
		padding-top: 150%;			/* Custom  */
		/* padding-top: 100%;*/		/* 1:1  */
		/* padding-top: 50%;*/		/* 2:1  */
		/* padding-top: 200%;*/		/* 1:2  */
		/* padding-top: 75%;*/		/* 4:3  */
		/* padding-top: 56.25%;*/ 	/* 16:9 */
	}
	
	.jardins-discover_edition-thumbnail-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer
	}
	
	.jardins-discover_edition-thumbnail-content-title {
		position: absolute;
		width:100%;
		padding:5px;
		bottom:0;
		background: hsla(0,0%,0%,0.50);
		color: hsla(0,0%,100%,1.00)
	}
	
	#carouselDiscover .carousel-control.left,
	#carouselDiscover .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0;
	}
	
	.jardins-discover_edition-thumbnail-plugin-box {
		position: relative;
		width: 100%;
	}
	
	.jardins-discover_edition-thumbnail-plugin-box:before {
		content: "";
		display: block;
		padding-top: 100%;		/* 1:1  */
		/* padding-top: 50%;*/		/* 2:1  */
		/* padding-top: 200%;*/		/* 1:2  */
		/* padding-top: 75%;*/		/* 4:3  */
		/* padding-top: 56.25%;*/ 	/* 16:9 */
	}
	
	.jardins-discover_edition-thumbnail-plugin-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer
	}
	
	.jardins-discover_edition-thumbnail-plugin-tweak {
		padding-left:0;
		padding-right:15px;
	}
	
	.jardins-discover_edition-thumbnail-plugin-col-tweak {
		padding-left: 15px !important;
		padding-right: 0 !important;
	}
	
	
	/*
	Automatic page
	*/
	#carouselPage .carousel-control.left,
	#carouselPage .carousel-control.right
	{
		background-image: none;
		background: none repeat scroll 0 0;
	}
	
	.auto-page_edition-thumbnail-plugin-box {
		position: relative;
		width: 100%;
	}
	
	.auto-page_edition-thumbnail-plugin-box:before {
		content: "";
		display: block;
		padding-top: 100%;		/* 1:1  */
		/* padding-top: 50%;*/		/* 2:1  */
		/* padding-top: 200%;*/		/* 1:2  */
		/* padding-top: 75%;*/		/* 4:3  */
		/* padding-top: 56.25%;*/ 	/* 16:9 */
	}
	
	.auto-page_edition-thumbnail-plugin-content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer
	}
	
	.auto-page_edition-thumbnail-plugin-tweak {
		padding-left:0;
		padding-right:15px;
	}
	
	.auto-page_edition-thumbnail-plugin-col-tweak {
		padding-left: 15px !important;
		padding-right: 0 !important;
	}
	
	/*
	Footer
	*/
	footer .fa-custom
	{
	  color:hsla(0,0%,100%,1.00)
	}
	
	footer .fa-custom:hover
	{
	  color: hsla(207,82%,37%,1.00)
	}
}

/* Special */
@media all and (transform-3d), (-webkit-transform-3d) {
	/* -------------------- */
	/* LIB */
	/* -------------------- */
	
	/* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */
	/* Added transforms to improve carousel performance in modern browsers. */
	.carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
    }
}



nav .navbar-top-wrapper .navbar-left .active > a {
  background: hsla(42,76%,46%,1.00) !important;
  color: hsla(0,0%,100%,1.00) !important;
}

nav .navbar-top-wrapper .navbar-left .active > a .active-festival {
  background: hsla(42,76%,46%,1.00) !important;
}

nav .navbar-top-wrapper .navbar-left #jardins > a:hover {
  background: hsla(213,50%,59%,1.00) !important;
  color: hsla(0,0%,100%,1.00) !important;
}

nav .navbar-top-wrapper .navbar-left #festival > a:hover {
  background: hsla(42,76%,46%,1.00) !important;
  color: hsla(0,0%,100%,1.00) !important;
}

nav .navbar-top-wrapper .navbar-left #parc > a:hover {
  background: hsla(70,37%,36%,1.00) !important;
  color: hsla(0,0%,100%,1.00) !important;
}
  

@media (max-width: 767px) {
  
	nav .navbar-logo-a {
		width:125px;
		height:45px;
		/*box-shadow: 2px 2px 1px #343434;*/
		/*background: #FFFFFF url(../images/nav/logo_sm.png) no-repeat center 28px;*/
    background: transparent url(https://jardinsdemetis.com/wp-content/uploads/2021/04/Jardins-Metis_New-logo-min.png) no-repeat center;
    background-size: 100% auto;
	}
	nav .navbar-logo-a.logo_en {
    background: transparent url(https://jardinsdemetis.com/wp-content/uploads/2022/02/Metis-Logo_Horiz-EN-Noir.png) no-repeat center;
    background-size: 100% auto;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* -------------------- */
	/* INIT */
	/* -------------------- */
	body {
		padding-top:87px
	}
	
	/* -------------------- */
	/* NAV BAR */
	/* -------------------- */
	/* Navbar top custom */
	nav .navbar-top-wrapper {
		background: #343434;
		min-height:40px
	}
	
	nav .navbar-top-right {
		padding-top: 20px
	}
	
	nav a.navbar-top-lang {
		padding: 11px 0 0 0;
		color:hsla(0,0%,100%,1.00);
		text-decoration:underline;
	}
	
	nav a.navbar-top-lang:hover {
		text-decoration:none
	}
	
	nav .navbar-top-search {
		width: 100%;
	}
	
	nav .navbar-top-search input {
		height:25px
	}
	
	/* Navbar brand custom */
	nav .navbar-logo-wrapper {
		margin-left:-15px !important; /* Bootstrap negative margin */
		/*height:100px;*/
		padding:0 15px;
		/*margin-top:-50px*/
	}
	nav.custom_mec .navbar-logo-wrapper {
		margin-left:0px !important;
	}
	
	/* Navbar global */
	nav .nav .active > a {
		/*font-weight: bold;*/
		background: 0 !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	
	/* Navbar Left */
	nav .navbar-nav.navbar-left > li > a {
		color: #183150;
	}
	
	nav .navbar-nav.navbar-left > li > a:hover, 
	nav .navbar-nav.navbar-left > li > a:focus {
		color: hsla(0,0%,100%,1.00)
	}
	
	nav .navbar-top-wrapper .navbar-left a {
   /*font-weight: bold;*/
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
    margin-right: 5px;
	}
  #switchLang {
    font-weight: normal;
  }
  #switchLang:hover {
    color: #9e9e9e;
  }
	
	/* Navbar Right */
	
	nav .navbar-right {
		text-align:right;
		position:absolute;
		bottom:0;
		right:0
	}
	
	nav .navbar-right-container {
		width:50%;
		height:50px;
		float:right;
		position:relative
	}
	
	nav .navbar-nav.navbar-right > li > a {
		color: hsla(0,0%,100%,1.00);
	}
	
	nav .navbar-nav.navbar-right > li > a:hover, 
	nav .navbar-nav.navbar-right > li > a:focus {
		color: #E4E4E4;
	}
	
	nav .navbar-right .active > a {
		color: hsla(0,0%,100%,1.00) !important;
	}
	
	nav .navbar-right > li {
		/*padding:30px 0 0 0;*/
	}
	
	nav .navbar-right > li a {
		padding-left:10px;
		padding-right:10px;
	}
	
	nav .navbar-right > li > a {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/*nav .navbar-right > .divider-vertical:not(:last-child):after {
		content:'|';
		color: hsla(0,0%,100%,1.00)
	}*/
	
	/*nav ul.navbar-left li a span {
		text-transform: uppercase
	}*/
	
	nav ul.navbar-left li a {
		padding-top:0;
		padding-bottom:0;
	}
	
	nav ul.navbar-left li div {
		height:10px;
	}
	
	/* Jardins */
	nav.bg-jardins {
		background: hsla(213,50%,59%,1.00);
	}
	
	/* Festival */
	nav.bg-festival {
		background: hsla(42,76%,46%,1.00);
	}
	
	/* Parc */
	nav.bg-parc {
		background: hsla(70,37%,36%,1.00);
	}
	
	/* Social network */
	nav a.navbar-network {
		margin-right:5px;
		width:25px;
		height:25px; 
		border-radius:5px;
		font-size:19px;
		color: hsla(0,0%,100%,1.00);
		background:hsla(0,0%,62%,1.00);
	}
	nav a.navbar-facebook:hover {
		background: hsla(221,44%,41%,1.00)
	}
	
	nav a.navbar-twitter:hover {
		background: hsla(196,100%,35%,1.00)
	}
	
	nav a.navbar-twitter:hover {
		background: hsla(196,100%,35%,1.00)
	}
	
	.navbar_input-group-addon,
	.navbar_glyphicon-search {
		line-height:8px
	}
	
	/* --------------------
	SLICE FIVE
	-------------------- */
	.sliceFive_collapse {
		width: auto;
		height:300px;
	}
	
	.sliceFive_collapse-39 {width:39.9%}
	.sliceFive_collapse-15 {width:15%}
	
	.sliceFive_collapse-inner a
	{
		color:hsla(0,0%,100%,1.00);
	}
	
	.sliceFive_check {
		background:hsla(213,42%,33%,1.00);
		padding:5px 5px 5px 5px;
		position:absolute;
		right:5px;
		bottom:0;
		text-transform:uppercase
	}
	
	/*
	Calendar
	*/
	#eventDetailsDescription img{
		max-width:100%
	}
}
	
	
	
/* ---------
SLICE EVENTS
------------ */

/* Tooltip */
.slice-events_tooltip-01,
.slice-events_tooltip-02,
.slice-events_tooltip-03 {
  width:60px;
  height:40px;
  margin-top:-10px
}

/* --------------
PLUGIN SLICE NEWS
--------------- */
.slice-news_tooltip {
  position: absolute;
  top: 42px !important;
  margin-left: 160px !important;
  height: 20px;
}
/* Tooltip */
.slice-news_tooltip-01,
.slice-news_tooltip-02,
.slice-news_tooltip-03 {
  display: block;
  width:40px;
  height:20px;
}

/* --------------
PLUGIN SLICE REVUEPRESSE
--------------- */
.slice-revuepresse_tooltip {
  position: absolute;
  top: 42px !important;
  margin-left: 225px !important;
  height: 20px;
}
/* Tooltip */
.slice-revuepresse_tooltip-01,
.slice-revuepresse_tooltip-02,
.slice-revuepresse_tooltip-03 {
  display: block;
  width:40px;
  height:20px;
}
@media (max-width: 767px) {
  .slice-news_tooltip,
  .slice-revuepresse_tooltip {
    top: 11px !important;
  }
}
@media (max-width: 430px) {
  .slice-news_tooltip,
  .slice-revuepresse_tooltip {
    position: relative;
    margin-left: 32px !important;
    margin-bottom: 30px;
  }
}

/* STYLE POUR ÉCRASER SUR JARDINS WP */
body.home .slice-news_tooltip,
body.home .slice-revuepresse_tooltip {
  margin-left: 288px !important;
  top: 92px !important;
}
body.home .slice-revuepresse_tooltip {
  margin-left: 438px !important;
}
@media (max-width: 690px) {
  body.home .slice-news_tooltip,
  body.home .slice-revuepresse_tooltip {
    margin-left: 33px !important;
    top: 122px !important;
  }
}
@media (max-width: 430px) {
  body.home .slice-news_tooltip,
  body.home .slice-revuepresse_tooltip {
    top: -25px !important;
  }
}







/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	/* ---------- */
	/* SLICE FIVE */
	/* ---------- */
	.sliceFive_collapse-top-title {
		height:40%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* -------------------- */
	/* INIT */
	/* -------------------- */
	body {
		padding-top:101px
	}
	
	/* ---------- */
	/* SLICE FIVE */
	/* ---------- */
	.sliceFive_collapse-top-title {
		height:30%;
	}
}


/* Ajouté par Marie-Eve*/

/*nav .navbar-logo-a {
  background: #FFFFFF url(https://jardinsdemetis.com/wp-content/uploads/2020/04/Jardins-de-Metis_logo-min.png) no-repeat center center;
  background-size: 95%;
}*/
nav.custom_mec a.navbar-network {
  padding-top: 4px;
  text-align: center;
  margin: 0 4px;
}
nav.custom_mec a.navbar-facebook:hover,
nav.custom_mec a.navbar-twitter:hover {
  text-decoration: none;
}

nav.custom_mec .navbar-top-right {
  margin-right: 40px;
}

nav.custom_mec a {
  font-family: 'Cairo', sans-serif;
  font-size: 14px;
}
@media (min-width: 768px) {
  /*
  nav.custom_mec .navbar-nav.navbar-left > li#jardins > a {
    color: hsla(213,50%,59%,1.00);
  }
  nav.custom_mec .navbar-nav.navbar-left > li#festival > a {
    color: hsla(42,76%,46%,1.00);
  }
  nav.custom_mec .navbar-nav.navbar-left > li#parc > a {
    color: hsla(70,37%,36%,1.00);
  }*/
  nav.custom_mec .navbar-nav.navbar-left > li#jardins > a:hover,
  nav.custom_mec .navbar-nav.navbar-left > li#festival > a:hover,
  nav.custom_mec .navbar-nav.navbar-left > li#parc > a:hover {
    color: #9e9e9e;
  }

	nav.custom_mec .navbar-right-container {
		height:auto;
		width:auto;
    /*margin-top: 12px;*/
	}
  
	#navbar {
    position: relative;
	}
  
	nav.custom_mec .navbar-left-container {
		height:36px;
		float:left;
    margin-top: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
	}
	
	nav.custom_mec .navbar-top-right {
		padding-top: 0px;
    margin-top: 7px;
	}
  
  nav.custom_mec a.navbar-top-lang {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
  }
  nav.custom_mec a.navbar-top-lang:hover {
    color: #9e9e9e !important;
  }
  nav.custom_mec .navbar-nav.navbar-left > li.dropdown.open > a {
    color: #555;
  }
  
  nav.custom_mec .navbar-nav.navbar-left > li > a {
    color: hsla(0,0%,100%,1.00);
  }
    
  nav.custom_mec .navbar-left ul.dropdown-menu {
    width: 210px !important; /* je n'arrive pas à ajuster la largeur du sous-menu plus large que son parent dynamiquement */
  }

  nav.custom_mec .navbar-top-right {
    display: inline-block;
    line-height: 16px;
  }

}
@media (min-width: 768px) and (max-width: 1055px) {
  
	nav.custom_mec .navbar-left-container {
    /*max-width: 380px;
    top: 0px;*/
    position: relative;
	}
  .custom_mec .nav > li > a {
    padding: 0 10px !important;
  }
  nav.custom_mec .navbar-nav.navbar-left > li > a.itemmenu_sur_deux_lignes {
    max-width: 80px;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  /*.custom_mec .nav.navbar-nav {
    margin-top: -5px;
  }*/
}
@media (min-width: 768px) and (max-width: 991px) {
  nav .navbar-top-wrapper .container {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
  }
  #switchLang{
    padding-top: 8px !important;
  }
}
@media (max-width: 991px) {
  
  nav.custom_mec a.navbar-top-lang {
    font-size: 12px;
  }
  nav.custom_mec .navbar-top-right {
    line-height: 12px;
  }
  
}
@media (max-width: 767px) {
  
  nav.custom_mec #jardins {
    padding-left: 0px;
  }
  
  nav.custom_mec #searchForm {
    width: 200px;
  }
  nav.custom_mec .navbar-twitter,
  nav.custom_mec .navbar-facebook {
    padding: 10px;
  }
  nav.custom_mec a.navbar-top-lang {
    padding: 10px 10px 0;
  }
  nav.custom_mec.navbar-default .navbar-nav .open .dropdown-menu > li.activeMenu > a {
    color: #fff;
  }
  nav.custom_mec.navbar-default .navbar-nav .open .dropdown-menu > li.activeMenu > a:hover {
    color: inherit;
  }
}




nav.custom_mec .navbar-right-container {
  max-width:150px;
}
@media (max-width: 991px) {  
  nav.custom_mec .navbar-right-container {
    width:20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {  
  nav.custom_mec .navbar-right-container {
    display: none;
  }
}
@media (min-width: 768px) {  
  nav.custom_mec .navbar-right-container #searchForm .input-group {
    width: 100%;
  }
  nav.custom_mec .navbar-right-container #searchForm span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: right;
    width: 38px;
  }
  nav.custom_mec .navbar-right-container #searchForm #search {
    float: right;
    display: none;
  }
}


.container > .navbar-header {
  background: transparent;
  position: relative;
  z-index: 9999;
}
nav .navbar-top-wrapper {
  background: #343434;
}

nav .navbar-top-wrapper .navbar-left li > a span {
  padding-left: 5px;
}

@media (max-width: 767px) {  
  
  nav .navbar-top-wrapper ul.navbar-left.pull-right {
    float: none !important;
  }
  .navbar-default .navbar-toggle {
    background-color: #ddd;
  }
  nav .navbar-top-wrapper ul.navbar-left li {
    width: 95px;
    height: 100%;
    float: left;
  }
  nav .navbar-top-wrapper .navbar-left > li > a {
    color: #fff;
    padding: 0;
    margin: 0 10px;
  }
  nav .navbar-top-wrapper .navbar-left .active > a {
    background: hsla(42,76%,46%,1.00) !important;
    color: hsla(0,0%,100%,1.00) !important;
  }
  .active-festival {
    background: hsla(42,76%,46%,1.00);
  }
  .navbar-nav {
    margin: 0;
  }
  nav .navbar-top-wrapper ul.navbar-left {
    height: 30px;
  }
  nav.custom_mec .navbar-right-container {
    clear: both;
    margin-bottom: 20px;
  }
  nav.custom_mec .navbar-top-right a {
    display: block;
    float: right !important;
  }
  .submenu_mobile {
    float: right;
    width: 100%;
  }
  nav a.navbar-network {
    margin-top: 8px !important;
  }
}


 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
  margin-top: -10%;
  margin-bottom: -10%;
  position: relative;
  min-width: 100%;
  width: 100%;
}
/* Add some content at the bottom of the video/page */
.myVideo_content {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0, -50%);
  width: 90%;
  padding: 20px;
}
/* Style the button used to pause/play the video */
/*.myVideo_content #myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}
.myVideo_content #myBtn:hover {
  background: #ddd;
  color: black;
} */
.myVideo_content h1,
.myVideo_content h4 {
  font-family: 'League Spartan', sans-serif !important;
}
.myVideo_content h4 {
  color: #fff;
  font-size: 3.3vw;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 768px) {  
  .myVideo_content h4 {
    font-size: 15px;
  }
}
.myVideo_content h1 {
  color: #fff;
  font-size: 6vw;
  line-height: 6vw;
  margin-bottom: 20px;
}
.myVideo_content a {
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 22px;
  text-transform: uppercase;
}
.navbar-fixed-top {
  border-width: 0 0 2px;
}
/*.video_container {
  max-height: 400px;
  overflow: hidden;
}*/
@media (max-width: 991px) {  
  .myVideo_content h1 {
    font-size: 7vw;
    margin-bottom: 16px;
  }
  .myVideo_content a {
    margin-top: 15px;
    padding: 11px 22px;
  }
}
@media (max-width: 767px) {  
  body {
    padding-top: 82px;
  }
  .myVideo_content h1 {
    margin: 12px 0;
  }
  .myVideo_content a {
    margin-top: 4px;
    font-size: 12px;
    padding: 11px 19px;
  }
  #myVideo {
    margin-top: -45px;
  }
}


a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.panel-primary > .panel-heading {
  background-color: #ce991c;
  border-color: #ce991c;
  background-image: -webkit-linear-gradient(top,#e1aa28 0,#ce991c 100%);
  background-image: -o-linear-gradient(top,#e1aa28 0,#ce991c 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e1aa28),to(#ce991c));
  background-image: linear-gradient(to bottom,#e1aa28 0,#ce991c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1aa28', endColorstr='#ffce991c', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary {
  border-color: #ce991c;
}

.credit {
  position: absolute;
  bottom: 7px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  right: 24px;
  padding: 2px 10px;
  border-radius: 4px;
}

.modal-dialog {
  max-width: 90vw; /* empêche la modale d'être trop large */
}

.modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-body img {
  max-height: calc(100vh - 60px); /* ajuste pour tenir dans l'écran */
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}



/* Image flottante à droite, texte wrap autour */
.flex-container {
  display: block; /* pas de flex sur mobile */
}

.img-float {
  float: right;
  margin: 0 0 10px 15px;
  max-width: 40%;
  display: block;
}

.text-float {
  /* rien de spécial */
}