@font-face {
    font-family: 'ParisishRegular';
	src: url('font/parisish-webfont.eot');
    src: url('font/parisish-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/parisish-webfont.woff') format('woff'),
         url('font/parisish-webfont.ttf') format('truetype'),
         url('font/parisish-webfont.svg#parisishregularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('font/Helvetica LT Light_0.ttf');
}
body{
margin:0;
padding:0;
}
iframe{
    max-width: 100%;
}
img#picture_article_list { width: auto !important; }
.rounded{
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	behavior: url(../PIE.htc);
}
	/* nav bar */

	.navbar-inverse .navbar-inner 
	{
		border:0px !important;
		font-family: "ParisishRegular" !important;
		font-size: 18px !important;
		font-weight: normal;
		text-transform: uppercase !important;
	}

	.navbar-inverse .nav .active > a,
	.navbar-inverse .nav .active > a:hover,
	.navbar-inverse .nav .active > a:focus {
	  color: #ffffff !important;
	  background-color: #004c00 !important;
	}

	.navbar-inverse .nav > li > a:focus, 
	.navbar-inverse .nav > li > a:hover {
	  color: #ffffff !important;
	  background-color: #004c00 !important;
	}
	.navbar-inner {
		-webkit-box-shadow: none !important;
	     -moz-box-shadow: none !important;
	          box-shadow: none !important;
	}

	.navbar .nav > li {
		display: inline-block !important;
		float: none;
	}
	
	.navbar .nav-left > li {
		display: inline-block !important;
		float: left;
	}
	
	.navbar .nav-right > li {
		display: inline-block !important;
		float: left;
	}
	
	.navbar .nav > li > a {
		padding: 20px 10px !important;
	}
	.navbar-inverse .brand, .navbar-inverse .nav > li > a
	{
		color: #010101 !important;
	}
	.nav-right
	{
		margin-left: 240px !important;
	}

	.logo-ricks {
		background: url("../../images/global/logo1.png") no-repeat 0px -10px;
		width: 240px;
		height: 170px;
		margin: auto !important;
		position: fixed;		
		margin-top: -20px !important;
	}
	.logo-ricks-scroll{display: none;

		width: 240px;
		height: 170px;
		margin: auto !important;
		position: fixed;		
		margin-top: -10px !important;
		text-align: center;
	}
	.logo-ricks-scroll img {width: 80px !important;}
    /*-----------*/
    /*-----  navbar iphone-----*/
    /*-----------*/
    .navbar-inverse .btn-navbar{
    	float: left;
    }
    .navbar-inverse .btn-navbar {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #f1eed8;
	  *background-color: #040404;
	  background-image: -moz-linear-gradient(top, #f1eed8, #f1eed8);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1eed8), to(#f1eed8));
	  background-image: -webkit-linear-gradient(top, #f1eed8, #f1eed8);
	  background-image: -o-linear-gradient(top, #f1eed8, #f1eed8);
	  background-image: linear-gradient(to bottom, #f1eed8, #f1eed8);
	  background-repeat: repeat-x;
	  border: 0px;
	  border-color: #f1eed8 #f1eed8 #000000;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1eed8', endColorstr='#fff1eed8', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}

	.navbar-inverse .btn-navbar:hover,
	.navbar-inverse .btn-navbar:focus,
	.navbar-inverse .btn-navbar:active,
	.navbar-inverse .btn-navbar.active,
	.navbar-inverse .btn-navbar.disabled,
	.navbar-inverse .btn-navbar[disabled] {
	  color: #ffffff;
	  background-color: #f1eed8;
	  *background-color: #f1eed8;
	}
	.navbar .btn-navbar .icon-bar{background-color: #000000;}

	.logo-ricks-responsive{ text-align: center;}
	.logo-ricks-responsive a{ margin-left: -40px;}
	.logo-ricks-responsive img{
		width: 80px;
	}
	/* button */

	.clear {
	    clear:both;
	}

	.btn-green
	{
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #004c00;
	  *background-color: #004c00;
	  background-image: -moz-linear-gradient(top, #004c00, #004c00);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
	  background-image: -webkit-linear-gradient(top, #004c00, #004c00);
	  background-image: -o-linear-gradient(top, #004c00, #004c00);
	  background-image: linear-gradient(to bottom, #004c00, #004c00);
	  background-repeat: repeat-x;
	  border-color: #004c00 #004c00 #004c00;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  font-family: "Helvetica Neue";
	  font-size: 14px;
	  font-style: italic;
	  font-weight: normal;
	  padding-left: 50px;
	  padding-right: 50px;
	  letter-spacing: 1px;

	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
	}
	.btn-green:hover,
	.btn-green:focus,
	.btn-green:active,
	.btn-green.active,
	.btn-green.disabled,
	.btn-green[disabled] {
	  color: #ffffff;
	  background-color: #004c00;
	  *background-color: #004c00;
	}

	.btn-green:active,
	.btn-green.active {
	  background-color: #004c00;
	}
	
	
	.btn-green-form
	{
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #004c00;
	  *background-color: #004c00;
	  background-image: -moz-linear-gradient(top, #004c00, #004c00);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
	  background-image: -webkit-linear-gradient(top, #004c00, #004c00);
	  background-image: -o-linear-gradient(top, #004c00, #004c00);
	  background-image: linear-gradient(to bottom, #004c00, #004c00);
	  background-repeat: repeat-x;
	  border-color: #004c00 #004c00 #004c00;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  font-family: "Helvetica Neue";
	  font-size: 14px;
	  font-style: italic;
	  font-weight: normal;
	  padding-left: 50px;
	  padding-right: 50px;
	  letter-spacing: 1px;
	  width: 100%;
	  height: 40px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
      border-radius: 3px;
	}
	.btn-green-form:hover,
	.btn-green-form:focus,
	.btn-green-form:active,
	.btn-green-form.active,
	.btn-green-form.disabled,
	.btn-green[disabled] {
	  color: #ffffff;
	  background-color: #004c00;
	  *background-color: #004c00;
	}

	.btn-green-form:active,
	.btn-green-form.active {
	  background-color: #004c00;
	}
	

	.jplayer{float: left !important; margin-left: 8%;
	margin-bottom:30px;
	}

    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
	.icon-slider{
		position: absolute;
		right: 0px;
		margin-top: -70px;
	}
    /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
		height: 100%;
    }
	.carousel-inner{ height: 100%; }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
	      height: 80px;
	      margin-top: 0;
	      font-size: 150px; /*responsive*/
	      text-shadow: 0 1px 1px rgba(0,0,0,.4);
	      background-color: transparent;
	      border: 0;
	      z-index: 10;
	      text-align: center;

	      position: absolute;
			top: 55%;
			left: 15px;
			width: 50px;
			height: 50px;
			opacity: 1;
			font-family:"ParisishRegular";


    }

    .carousel-caption {
      background-color: transparent;
      position: relative;
      padding: 0 20px;
      margin-top: 120px;
      text-align: center;
    }

    .carousel-caption h1
    {
    	font-size: 80px !important;
    	color: #ffffff;	
    	line-height: 1;
    	text-align: center;
    }

    .carousel .item {
		height: 100%;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
    }

    

    .carousel-caption .lead {
      margin: 0;
      line-height: 1.7;
      color: #fff;
      text-shadow: 1px 1px 1px #000000 !important;
      font-size: 16px !important;
	  width: 70% !important;
	  text-align: center;
	  margin: auto;
      font-weight: normal;

     }
     .carousel-caption h1{
      font-family: "ParisishRegular";
      font-size: 75pt !important; /* responsive*/
	  padding-top: 65px;
      text-shadow: 2px 5px 20px #000;
	  font-weight: normal;
	  text-transform: uppercase;
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }


    .wrapper-content-home{background: url("../../images/frontend/casablanca-ricks-cafe-interior-3.jpg"); 
    	display:block; 
    	height: 100%; 
    	background-repeat:none; 
    	background-size: cover;
    	width:100%;
	}
	.nav-collapse3 { height: auto !important; }

	.wrapper-container{
		/*background-color: #fff;*/
		clear: both;
	}
	.wrapper-container .header {
		border-bottom: 2.5px solid #004c00;
		position: relative;
	}
	.wrapper-container .header h1{

		color: #ffffff;
		text-transform: uppercase;
		font-weight: normal;
		position: absolute;
		left: 25%;
		font-family: "ParisishRegular";
		text-shadow: 2px 5px 12px #000;
	}
	.wrapper-container h2{
		border-top: 1px solid #373a3d;
		border-bottom: 1px solid #373a3d;
		font-size: 30px;
		font-family: "ParisishRegular";
		text-transform: uppercase;
		text-align: left;
		line-height: 40px;
		padding: 10px 0;
		font-weight: normal;
	}

	.row{padding-top:40px; }
	.details {
		text-align: center !important;
		}
	.span2,.span3,.span4,.span5,.span6{
		font-family: "Helvetica Neue";
		font-size: 15px;
		font-weight: normal;
		text-align: center;
	}
	.span2 p,.span3 p,.span4 p,.span5 p,.span6 p{text-align: justify;}
	.span3 h3{
		border-top: 1px solid #373a3d;
		border-bottom: 1px solid #373a3d;
		font-size: 17.5px !important;
		text-transform: uppercase;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}


	.wrapper-container h4{
		color: #8a8989;
		text-align: left;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
	}

	.italic{font-style: italic  !important;}
	.left{text-align: left !important;}
	article,article div{
		text-align: left;
		margin-bottom: 10px;
	}

	article div.article-title{
		color: #5c5b5b;
		font-size: 14px
	}
	article div.article-date{
		color: #959595;
		font-size: 11px;
	}
	article div.article-details{
		color: #959595;
	}


	article .details .btn{
		font-weight: normal !important	;
	}

	ul.tweets{
		margin: 0px !important;
	}
	ul.tweets li{
		text-align: left;
		list-style: none;
		color: #6a6969;
	}
	ul.tweets li p{
		margin: 10px 0px !important;
	}

	ul.tweets li a{
		color: #004c00;
	}
	ul.tweets li span.tweets-time{
		font-style: italic;
		font-size: 14px;	
	}

	ul.last-img{
		margin: 0px !important;
		overflow: hidden;
		/*background: rgba(241, 238, 216, .5);*/
		/*background: #F6F7EE url('/images/frontend/back-portraits.png')repeat-y -80px center; 
		border: 1px solid #F1EED8;*/
	}
	ul.last-img li{
		float: left;
		padding: 2px;
		list-style: none;
		width: 25%;
	}
	ul.last-img li img{
		
		
	}

	ul.art-picture { list-style: none; overflow: hidden; padding-bottom: 40px;}
	ul.art-picture li { float: left; padding: 2px; position: relative}
	.list-artPicture { position: absolute; top: 75%; left: 10%; }
	ul.art-picture li img { /*width: 138px; height: 135px !important;*/}


	.gallery{list-style:none;text-align: center;margin: 15px auto;}
	.gallery li{ display: inline-block; padding: 5px;float: none !important;}
	.gallery li img{ width: 180px;	height: 180px;}


	/*f1eed8*/
		.music
		{
				background: #f6f7f0;
		}	
		.musicList
		{
			height: 200px;
			width: 90%;
			margin-left: 40px;
			overflow: auto;
			position: relative;
		}
		.musicList table td{
			border: none !important;
		}

	/* From */
	#inputEmail
	{
		background-image: url("../../images/frontend/login-icon.png") !important;
		background-repeat: no-repeat !important;
		background-position: right center !important;
		height:45px;
		margin-top: 5px;
		width: 93%;
	}
	#inputPassword
	{
		background-image: url("../../images/frontend/icon-password.png") !important;
		background-repeat: no-repeat !important;
		background-position: right  center !important;
		height:45px;
		margin-top: 5px;
		width: 93%;
	}
	input[type="password"],input[type="text"]
	{
		font-style: italic !important;
	}
	.inputback
	{
		padding: 4px;
		background: url("../images/imgheader-ricks.club.jpg") no-repeat left top;
		
		-webkit-border-radius: 3px;
	     -moz-border-radius: 3px;
	          border-radius: 3px;
	    float: left;

	}
	.inputsansback
	{
		padding: 4px;
		width: 220px;
		
	}
	.form-horizontal .controls{
		margin-left: 20px !important;
	}

	.form-horizontal .control-group {
	margin-bottom: 10px !important;
	}
	.form-horizontal{
		margin-left: 0% !important;
		margin-bottom: 0px;
	}
	.control-group span{
	background: url("../images/imgheader-ricks.club.jpg") no-repeat left top;
	padding: 5px 4px;
	float: left;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;}
/*
.logo-ricks {
	background: url("../images/logo1.png") no-repeat ; 
	width: 250px;
	height: 180px;
	float: left;

}

.content
{
	width: 100%;
	top: 70px;
	position: absolute;
	z-index: -10;
}

.clear {
    clear:both;
}

.btn-green
{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #004c00;
  *background-color: #004c00;
  background-image: -moz-linear-gradient(top, #004c00, #004c00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
  background-image: -webkit-linear-gradient(top, #004c00, #004c00);
  background-image: -o-linear-gradient(top, #004c00, #004c00);
  background-image: linear-gradient(to bottom, #004c00, #004c00);
  background-repeat: repeat-x;
  border-color: #004c00 #004c00 #004c00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  padding-left: 50px;
  padding-right: 50px;
  letter-spacing: 1px;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #004c00;
  *background-color: #004c00;
}

.btn-green:active,
.btn-green.active {
  background-color: #004c00;
}

.jplayer{float: right !important; margin-right: 5%;
margin-bottom:30px;
}

.page{
	float:left;
	background-color: #f6f7f0;
}
.page-header{
	position: relative;
	width: 100%;
}
.page-header img{	
	border-bottom: 10px solid #004c00;
}

.page-header span {

	color: #ffffff;
}
.page-header h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	position: absolute;
	left: 30%;

}
.details{text-align: right !important;}
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

.row{
	width: 80%;
	margin: auto;
}
.span2 h2{
	border-top: 1px solid #373a3d;
	border-bottom: 1px solid #373a3d;
	font-size: 21.5px !important;	

}
.span5 h2{
	border-top: 1px solid #373a3d;
	border-bottom: 1px solid #373a3d;
	font-size: 26.5px !important;	
	text-transform: uppercase;
	text-align: left;
	line-height: 50px;
	padding: 10px 0;
	font-weight: normal;
	font-family: "ParisishRegular";

}

.span6 h2{
	border-top: 1px solid #373a3d;
	border-bottom: 1px solid #373a3d;
	font-size: 56.5px;
	font-family: "ParisishRegular";
	text-transform: uppercase;
	text-align: left;
	line-height: 50px;
	padding: 20px 0;
	font-weight: normal;
}

.span2,.span3,.span4,.span5,.span6{
font-family: "Helvetica Neue";
font-size: 13px;
font-weight: normal;
text-align: center;
margin: 10px;}
.span2 p,.span3 p,.span4 p,.span5 p,.span6 p{text-align: justify;}


.gallery li{
	list-style: none;
	float: left;
	padding: 5px
}
*/
/* scrollup */

.scrollup{
    width:42px;
    height:42px;
    opacity:0.3;
    position:fixed;
    display:none;
    text-indent:-9999px;
    background: url('../../images/frontend/icon_top.png') no-repeat;

    bottom:30px;
    right:25px ;

}





/*****************STYLE DETAIL *****************/
.wrapper-container-detail {
	background-color: white;
}

.wrapper-container-detail .header_detail h1{

		color: #ffffff;
		text-transform: uppercase;
		font-weight: normal;
		font-family: "ParisishRegular";
		text-shadow: 2px 5px 12px #000;
	}
.wrapper-container-detail h2.TitleH2 {
	border-top:1px solid #000; 
	border-bottom: 1px solid #000;
	text-align:left;
	margin-left: 0px;
	font-family:"ParisishRegular";
	font-weight: 100;
	font-size: 20px;
	text-transform: uppercase;
}


.wrapper-container-detail-2 .header_detail {
border-bottom: 3px solid #004c00;
/*height: 250px;*/
}
.wrapper-container-detail-2 .header_detail img {
	height: 250px;
}
.wrapper-container-detail-2 .header_detail h1{
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	position: absolute;
	font-family: "ParisishRegular";
	text-shadow: 2px 5px 12px #000;
}

.wrapper-global-container {
	/*width: 1064px;*/
	margin-left: auto !important;
	margin-right: auto !important;
}
.wrapper-container-detail-2 h2.TitleH2 {
	border-top:1px solid #000; border-bottom: 1px solid #000;
	text-align:left;
	margin-left: 0px;
	font-family:"ParisishRegular";
	font-weight: 100;
	font-size: 20px;
	text-transform: uppercase;
}	

div#detail-article h2.TitleH2 {
	border-top:1px solid #000; border-bottom: 1px solid #000;
	text-align:left;
	margin-left: 0px;
	font-family:"ParisishRegular";
	font-weight: 100;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 10px;
}	
.navbar .nav.detail {
	text-align:left;
	float:none !important;
}

.navbar .nav.detail li {
	line-height: 15px;
	/*float: left;*/
	text-align:left;
}
.row.no-padding {
	padding-top: 0px;
	width: 100%;
	margin: auto;
}

ul.category {
	margin-top: -10px;
	margin-left: 0px;
}
ul.category li{
	margin-left: 0px;
	border-bottom: 1px solid #000;
	text-align:left;
	line-height: 40px;
}
ul.category li > a > i {
	margin-right: 8px;
}
ul.category li.last {
	border-bottom: none !important;
}
ul.category li > a{
	font-size: 16px;
	color: #000;
	font-family: "Helvetica Neue", Sans Serif;
	text-shadow: 3px;
}
ul.category li > a:hover {
	background-color: #004c00;
	color: #FFF;
}
ul.picture li {
	padding: 0px;
	margin-top: 15px;
	width: 45%;
	margin-left: 18px;
}

div#last_pictures {
	/*height: 260px;*/
}

div#likeit ul {
	list-style:none;
	margin:0px !important;
	padding:5px;
}
div#likeit ul > li div.row-fluid {
	margin-bottom:5px;
}
div.H2Title {
	font-size: 16px;
	color: #000;
	font-family: 'Lora', Sans Serif;
	text-align: left;
}

div.detailHeader {
	background-color: rgb(241, 238, 216);
	min-height: 30px;
	position: relative;
	margin-bottom: 20px;
	width:100%;
	margin-top: 10px;
}
div.detailPicture img{
	margin-top: -35px;
	margin-left: 15px;
}

div.detailHeader div.span7 {
	margin-left: 100px;
	text-align:left;
	margin-top: 10px;
}

div.detailHeader .titleHeader {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Lora', Sans Serif;
}

div.detailHeader  .contentHeader {
	font-size: 14px;
	/*min-height: 80px;*/
}

div.section_article {
	margin-top: 35px;
	
}

div.section_article  p {
	font-size: 16px;
	font-family: 'Lora', Sans Serif;
	text-align: justify;
}
h2.TitleH2C {
	width: 60%;
	border-top:1px solid #000; border-bottom: 1px solid #000;
	text-align:left;
	margin-left: 0px;
	font-family:"ParisishRegular";
	font-weight: 100;
	font-size: 20px;
	text-transform: uppercase;
}

div#FormComment input[type=text].inputUser {
	width: 98%;
	height: 30px;
	/*border: 1px solid #004c00;*/
	color: rgba(0, 0, 0, 0.69);
	font-style: normal;
	font-weight: bold;
}
div#FormComment input[type=text].inputEmail {
	width: 98%;
	height: 30px;
	/*border: 1px solid #004c00;*/
	color: rgba(0, 0, 0, 0.69);
	font-style: normal;
	font-weight: bold;
}
div#FormComment textarea {
	width: 98%;
	height: 150px;
	color: rgba(0, 0, 0, 0.69);
	font-weight: bold;
	/*border: 1px solid #004c00;*/
}

.control-group.success{ border-color: #004c00 !important ; }
div#FormComment .btn-green-comment
{
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #004c00;
	  display: block;
	  text-align: center;
	  line-height: 40px;
	  text-decoration: none;
	  *background-color: #004c00;
	  background-image: -moz-linear-gradient(top, #004c00, #004c00);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
	  background-image: -webkit-linear-gradient(top, #004c00, #004c00);
	  background-image: -o-linear-gradient(top, #004c00, #004c00);
	  background-image: linear-gradient(to bottom, #004c00, #004c00);
	  background-repeat: repeat-x;
	  border-color: #004c00 #004c00 #004c00;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  font-family: "Helvetica Neue";
	  font-size: 14px;
	  font-style: italic;
	  font-weight: normal;
	  padding-left: 50px;
	  padding-right: 50px;
	  letter-spacing: 1px;
	  width: 50%;
      height: 40px;
	  font-size: 20px;
	  font-style: normal;
	  font-weight: bold;
	  -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
	}
div#FormComment	.btn-green-comment:hover,
	.btn-green-comment:focus,
	.btn-green-comment:active,
	.btn-green-comment.active,
	.btn-green-comment.disabled,
	.btn-green-comment[disabled] {
	  color: #ffffff;
	  background-color: #004c00;
	  *background-color: #004c00;
	  text-decoration: none;
	}
	
.icon-chevron-perso {
	width: 28px;
height: 40px;
line-height: 14px;
vertical-align: text-top;
margin-top: -13px;
	background-image: url("../../images/frontend/list_style_icon.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

/****************** Comment style ********************/
div.ListComments {
	margin-bottom: 50px;
}
div.ListComments ul {
	list-style: none;
}
div.ListComments ul > li {
	/*min-height: 80px;*/
	background-color: rgba(241, 238, 216, 0.5);
	/*line-height: 10px;*/
	overflow: hidden;
	margin-bottom:12px;
}
div.ListComments ul > li img {
	width: 80px !important;
}

div.ListComments ul > li .UserPicture {
	float:left;
	width: 17%;
}

div.ListComments ul > li .UserComment {
	float: left;
	width: 100%;
	margin-top: 10px;
}
div.ListComments ul > li.ResponseComment {
	margin-left: 50px;
}
.wrapper-container-detail-3 {
	margin-left: 30px;
}
.comment-body{
margin-bottom: 10px; 
border-bottom: 1px dotted #CCC;
margin-left: 10px;
margin-right: 10px;
}
.comment-toolbar {
	color: #979797;
	font-family: "Helvetica Neue";
	margin-left: 10px;
	margin-right: 10px;
}
.user-comment { font-style: italic; }
.date-comment { color: #036; }
/**********************************************************************************************
********************* PORTRAIT
***********************************************************************************************/
div.mb_ricks_portrait_top_content {
	width: 100%;
}
div.mb_ricks_portrait_top_content_title h2 {
	border-top:1px solid #000; 
	border-bottom: 1px solid #000;
	text-align:left;
	margin-left: 0px;
	font-family:"ParisishRegular";
	font-weight: 100;
	/*font-size: 3em;*/
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.mb_ricks_portrait_top_content_text p {
	font-size: 15px;
}

div.mb_ricks_portrait_top_picture img{
	width: 100%;
	padding: 5px;
}
div.mb_ricks_portrait_picture {
	margin-top: 10px;
	position:relative;
}
div.mb_ricks_portrait_picture img {
	margin-top: 10px;
	margin-left: 0px;
}

div.mb_ricks_portrait_content_title h2 {
	border-top:1px solid #000; 
	border-bottom: 1px solid #000;
	text-align:center;
	margin-left: 0px;
	font-weight: 100;
	font-size: 1.3em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.mb_ricks_portrait_content_text p {
	font-size: 1em;
	font-style: normal;
}

div.mb_ricks_portrait_content_link {
	margin-top: 20px;
}

a#btnReadMore span.mb_ricks_portrait_button {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #004c00;
	*background-color: #004c00;
	background-image: -moz-linear-gradient(top, #004c00, #004c00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
	background-image: -webkit-linear-gradient(top, #004c00, #004c00);
	background-image: -o-linear-gradient(top, #004c00, #004c00);
	background-image: linear-gradient(to bottom, #004c00, #004c00);
	background-repeat: repeat-x;
	border-color: #004c00 #004c00 #004c00;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-family: "Helvetica Neue";
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a#btnReadMore:hover {
	text-decoration: none;
}


.header-title {
vertical-align: top;
position: absolute;
color: #fff;
border: none;
width: 80%;
margin-left: auto;
padding-top: 100px;
margin-right: auto;
padding-left: 70px;
height: 250px;
}

.header-title h2 {
border: none;
font-size: 100px;
text-shadow: 5px 5px 3px #333;
}
.footer {
	border-top: #004c00 5px solid;
	background-color: rgb(24, 24, 24);
	width: 100%;
	margin: 0;
	color: rgb(88, 87, 87);
	font-family: 'ParisishRegular' !important;
	font-size: 14px;
}
.theatral-left {
	/*background: url('../../images/frontend/footer-theatre-left.png') no-repeat;
	height: 288px;
	width: 135px*/
}
.theatral-right {
	/*background: url('../../images/frontend/footer-theatre-right.png') no-repeat;
	height: 288px;
	width: 135px*/
}
.footer .row-fluid {
	/*margin-left: 10px;*/
}
.footer h4 { 
	text-transform: Capitalize;
	font-family: 'ParisishRegular' !important;
	color: rgb(137,137,137);
}
.footer .row {
	padding-top: 0px;
	margin-top:15px;
}
.footer .contact_us {
	text-align: left;
	font-family: 'ParisishRegular' !important;
}
.footer .contact_us p {
	
}
.footer #list_menu .span3 { margin-left: 0px; padding-left: 5px; }
.footer .row {
	border-top: 1px solid #333;
	margin-left: 0px;
}
.footer .phone_number { color: rgb(137,137,137); }

.voirplus { text-align: right; width: 100%; }
.voirplus a { color: #004c00 !important; text-decoration:none; font-size: 12px; font-weight: bold; }
.voirplus a:hover { text-decoration: underline; }


/*** pagination style ***/
#BlockPaginationTop,
#BlockPaginationBottom
	{
		float:left;
		background-color:#f1eed8;
		width: 97%;
		padding: 0 10px;
		margin-bottom: 25px;
		height:36px;
		line-height:31px;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		/* PIE */
		behavior: url(PIE_uncompressed.htc);
		}
#BlockPaginationTop .DivNombreResultat
	{
		float:left;
		}
#BlockPaginationTop .DivNombreResultat p
	{
		margin:0px;
		padding:0px;
		color:#313131;
		font-size:14px;
		font-family: 'titilliumtext22l_rgregular';
		}
#BlockPaginationTop .DivPaginationResultat,
#BlockPaginationBottom .DivPaginationResultat
	{
		float:right;
		}
.DivPaginationResultat label.Page
	{
		text-transform:uppercase;
		color:#313131;
		font-size:13px;
		font-family: 'titilliumtext22l_ltmedium';
		float:left;
		margin:0 5px 0 0;
		line-height:31px;
		}
.DivPaginationResultat ul
	{
		margin:0px;
		padding:0px;	
		float:left;	
	}
.DivPaginationResultat ul li
	{
		float:left;
		list-style:none;		
		}
.DivPaginationResultat ul li.ItemPR
	{
		margin:0px 2px;
	}
.DivPaginationResultat ul li.ItemPR,
.DivPaginationResultat ul li.ItemPR a,
.DivPaginationResultat ul li.ItemPR span
	{
		color:#313131;
		font-size:13px;
		font-family: 'titilliumtext22l_ltmedium';
		height:20px;
		display:block;
		line-height:31px;
			
		}
.DivPaginationResultat ul li.ItemPRActive,
.DivPaginationResultat ul li.ItemPRActive a,
.DivPaginationResultat ul li.ItemPRActive span
	{
		color:#EA2500;
	}
.DivPaginationResultat div.DivNavigPaginationResultat
	{
		float:left;
		list-style:none;
		margin-left: 10px;
    	margin-top: 6px;		
		}
.DivPaginationResultat div.DivNavigPaginationResultat ul li
	{
		float:left;
		width:24px;
		height:22px;
		cursor:pointer;
	-webkit-box-shadow: 0 0 3px 1px #B6B6B6;
	box-shadow: 0 0 3px 1px #B6B6B6;
	background: #004c00; /* Old browsers */
	background: -moz-linear-gradient(top, #004c00 0%, #004c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004c00), color-stop(100%, #004c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004c00 0%, #004c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004c00 0%, #004c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004c00 0%, #004c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004c00 0%, #004c00 100%); /* W3C */
	-pie-background: linear-gradient( #004c00 0%, #004c00 100%);/* PIE */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	/* PIE */
	behavior: url(PIE_uncompressed.htc);
}
.DivPaginationResultat div.DivNavigPaginationResultat ul li:hover {
	background: rgb(163,9,2); /* Old browsers */
	background: -moz-linear-gradient(top, #004c00 0%, #004c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004c00), color-stop(100%, #004c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #004c00 0%, #004c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #004c00 0%, #004c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #004c00 0%, #004c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #004c00 0%, #004c00 100%); /* W3C */
	-pie-background: linear-gradient( #004c00 0%, #004c00 100%);/* PIE */
	/* PIE */
	behavior: url(PIE_uncompressed.htc);
}
.DivPaginationResultat div.DivNavigPaginationResultat ul li a
	{
		float:left;
		width:24px;
		height:22px;
		cursor:pointer;
		display:block;
		background-position:center;
		background-repeat:no-repeat;
	}
.DivPaginationResultat div.DivNavigPaginationResultat ul li.ItemNext a
	{
		background-image:url(../../images/frontend/icons/IconPrive.png);
	}
.DivPaginationResultat div.DivNavigPaginationResultat ul li.ItemPrive a
	{
		background-image:url(../../images/frontend/icons/IconNext.png);
		background-position: 10px center;
	}
.DivPaginationResultat div.DivNavigPaginationResultat ul li.ItemPrive
	{
		margin-left:7px;
	}
.DivPaginationResultat div.DivNavigPaginationResultat ul li span
	{
		display:none;
		}
		
.ajaxloader {
	/*width: 50%;*/
margin-left: auto;
margin-right: auto;
position: absolute;
left: 50%;
top: 50%;
z-index: 98765432132451 !important;
}
.pp_overlay { z-index: 1000 !important; }


.ajaxloader img {
	width: 250px;
	height: auto;
	z-index: 98765432132451 !important;
}
.Img_article_detail {
	/*height: 250px;*/
}
 div#likeit a{
	color: #000;
	text-decoration: none;
	display: block;
	cursor: pointer;
 }
 div#likeit a:hover{
	color: #000;
	text-decoration: none;
 }
 
 .ListComments .username {
font-size: 16px;
font-weight: bold;
color: #004c00;
 }
 
 .BLeft { float: left; }
 .BRight { float: right; }
 div#container-article-category { width: 90%; margin-left: auto; margin-right: auto; }
 
.title-img  { position: absolute; }
@media (max-width: 1200px) and (min-width: 980px){


.title-img { left: 20%; top: 90%; }


h5.collapsed-title{ display: none; }
.useful-link { width: 200px !important; }
p{ font-size: 13px !important;}
h2 { font-size: 30px !important; }
div#detail-article h2 { font-size: 25px !important;}
.wrapper-container .header h1 { font-size: 5em !important; }
.carousel-caption h1 { font-size: 70pt !important; padding-top:5px }
} 
/* Large desktop */
@media (min-width: 1200px) { 

.title-img { left: 20%; top: 90%; }


h5.collapsed-title{ display: none; }
.useful-link { width: 250px !important; }
ul.n-list-style li p { font-size: 18px !important; }

.wrapper-container .header img { height:auto; }
#rubrique-content { padding-top : 35px; }
.mt40{ padding-top: 80px;}
p{ font-size: 13px !important;}
h2 { font-size: 20px !important; }
div#detail-article h2 { font-size: 20px !important;}
.wrapper-container .header h1 { font-size: 5em !important; }
.carousel-caption h1 { font-size: 58pt !important; padding-top:5px; }

.contact_us h4 {
	font-weight: normal;
	font-size: 2.75em;
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'ParisishRegular' !important;
	text-transform: Capitalize;
	color: rgb(137,137,137);
}
.contact_us p {
	font-family: 'Helvetica Neue' !important;
	font-size: 1em;
}

.footer .footer_list_menu { 
	margin-left:2px;
	margin-top: 10px;
	padding: 0;
}
 .footer_list_menu li {
	text-align: left;
	font-size: .85em;
	line-height: 20px;
	font-style:normal;
	font-family: 'Helvetica Neue' !important;
 }

#list_menu  {
	font-style: italic;
}
#list_menu h4 { 
	text-align: left;
	font-size: 2em;
	padding-top:15px;
	font-weight: normal;
	font-style: normal;
	
}


div#mb_carte .modal-header h3 { font-size: 30px;}

div#mb_carte h4.title{font-size: 30px;}
div#mb_carte .modal-body .row-items .item{font-size:1.25em;}
div#mb_carte .modal-body .row-items .item span.pull-left { overflow: hidden; text-overflow: ellipsis; width: 80%; white-space: nowrap; }
div#mb_carte .modal-body .row-items .item .price { padding-right: 55px !important; }
}

.footer .footer_list_menu { 
	list-style: none;
	width: 100%;
	text-align: center;
	}
.footer_list_menu li a {
	color: rgb(88, 87, 87);
	text-decoration: none;
}
.footer_list_menu li a:hover {
	text-decoration: none;
	color: #fff;
}
@media (max-width: 979px) { 

	h5.collapsed-title{ display: block; padding-right: 20px; text-align: right; font-family: 'ParisishRegular'; font-weight: normal;}
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	.title-img { left: 20%; top: 90%; }

	.navbar-inverse .nav-collapse2 .nav > li > a, .navbar-inverse .nav-collapse2 .dropdown-menu a { color: #000000; font-family: Arial !important; font-size: 12px; padding: 10px 5px 10px 40px !important; background-color: #f1eed8 !important; border-bottom: 1px solid #cccc99; background: url("../images/list-menu-responsive.png") no-repeat 10px center; margin: 0px; box-shadow: none !important; }
	.navbar-inverse .nav-collapse1 .nav > li > a, .navbar-inverse .nav-collapse1 .dropdown-menu a { color: #000000; font-family: Arial !important; font-size: 12px; padding: 10px 5px 10px 40px !important; background-color: #f1eed8 !important; border-bottom: 1px solid #cccc99; background: url("../images/list-menu-responsive.png") no-repeat 10px center; margin: 0px; box-shadow: none !important; }
	.wrapper-container .header img { height:250px; }
	#rubrique-content { padding-top : 25px; }
	div#icon-text-ricks h3{ display: none;}
	.nav-slider-nav-button li img { width: 50px !important; }
	.mt40{ padding-top: 30px;}
	
	
	
form#form-booking-border .control-group { width: 42% !important;}
form#form-booking-border .inputLarge { width: 100% !important; }
textarea#mb_booking_text_message { width: 95% !important; }
form#form-booking-border td#submit_me { text-align: center !important; }
form#form-booking-border input[type=text] { width: 89% !important; }
form#form-booking-border select#mb_booking_booking_type { width: 98% !important; }
div#mb_booking_resa h3 { font-size: 18px !important; }
div#mb_carte .modal-header h3 { font-size: 18px !important; }



.social-panel-close { width: 210px !important; height: 55px !important;}
a#close-sharepanel { right: 200px !important; background-size:46px !important; }
.social-panel a#open-sharepanel { background-size:30px !important; height: 65px !important; }


.twitter-icn{
	background: url("../../images/frontend/icons/twitter2.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}
.twitter-icn:hover{
	background: url("../../images/frontend/icons/twitter.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}

.facebook-icn{
	background: url("../../images/frontend/icons/facebook2.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}
.facebook-icn:hover{
	background: url("../../images/frontend/icons/facebook.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}

.pintr-icn{
	background: url("../../images/frontend/icons/p2.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}
.pintr-icn:hover{
	background: url("../../images/frontend/icons/p1.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}

.youtube-icn{
	background: url("../../images/frontend/icons/y2.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}
.youtube-icn:hover{
	background: url("../../images/frontend/icons/y1.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}

.instagram-icn{
	background: url("../../images/frontend/icons/insta2.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}
.instagram-icn:hover{
	background: url("../../images/frontend/icons/insta.png") no-repeat scroll center;
	width: 40px !important;
	background-size: 40px !important;
	display: block;
}


}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


.title-img { left: 20%; top: 90%; }

.social-panel-close { width: 164px !important; height: 45px !important;}
a#close-sharepanel { right: 148px !important; background-size:37px !important; top: -2px !important;}
.social-panel a#open-sharepanel { background-size:22px !important; height: 50px !important; }

p.copyright{ font-size: 11px !important; line-height: 25px !important; }

ul.n-list-style { width: 95%; padding-right:0px !important;  }

.twitter-icn{
	background: url("../../images/frontend/icons/twitter2.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}
.twitter-icn:hover{
	background: url("../../images/frontend/icons/twitter.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}

.facebook-icn{
	background: url("../../images/frontend/icons/facebook2.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}
.facebook-icn:hover{
	background: url("../../images/frontend/icons/facebook.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}

.pintr-icn{
	background: url("../../images/frontend/icons/p2.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}
.pintr-icn:hover{
	background: url("../../images/frontend/icons/p1.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}

.youtube-icn{
	background: url("../../images/frontend/icons/y2.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}
.youtube-icn:hover{
	background: url("../../images/frontend/icons/y1.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}

.instagram-icn{
	background: url("../../images/frontend/icons/insta2.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}
.instagram-icn:hover{
	background: url("../../images/frontend/icons/insta.png") no-repeat scroll center;
	width: 30px !important;
	background-size: 30px !important;
	display: block;
}





.wrapper-container .header img { height:180px; }
#rubrique-content { padding-top : 25px; }
div#icon-text-ricks h3{ display: none;}
.mt40{ padding-top: 15px;}

.theatral-right img { width: 6em !important; }
.theatral-left img { width: 6em !important; }

form#form-booking-border .control-group { float: none !important;  width: 100% !important;}
form#form-booking-border .control-group.inputLarge { width: 100% !important; }
textarea#mb_booking_text_message { width: 100% !important; }
form#form-booking-border td#submit_me { text-align: center !important; }
form#form-booking-border input[type=text] { width: 93% !important; }
form#form-booking-border select#mb_booking_booking_type { width: 98% !important; }
div#mb_booking_resa h3 { font-size: 18px !important; }

form#form-with-border .controls.input {
	background: url("../../images/frontend/icons/border-input.png");
	height: 55px !important; 
	background-repeat:none; 
	background-size: cover;
	width:100%;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-with-border-contact .controls.input {
	background: url("../../images/frontend/icons/border-input.png");
	height: 40px !important; 
	background-repeat:none; 
	background-size: cover;
	width:100% !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-with-border-contact .controls.inputArea {
	background: url("../../images/frontend/icons/border-input.png");
	height: 85px !important; 
	background-repeat:none; 
	background-size: cover;
	width:100% !important;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding-top:5px;
}

form#form-with-border-contact input#inputEmail{
	background-image: url("../../images/frontend/login-icon.png") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	height:45px;
	margin-top: 5px;
}

form#form-with-border-contact input#inputPassword{
	background-image: url("../../images/frontend/icon-password.png") !important;
	background-repeat: no-repeat !important;
	background-position: right  center !important;
	height:45px;
	margin-top: 5px;
}

form#form-with-border-contact textarea{
	margin-top: 0px !important;
	width: 100% !important;
}

.nav-slider-nav-button li img { width: 40px !important; }




div#mb_carte { left: 1% !important; width: 98% !important;}
div#mb_carte .modal-header h3 { font-family: 'Helvetica Neue'; font-weight: normal; color: #FFFFFF; text-align:center; font-size: 15px; margin-top: 0px !important; line-height: 25px !important;}

div#mb_carte h4.title{ font-size: 10px !important; }
div#mb_carte .modal-body .row-items .item{ font-family: 'Helvetica Neue'; font-size:10px; color: #1f1f1e; line-height:35px; padding-left: 10px !important;}
div#mb_carte .modal-body .row-items .item .price { padding-right: 5px; }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

.title-img { left: 5%; top: 90%; }

.wrapper-container .header img { height:100px; }
.wrapper-content-home{background: url("../../images/frontend/back-slider.jpg"); 
	display:block; 
	height: 100% !important; 
	background-repeat:none; 
	background-size: cover;
	width:100%;
}

div.ListComments ul > li .UserComment { margin-top: 15px !important; }
.comment-body { font-size: 10px !important; }
.comment-toolbar{ font-size: 10px !important; }
form#form-booking-border .control-group { float: none !important;  width: 100% !important;}
form#form-booking-border .control-group.inputLarge { width: 100% !important; }
textarea#mb_booking_text_message { width: 100% !important; }
form#form-booking-border td#submit_me { text-align: center !important; }
form#form-booking-border input[type=text] { width: 93% !important; }
form#form-booking-border select#mb_booking_booking_type { width: 98% !important; }
div#mb_booking_resa h3 { font-size: 15px !important; }

p.mb_ricks_portrait_content_link { text-align: center !important; }
.nav-slider-nav-button li img { width: 25px !important; }
#rubrique-content { padding-top : 20px; }
div#icon-text-ricks h3{ display: none;}
}


p#mb_ricks_portrait_content_link { text-align: center !important; }
div#wrapp-ricks-cafe .wrapper-container{
		/*background-color: #f6f7f0;*/
	}
div#wrapp-portrait .wrapper-container{
	background-color: transparent;
	}
.wrapper-container{
		/*background-color: #f6f7f0;*/
	}
div#scrolling{ overflow-y: scroll; background-color: #FFF;}
div#icon-text-ricks h3 {

text-transform: capitalize;
padding-left: 1em;
text-shadow: #999 1px 1px 1px;
color: #010101;
font-weight: normal;
/*margin: 7px;*/
margin-right: 20px;
line-height: 33px;
}
div#content-article-detail { 
	position: relative; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.header_shadow {
	box-shadow: #333 0px 6px 6px;
	-webkit-box-shadow: #333 0px 6px 6px;
   -moz-box-shadow: #333 0px 6px 6px;
   -ms-box-shadow: #333 0px 6px 6px;
}

.content_shadow {
	box-shadow: #333 0px 6px 6px;
	-webkit-box-shadow: #333 0px 6px 6px;
   -moz-box-shadow: #333 0px 6px 6px;
   -ms-box-shadow: #333 0px 6px 6px;
}
.detailPicture img { width: auto !important; }
div.principal-container{ /*border-top: #004c00 solid 2.5px;*/ width:100%; overflow: hidden; }
.btn-green-medium
{
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #004c00;
	  *background-color: #004c00;
	  background-image: -moz-linear-gradient(top, #004c00, #004c00);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004c00), to(#004c00));
	  background-image: -webkit-linear-gradient(top, #004c00, #004c00);
	  background-image: -o-linear-gradient(top, #004c00, #004c00);
	  background-image: linear-gradient(to bottom, #004c00, #004c00);
	  background-repeat: repeat-x;
	  border-color: #004c00 #004c00 #004c00;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004c00', endColorstr='#ff004c00', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  font-family: "Helvetica Neue";
	  font-size: 14px;
	  font-style: italic;
	  font-weight: normal;
	  letter-spacing: 1px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;

}
	.btn-green-medium:hover,
	.btn-green-medium:focus,
	.btn-green-medium:active,
	.btn-green-medium.active,
	.btn-green-medium.disabled,
	.btn-green-medium[disabled] {
	  color: #ffffff;
	  background-color: #004c00;
	  *background-color: #004c00;
	}

	.btn-green-medium:active,
	.btn-green-medium.active {
	  background-color: #004c00;
	}
.navbar.navbar-box-shadow { box-shadow: #333 2px 2px 5px; -webkit-box-shadow: #333 2px 2px 5px; -moz-box-shadow: #333 2px 2px 5px; -ms-box-shadow: #333 2px 2px 5px; }
a#close-submenu {color:#000; text-transform: capitalize !important; line-height: 33px; border-radius: 0px; margin-top: 0px;}
a#close-submenu:hover{ background-color: #004c00; color:#FFF; line-height: 33px; border-radius: 0px; margin-top: 0px;}
a#submenu_category { cursor: pointer; }
p#mb_ricks_portrait_content_link a { cursor: pointer; }
p.details a{ cursor: pointer; }
.nav.category li a { cursor: pointer; }
div#detail-article p { font-family: "Helvetica Neue"; text-align: justify;}


div#likeit div.H2Title { font-size: 17px; color: #000; font-family: "Helvetica Neue"; text-align: left; font-weight: bold; }
div#likeit p { font-family: "Helvetica Neue"; font-size: 12px; }
div#detail-article .wrapper-container h2 {
border-top: 1px solid #373a3d;
border-bottom: 1px solid #373a3d;
font-size: 22px;
font-family: "ParisishRegular";
text-transform: uppercase;
text-align: left;
line-height: 40px;
padding: 10px 0;
font-weight: normal;
}

/* GALLERIE */ 
div#gallery-contains div.span3  { margin-left: 0px !important; }
div#gallery-contains ul li { float: left; }


ul.nav-slider-nav-button{
	list-style: none;
	overflow: hidden;
}
.nav-slider-nav-button li {
	float: left;
	padding-left: 5px;
}
.nav-slider-nav-button li img {
	width: auto;
}

form#form-with-border .controls.input {
	background: url("../../images/frontend/icons/border-input.png");
	height: 65px; 
	background-repeat:none; 
	background-size: cover;
	width:100%;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-with-border-contact .controls.input {
	background: url("../../images/frontend/icons/border-input.png");
	height: 35px; 
	background-repeat:none; 
	background-size: cover;
	width:95%;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-with-border-contact .controls.inputArea {
	background: url("../../images/frontend/icons/border-input.png");
	height: 100px; 
	background-repeat:none; 
	background-size: cover;
	width:95%;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-with-border-contact input#inputEmail{
	background-image: url("../../images/frontend/login-icon.png") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	height:25px;
	width: 100%;
	margin-top: 5px;
}

form#form-with-border-contact input#inputPassword{
	background-image: url("../../images/frontend/icon-password.png") !important;
	background-repeat: no-repeat !important;
	background-position: right  center !important;
	height:25px;
	width: 100%;
	margin-top: 5px;
}

form#form-with-border-contact textarea{
	margin-top: 5px;
	width: 100% !important;
	
}

#Grid .mix{
	opacity: 0;
	display: none;
}
.phone {font-weight: bold;}
.email { font-weight: bold; }
.bar { font-weight: lighter; color:rgb(88, 87, 87); margin-left: 2px; margin-right: 2px;}
/********************************************
 * ****** CARTE STYLE
 * ******************************************/
div#mb_carte { width: 70%; left: 36%; }
div#mb_carte .modal-header { border-bottom: 1px solid #012a00; background-color: #004c01;}
div#mb_carte .modal-header h3 { font-family: 'ParisishRegular'; font-weight: normal; color: #FFFFFF; text-align:center; margin-top: 10px; text-transform: uppercase; letter-spacing: 10px;}
div#mb_carte .modal-body { background-color: #fbfbf1;  padding:0px; max-height: 500px;}

div#mb_carte h4.title{ font-family: 'ParisishRegular'; color: #464435; text-align:center; line-height: 50px; margin:0px; padding:0px; text-transform: uppercase; font-size: 1.5em;}
div#mb_carte .title img { width: auto !important; }
div#mb_carte .modal-body .row-title{ width:100%; border-bottom: 1px solid #a7a58e; border-top: 1px solid #a7a58e; background-color: #ebe9da; height:50px; margin-bottom: 20px;}
div#mb_carte .modal-body .row-items{ width: 100%; height: 35px; }
div#mb_carte .modal-body .row-items .item{ font-family: 'Helvetica Neue'; color: #1f1f1e; line-height:20px; padding-left: 90px; overflow: hidden; }
div#mb_carte .modal-body .row-items .item .price { padding-right: 10px; }
div#mb_carte .modal-body .row-items .item .title_fr{ font-size: 9px; }

/********************************************
 * ****** MUSIC PLAYER STYLE
 * ******************************************/
 
div#mb_music_player { }
div#mb_music_player .modal-header { border-bottom: 1px solid #012a00; background-color: #004c01;}
div#mb_music_player .modal-header h3 { font-family: 'Helvetica Neue'; font-weight: normal; color: #FFFFFF; text-align:center; font-size: 30px; letter-spacing: 10px;}
div#mb_music_player .modal-body { background-color: #fbfbf1; padding-top: 10px;}
div#ascrail2002 { background-color: rgb(241,241,241);
border-radius: 3px;
z-index: 0 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/********************************************
 * ******* STYLE FORM BOOKING
 * ******************************************/
div#mb_booking_resa { width: 450px; margin-left: 0px !important; left: 35%;}
div#mb_booking_resa .modal-header { border-bottom: 1px solid #012a00; background-color: #004c01;}
div#mb_booking_resa .modal-header h3 { font-family: 'ParisishRegular' !important; font-weight: normal; color: #FFFFFF; text-align:center; font-size: 20px; letter-spacing: 10px}
div#mb_booking_resa .modal-body { background-color: #f5f2e1; padding: 0px;}
div#mb_booking_resa .span7 { margin-left: 0px; }
div#mb_booking_resa .row { padding:0; margin:0; width: 55%; margin-left: auto; margin-right: auto; }
div#mb_booking_resa form { padding: 15px; }
div#mb_booking_resa h3 { font-family: 'Helvetica Neue' !important; font-size: 15px; font-weight: normal; color: #464435; margin-bottom: 0px; margin-top: 0px; height: 25px;}
div#mb_booking_resa p { font-family: 'Helvetica Neue'; font-weight: normal; padding-left: 15px; color: #1f1f1e; text-align: center; font-size: 20px !important; padding-top: 10px;}
div#mb_booking_resa .header-content { overflow: hidden; width: 100%; background: #ebe9da; border-bottom: #a7a58e 1px solid; }
div#mb_booking_resa .footer-content { overflow: hidden; width: 100%; background: #ebe9da; border-top: #a7a58e 1px solid; }
div#mb_booking_resa #firstStep input[type=text]{ 
	background: #f5f2e1; 
	color: #004c00;
	border-left: 1px solid #a7a58e; 
	border-top: 1px solid #a7a58e; 
	border-bottom: 1px solid #a7a58e; 
	border-right: 0px !important;
	-webkit-border-top-right-radius:0px; 
	-webkit-border-bottom-right-radius:0px;
	-moz-border-top-right-radius:0px; 
	-moz-border-bottom-right-radius:0px;
	border-top-right-radius:0px; 
	border-bottom-right-radius:0px; 
	float: left;
	width: 165px !important;
	text-align: center;
}
div#mb_booking_resa #form-booking-border div#hidden_field input[type=text]{ 
	border: 1px solid #a7a58e; 
	width: 269px !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f5f2e1; 
	color: #004c00;
	text-align: center;
}
div#mb_booking_resa .footer-content p{ text-align: left !important; }
div#mb_booking_resa .footer-content p.green { color: #004c00; }
div#mb_booking_resa #find_place_for_me, div#mb_booking_resa #find_place_for_me_next { width: 84%; height: 30px; line-height: 6px;}
div#mb_booking_resa .icondate, div#mb_booking_resa .icontime, div#mb_booking_resa .iconperson {

border: 1px solid #a7a58e;
height: 28px;
margin-top: 5px;
display: block;
width: 25px;
float: left;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;

}

div#mb_booking_resa .icondate {
	background: url(../../images/frontend/icons/date@2x.png) center no-repeat;
	background-size: 19px;
}
div#mb_booking_resa .icontime {
	background: url(../../images/frontend/icons/time@2x.png) center no-repeat;
	background-size: 19px;
}
div#mb_booking_resa .iconperson {
	background: url(../../images/frontend/icons/persronn@2x.png) center no-repeat;
	background-size: 19px;
}
ul.radio_list{
margin-left: 0;
list-style: none;
}
ul.radio_list li { float: left; }

div#form_resa_container{ background-color: #f7f5e6; }
form#bookingFORM fieldset {  }
form#bookingFORM fieldset legend{ font-family: 'Helvetica Neue'; font-size: 20px; line-height: 25px; color: #1f1f1e; background-color:#ebe9da; padding: 0px; text-align:center;  border-top: solid 1px #a7a58e; border-bottom: solid 1px #a7a58e; }
form#bookingFORM  input[type="text"],form#bookingFORM  input[type="number"],form#bookingFORM  input[type="email"], form#bookingFORM  textarea { background-color: #fff; border: solid 1px #a7a58e; width: 100%; color:#004c00 ; height: 80px; font-size: 20px; text-align: center;}
form#bookingFORM  input[type="submit"]{ width: 92%; }
form#bookingFORM input[type="button"]{ width: 96%; }
form#bookingFORM .input-append { width: 90%; }

form#bookingFORM .add-on{ background-color: #f7f5e6; height: 45px; border: solid 1px #a7a58e;}
form#bookingFORM .form-footer { background-color:#ebe9da; border-top: solid 1px #a7a58e; border-bottom: solid 1px #a7a58e; margin-top: 10px; color: color: #1f1f1e; font-family: 'Helvetica Neue'; font-size: 16px; padding-top: 15px;}
form#bookingFORM .form-footer p { padding-left: 10px; }
form#bookingFORM .form-footer ul { list-style: none; }
form#bookingFORM .form-footer ul li { line-height: 25px; }
form#bookingFORM .form-footer ul li { line-height: 25px; }
form#bookingFORM .form-footer ul li.gratuit { color: #004c00; } 
form#bookingFORM label { font-family: 'ParisishRegular'; font-size: 30px; color: #1f1f1e;}

select#mb_booking_date_booking_day { height: 50px; width: 60px; }
select#mb_booking_date_booking_month { height: 50px; width: 140px; }
select#mb_booking_date_booking_year { height: 50px; width: 60px; }
select#mb_booking_date_booking_hour { height: 50px; width: 60px; }
select#mb_booking_date_booking_minute { height: 50px; width: 60px; }
form#form-booking-border input[type=text] { height: 30px; margin-top: 5px; width: 270px;}
textarea#mb_booking_text_message { height: 110px !important; margin-top: 5px; width: 270px; background: #f5f2e1;  color: #000; text-align: left; font-size: 14px;}

form#form-booking-border .controls.input {
	background: url("../../images/frontend/icons/border-input.png");
	height: 30px; 
	background-repeat:none; 
	background-size: cover;
	width:100%;
	padding-left: 5px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-booking-border .controls.inputLarge {
	background: url("../../images/frontend/icons/border-input.png");
	height: 130px; 
	background-repeat:none; 
	background-size: cover;
	width:100%;
	padding-left: 5px;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

form#form-booking-border .control-group { margin-right: 30px; width: 290px; float: left;}
form#form-booking-border .control-group.inputLarge { width: 610px; }
form#form-booking-border select { border:4px solid #000; }
form#form-booking-border select#mb_booking_booking_type { width: 285px;
height: 40px;
margin-top: 5px; border: 0px !important; }


div#tab ul#myTab {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#tab ul#tab-slider-music {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#tab ul#myTab li a  {

-webkit-border-radius: 0;
-moz-border-radius:0;
border-radius:0;
}
.tab-content { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right:1px solid #ddd;}
.tab-pane { background: #FFF; }
div#tab ul#myTab li a img {  }

.lecteur #mainContainer {
border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
}

.playIcon {
position: absolute;
width: 50px;
height: 51px;
background: #333;
left: 292.5px;
top: 225px;
background: url("../../images/frontend/icons/Icon-Play.png");
}


div#wrapp-the-portraits .span3{
	position: relative;
}
.playIconHome {
position: absolute;
width: 50px;
height: 51px;
background: #333;
left: 90px;
top: 40px;
background: url("../../images/frontend/icons/Icon-Play.png");
}

.playIconDetail {
position: absolute;
width: 50px;
height: 51px;
background: #333;
left: 70px;
top: 20px;
background: url("../../images/frontend/icons/Icon-Play.png");
}
.playIconDetail2 {
position: absolute;
width: 50px;
height: 51px;
background: #333;
left: 90px;
top: 60px;
background: url("../../images/frontend/icons/Icon-Play.png");
}
div#ajaxLoad {
	width: 50px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
p.resa_ok {
font-family: 'ParisishRegular' !important;
font-size: 18px;
color: #1f1f1e;
text-align: center;
line-height: 25px;
}

div#rubrique-content .span3 { position: relative; }
div#rubrique-content-g .span3 { position: relative; }
ul.n-list-style{ padding-right: 0px; }
ul.n-list-style  li  { float: left; list-style: none; line-height: 50px;}
ul.n-list-style  li p { font-family: 'ParisishRegular' !important; font-size: 18px; color: rgb(137,137,137); }
p.copyright { font-size: 14px; font-family: "Arial"; line-height: 25px; margin-left: 0px;}
.footer .span7 { margin-left: 0 !important; }
.twitter-icn{
	background: url("../../images/frontend/icons/twitter2.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}
.twitter-icn:hover{
	background: url("../../images/frontend/icons/twitter.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}

.facebook-icn{
	background: url("../../images/frontend/icons/facebook2.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}
.facebook-icn:hover{
	background: url("../../images/frontend/icons/facebook.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}

.pintr-icn{
	background: url("../../images/frontend/icons/p2.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}
.pintr-icn:hover{
	background: url("../../images/frontend/icons/p1.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}

.youtube-icn{
	background: url("../../images/frontend/icons/y2.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}
.youtube-icn:hover{
	background: url("../../images/frontend/icons/y1.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}

.instagram-icn{
	background: url("../../images/frontend/icons/insta2.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}
.instagram-icn:hover{
	background: url("../../images/frontend/icons/insta.png") no-repeat scroll center;
	width: 50px;
	height: 50px;
	display: block;
}

.share-icn{
	background: url("../../images/frontend/icons/partage.png") no-repeat scroll center;
	width: 0px;
	background-size: 25px;
	height: 23px;
	padding-left: 45px;
	display: block;
	color: #a6a38d;
	font-family: 'ParisishRegular' !important;
	font-size: 20px;
	font-weight: bold;
	cursor:pointer;
}
.share-icn:hover{
	background: url("../../images/frontend/icons/partage2.png") no-repeat scroll center;
	width: 0px;
	height: 23px;
	display: block;
	color: #000;
	text-decoration: none;
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 0px;
text-align: center;
white-space: normal;
background-color: #ffffff;
border: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-background-clip: none;
-moz-background-clip: none;
background-clip: none;
}

.popover .popover-title{
	background:#e7e4cb;
	font-family: 'ParisishRegular' !important;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	padding: 15px;
}
.popover .popover-content{
	background:#ebe8d3;
	padding: 0px;
}
.popover.top .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: transparent;
border-top-color: #ffffff;: #ebe8d3;
}

.detailHeader .row{
	padding-top:5px;
}
ul.share-list {
	list-style: none;
	padding: 0px;
	margin:0px;
	min-width: 105px;
	background: rgb(241, 238, 216);
}
ul.share-list li{
float: left;
width: 35px;
background: rgb(241, 238, 216);
}
ul.share-list li:hover{
	background:#8a8770;
	color:#f5efc9;
}
ul.share-list li a {
	text-decoration: none;
	color: #787668;
}
ul.share-list li a:hover {
	text-decoration: none;
	color: #f5efc9;
}

ul.share-list li a span {
	padding-left: 0px;
	line-height: 50px;
	
}

ul.share-list .twitter-icn{
	background: url("../../images/frontend/icons/twitter2.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}
ul.share-list .twitter-icn:hover{
	background: url("../../images/frontend/icons/twitter.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}

ul.share-list .facebook-icn{
	background: url("../../images/frontend/icons/facebook2.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}
ul.share-list .facebook-icn:hover{
	background: url("../../images/frontend/icons/facebook.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}

ul.share-list .pinterest-icn{
	background: url("../../images/frontend/icons/p2.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}
ul.share-list .pinterest-icn:hover{
	background: url("../../images/frontend/icons/p1.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}

ul.share-list .youtube-icn{
	background: url("../../images/frontend/icons/y2.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}
ul.share-list .youtube-icn:hover{
	background: url("../../images/frontend/icons/y1.png") no-repeat scroll left;
	width: 100%;
	height: 30px;
	display: block;
	background-size: 30px;
}

.wrapper-container .header h1 { white-space: nowrap; }
div#panel-social-partage {
	position: absolute;
	top: 117px;
	right: 0px;
	width: 35px;
	z-index: 99999;
}
.social-panel-open {
	display: block;
    float: right;
    height: 70px;
    margin-right: 0;
    width: 48px;
}
/* line 133, frontend-overrider.scss */
.social-panel a#open-sharepanel {
	background: url(../../images/frontend/icons/flow.png) right top no-repeat;
    display: block;
    height: 70px;
    overflow: hidden;
    padding: 0 !important;
    text-decoration: none;
    width: 48px;
}
a#close-sharepanel {
	position: absolute;
	right: 248px;
	top: -3px;
	background: url(../../images/frontend/icons/flow2.png) right top no-repeat;
	width:50px;
	height:70px;
}

.social-panel-close {
	background-color: #bbac91;
    display: none;
    float: right;
    width: 250px;
	height:67px;
    padding: 0;
}
.social-panel-close .btn-close-social-panel {
	position: absolute;
	height: 100%;
}
ul.share-panel-right { list-style: none; padding:0px; margin:0px; overflow: hidden; height: 100%;}
ul.share-panel-right li{ float: left; height: 100%; }


ul.share-panel-right .twitter-icn{
	background: url("../../images/frontend/icons/twitter2.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}
ul.share-panel-right .twitter-icn:hover{
	background: url("../../images/frontend/icons/twitter.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}

ul.share-panel-right .facebook-icn{
	background: url("../../images/frontend/icons/facebook2.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}
ul.share-panel-right .facebook-icn:hover{
	background: url("../../images/frontend/icons/facebook.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}

ul.share-panel-right .pintr-icn{
	background: url("../../images/frontend/icons/p2.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}
ul.share-panel-right .pintr-icn:hover{
	background: url("../../images/frontend/icons/p1.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}

ul.share-panel-right .youtube-icn{
	background: url("../../images/frontend/icons/y2.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}
ul.share-panel-right .youtube-icn:hover{
	background: url("../../images/frontend/icons/y1.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}

ul.share-panel-right .instagram-icn{
	background: url("../../images/frontend/icons/insta2.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}
ul.share-panel-right .instagram-icn:hover{
	background: url("../../images/frontend/icons/insta.png") no-repeat scroll center;
	width: 50px;
	height: 100%;
	display: block;
}

.useful-link { width: 150px; height: 100px; margin-left: 10px; text-indent:15px;}
.useful-link li a { font-family: "Helvetica Neue" "Arial"; color: #FFF; font-size: 12px; text-shadow: 1px 1px 1px #000;}
.useful-link li a:hover { text-decoration: underline; color: #FFF; }
.bootstrap-timepicker-widget { z-index: 99999; }

div#detail-article p { color: #000 !important;}
div#detail-article p span{ color: #000 !important;}
div#detail-article p a { color: #000 !important; text-decoration: underline !important;}
div#detail-article a:hover, div#detail-article a:visited, div#detail-article a:active { color: #000 !important; text-decoration: underline !important;}


.wrapper-container-detail-3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
	margin-top: 35px;
}



div.detailHeader {
	background-color: rgb(241, 238, 216);
	min-height: 40px;
	padding: 0px;
	margin: 0;
}
div.detailPicture {
	position: absolute;
	margin-top: -35px;
	margin-left: 0px;
}

div.detailHeader div.span7 {
	margin-left: 10px;
	text-align:left;
}
div.detailHeader div.span7 h5 {
	padding:0;
	margin:0;
	line-height: 40px;
}
div.detailHeader .titleHeader {
	font-size: 20px;
	font-weight: bold;
	font-family: 'HelveticaLight';
}

div.detailHeader  .contentHeader {
	font-size: 14px;
	font-family: 'HelveticaLight';
	min-height: 80px;
}
.wrapper-container-detail-3 .date_publication { 
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	margin:0px;
	font-size: 11px;
 }
 
 
.wrapper-container-detail-3 div.detailHeader div.span7{
	margin-top:0px;
	margin-bottom: 10px;
}
.useful-link img { width: auto !important }
div#contact-infos-resa p {
	color: #959595;
	margin-bottom: 1px;
}
div#contact-infos-resa .link_to_resa {
	font-weight: bold;
	color: #959595;
}
div#contact-infos-resa .link_to_resa:hover, div#contact-infos-resa .link_to_resa:active{
	font-weight: bold;
	color: #959595;
	text-decoration: underline;
}

div#contact-infos-resa a#dress_code_btn{
	color: #959595;
	font-weight: bold;
	margin-left: -32px;
}

div#contact-infos-resa a#dress_code_btn:hover{
	color: #959595;
	font-weight: bold;
	margin-left: -32px;
}

div.mb_ricks_portrait_content_text ul {
	text-align: left;
	padding-left: 25px;
}
div.mb_ricks_portrait_content_text ul li a {
	text-decoration: none;
	color: #000;
}
div.mb_ricks_portrait_content_text ul li a:hover {
	text-decoration: underline;
	color: #000;
}

div#detail-article ul {
	/*margin-left: 25px;*/
}





div#rubriques-sublist{
	margin-bottom: 0px;
    height: 40px;
    text-align: center;
    box-shadow: 1px -1px 3px 3px #C3C3C3;
    -moz-box-shadow: 1px -1px 3px 3px #C3C3C3;
    -webkit-box-shadow: 1px -1px 3px 3px #C3C3C3;
}

div#rubriques-sublist .nav-collapse2{
	height: 40px !important
}

div#rubriques-sublist li{
    line-height: 25px !important;
}

div#rubriques-sublist #submenu_category{
	font-size: 12px;
	padding: 8px 10px !important;
}

div#rubriques-sublist .navbar .nav > li > a{
}

div#rubriques-sublist #sub_menu_list{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#rubriques-sublist .navbar-inner{
	padding-left: 0px;
	padding-right: 0px;
}

div#rubriques-sublist .container{
	padding: 0px !important;
	margin: 0px !important;
}

/* prettyPhoto styling for small screens  - below 767px width */
@media only screen and (max-width: 767px) {
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; background-color: #fff; margin-top: -2px!important;  display: none !important;}
a.pp_close { right: 10px!important; top: 10px!important; }

}

