body {
	background-image: url(../ui_img/noise3.png) !important;
	background-color: rgba(255, 255, 255, 0.94) !important;
	font-family: 'Tinos', serif !important;
	font-size: 16px !important;
}
.container{
    max-width:980px !important;
}
.noslider-margin-top {
	margin: 160px 0 0 0;
}

.margin-top {
	margin: 60px 0 0 0 ;
	padding: 0 0 0 0;
	border-bottom: 1px dotted silver;
	display: block;
}

.margin-bottom {
	margin: 0px 0 60px 0 ;
}

.menu_margin-top {
	margin: 60px 0 0 0;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    z-index: 1000;
}

a:link, a:hover, a:active, a:focus {
	text-decoration: none !important;
	color: inherit;
}

.fixed_menu{
   position: fixed;
   margin-bottom: 100px;
   width: 100%;
   z-index: 100;
   display: block;
   clear: both;
   padding: 30px 0 0px 0;	
   background-color: white;
   border-bottom: 1px solid gray;
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
   font-family: Georgia, serif !important;
}

.menuzord {
	  background-color: !important;
}
.menuzord-menu > li > a {
	font-weight: normal !important;
}

.megamenu-row img {
	width: 100%;
	margin: 5px 0 10px 0;
}
#fader img  {
	width: 200px !important;
	overflow: hidden;
}
.img_height {
	height: 170px !important;
	overflow: hidden !important;
	border-radius: 6px;
	padding: -30px 0 0 0;
}

.img_height_part {
	height: 255px;
	overflow: hidden !important;
}
.img_height_part img {
	width: 100%;
	}

.preview_img {width: 200px; height: 300px; overflow: hidden;} .preview_img img {width: 100%;}

.img_height img {
	margin: 5px 0 0 0;
}

#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}
.megamenu hr {
	padding: 0px;
	margin: 10px 0 10px 0;
}
.megamenu h4 {
	padding: 0px;
	margin: 0px;
}
.megamenu h5 {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Tinos', serif !important;
}

h2 {
	font-size: 30px !important;
	line-height: 30px;
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 10px !important;
	display: block;	
	font-weight: 400 !important;
	color: #5156A0 !important;
}

h3 {
	font-size: 16px !important;	
	font-weight: 400;
	line-height: 20px;
	padding: 0px 0 0 0px !important;
	margin: 10px 0 18px 0!important;
	display: block;	
}

.btn-more {
	font-family: Georgia, serif !important;
	color: #fff !important;
    background-color: #000 !important;
}

.artiste img {
	width: 100%;
}

.artiste p {
	padding: 0px !important;
}

.artiste h4 {
	font-weight: 400;
}

.rotator_gastro, .rotator_art {
	height: 142px;
	overflow: hidden;
	border-radius: 6px;
}

/* SPONSO */
.sponsors {
	/*padding-top: 40px;*/
}
.sponsors img {
	width: 100%;
	max-width: 300px;
	
}

.grayscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
 
.grayscale:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: none;
  filter: none;
}


/* FOOTER */

.footer {
	background-color: #303030;
	margin: 0 !important;
	width: 100%;
}

.footer p {
	margin: 10px 0 0 0;
	color: #ffffff;
	
	}
.footer .socials {
	margin: 12px 0 0 0;
	
}

.rightblock > h2.rsABlock, .rightblock > p.rsABlock  {
	top: 10vh;
	left: 60vw;
	color: #353535;
	
}

.leftblock > h2.rsABlock, .leftblock > p.rsABlock  {
	top: 10vh;
	left: 5vw;
	color: #353535;
	
}

.centerblock > h2.rsABlock, .centerblock > p.rsABlock  {
	top: 20vh;
	left: 35%;
	 display: block;
    margin-left: auto;
    margin-right: auto;
	color: #353535;
	
}
.centerblock > p.rsABlock  { margin-left: 2vw; }

h2.rsABlock {
	background-color: rgba(255, 255, 255, 0.81);
	font-size: 25px;
	padding: 10px 20px 10px 20px !important;
	position: absolute;
}

p.rsABlock {
	background-color: rgba(255, 255, 255, 0.81);
	font-size: 25px;
	padding: 10px 20px 10px 20px !important;
	position: absolute;
	margin-top: 70px;
}




/* SLIDER */

.royalSlider {
	margin: 87px 0 0 0 !important;
  width: 100% !important;
  height: 350px !important;
  -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.royalSlider {
	margin: 87px 0 0 0 !important;
  width: 100% !important;
}
.homeslide {
  height: 400px !important;
}

#mighty {
  height: 500px;
  overflow: hidden;
  margin-top: 80px;
}
#mighty .mSButtons {
  height: 80%;
}
#mighty .frame {
  width: 100%;
  height: 100%;
}
#mighty .frame .slide_element {
  height: 100%;
}
#mighty .frame .slide_element > div {
  float: left;
  height: 100%;
  overflow: hidden;
}
#mighty .frame .mSCover img {
  max-width: none;
}
#mighty .credit {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 11px;
  line-height: normal;
  font-weight: 300;
  text-shadow: rgba(0,0,0,0.7) 0 1px 0px;
  color: #CCC;
  background: #000;
  background: rgba(0,0,0,0.6);
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1002;
  text-transform: uppercase;
}
#mighty .credit a {
  color: #FFF;
  font-weight: 400;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 30%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  padding: 20px;
  z-index: 1002;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.55);
  left: 90px;
  right: auto;
  opacity: 0;
}
.infoBlock2 {
  top: 90px;
  left: 100px;
}
.infoBlock h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
  color: inherit;
  text-align: left;
}
.infoBlock p {
  font-size: 16px;
  font-weight: 300;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}

@media (max-width: 979px) {
  #mighty {
    height: 400px;
    margin-top: 0;
  }
  .infoBlock {
    min-width: 40%;
  }
}

@media (max-width: 768px) {
  #mighty {
    margin: 0 -20px;
    height: 300px;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
  }
  .infoBlock h4 {
    font-size: 14px;
    line-height: 17px;
  }
  .infoBlock p {
    font-size: 12px;
  }
}

/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/
.tablist {
	background-color: transparent !important;
}
/* Tabs panel */
.tabbable-panel {
  border: none;
  padding: 10px 10px 10px 0;
  text-align: left;
  font-size: 18px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
	   background-color: none !important;

  border: none;
}
.tabbable-line > .nav-tabs > li {
   border-bottom: 4px solid rgba(255, 255, 255, 0);
   background-color: none !important;
   margin-right: 10px;
}
.tabbable-line > .nav-tabs > li > a {
    background-color: none !important;

  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  border-bottom: 4px solid #f3565d;  
  color: #a6a6a6;
  background-color: none !important;

}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
   border-bottom: 4px solid #f3565d;
   background-color: none !important;

}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: none !important;
  background: transparent !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
  background-color: transparent !important;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: 0px;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: transparent !important;
	border: none !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:active {
	background-color: transparent !important;
	border: none !important;
}


.room_gallery  {
	margin: 5px 0 0 0;
}

.room_gallery img {
	margin: 5px 0 5px 0;
}


img.desaturate { 
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}



.event {
	display: block;
	background-color: #6d4700;
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 4px 12px 4px 12px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.ruffieux > .event {
	background-color: #49ffff !important;
	color: #252525;
	
}
.monde > .event {
	background-color: #894e7a !important;
	color: #fff;
	
}


.event > .day, .month, .year {
	display: inline-block;
	width: auto;
}

.event_info > span, .event_info > div {
	display: block;
	border-bottom: 1px dotted gray;
	font-size: 12px;
	padding: 6px 0 6px 0;
	clear: right;
}

.event_info > span.artiste {
	
	font-weight: 600;
	
	}
	
.event_info > span.event_title {
	font-size: 14px;
	font-weight: 600;
}
.participations  span::before, .prix  span::before, .infos  span::before {
    clear: right;
    font-weight: bold;
    display: block;
    font-size: 12px;
    font-weight: 600;	
    padding: 0 0 10px 0;
}  	
.participations  span::before { 
    content: "Participation de: ";

}
.prix  span::before { 
    content: "Prix: ";
     display: inline-block;
     padding: 0 10px 0 0 !important;

}
.infos  span::before { 
    content: "Infos: ";


}

/** 12. Portfolio
 **************************************************************** **/
#portfolio .isotope-item {
	max-width:;
	display:inline-block;
	margin:0px;
	margin-bottom: 30px;

	-webkit-transition: all 300ms !important;
	   -moz-transition: all 300ms !important;
		 -o-transition: all 300ms !important;
			transition: all 300ms !important;
}
#portfolio .isotope-item a {
	display:block;
	position:relative;
	overflow:hidden;
	
}
#portfolio .isotope-item .caption {
	position:relative;
	display:block;
	background:#fff;
	padding:20px 20px 15px 20px;
	text-align:left;
	background-color: #eeeeee; 
}

.xs_iso .caption {
	position:relative;
	display:block;
	background:#fff;
	padding:20px 20px 15px 20px;
	text-align:left;
	background-color: #eeeeee; 
}

#portfolio .isotope-item .caption h2:first-letter {
	text-transform: uppercase;
}
#portfolio .isotope-item .caption h3 {
	f_ont-family:'Open Sans';
	font-size:22px;
	line-height:14px;
	margin-bottom: 5px;
	font-weight:500;
}
#portfolio .isotope-item .caption p {
	font-size:13px;
	padding:0;
	text-transform:uppercase;
	display:inline-block;
	color:#fe0013;
	margin-top:6px;
}
#portfolio .isotope-item .caption i.fa {
	background:#333;
	padding:14px;
	color:#fff;
	position:absolute;
	width:50px; height:50px;
	margin-top:-66px;
	margin-left:-25px;
	left:50%;
	background:#fff;
	color:#0F1113;
	border:#fff 2px solid;
}
#portfolio .isotope-item a:hover i.fa {
	color:#2A2F36;
}
#portfolio .bstrap-tabs {
	margin-top:0;
}
	.project-thumbnails .row div {
		margin:5px 0;
	}
/* responsive - special resolutions */
@media only screen and (max-width: 1200px) {
	#portfolio .isotope-item {
		max-width:280px;
	}
.navbar-nav a {
	font-size: 12px !important;
}	
}
@media only screen and (max-width: 640px) {
	#portfolio .isotope-item {
		max-width:360px;
	}
	
	

}


/* 
	Isotope CSS3 transitions 
*/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}



@media screen and (min-width: 1200px) and (max-width: 1800px) {

  .thumbnail_specs_img { overflow: hidden; height: 110px;}
  .tricks {
	
		border: 1px solid transparent;
		display: block;
		overflow: hidden;
		}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  	
  	
  	.thumbnail_specs_img { overflow: hidden; height: 300px;}
  
   .tricks {
	
		border: 1px solid transparent;
		display: block;
		overflow: hidden;
		}
}




/** 10. Tabs
 **************************************************************** **/
	/*
		BOOTSTRAP TABS
	*/
	#spec ul.bstrap-tabs {
	margin: 0px !important;
	
	}
	
	ul.bstrap-tabs {
		border:0;
		display:inline-block;
		margin:50px 0 30px 0;
	}
	ul.bstrap-tabs li a {
		font-size:17px;
		text-align:center;
		margin:0 3px;
		color:#666;
		border-bottom:0 !important;
		border-left:0 !important;
		border-right:0 !important;

	}
	ul.bstrap-tabs>li>a, 
	ul.bstrap-tabs>li>a:hover, 
	ul.bstrap-tabs>li>a:focus, 
	ul.bstrap-tabs>li.active>a, 
	ul.bstrap-tabs>li.active>a:hover, 
	ul.bstrap-tabs>li.active>a:focus {
		border-top:#999 1px solid;
	}
	ul.bstrap-tabs li.active a,
	ul.bstrap-tabs li.active a:hover {
		border-top:#647282 1px solid;
		background:#EEEEEE;
	}
	ul.bstrap-tabs li a i {
		display:block;
		font-size:30px;
		line-height:30px;
		color:#999;
		margin-top:-55px;
		margin-bottom:20px;
	}
	ul.bstrap-tabs li.active a,
	ul.bstrap-tabs li.active a i {
		color:#647282;
	}
	div.bstrap-tabs h2 {
		font-size:24px;
		margin-bottom:20px;
		text-align:center;
	}
	div.bstrap-tabs h2:after {
		content: '\00A0 \2014';
	}
	div.bstrap-tabs h2:before {
		content: '\2014 \00A0';
	}