.posts-details {
	display:block;
/*	cursor:pointer; */
	position:relative;
	padding:0;
	margin:0;
	margin:0px;
	box-shadow: none ;
	color:#666666;
	min-height:28em;
}

.posts-details-header {
	width:100%;
	min-height:25em; /*120px*/
	height:auto;
}
#posts-home-content {
	margin:10px 0 0 0 ;
	
}
.posts-title-place-date {
	float:left;
}
.posts-details a {
	/*color: #F9FBB3;*/
}
.posts-details a:hover {
	color: #565656;
	text-decoration:none;
}
.share-position {
	position:absolute;
	top:15px;
	right:20px;
}

.posts-details-info {
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
	padding:10px;
}

.posts-details-title {
	display:block;
	font-size:2em;
	font-weight:bold;
	padding:0 0 3px 0;
	z-index:10;
}
.posts-details-title-supl {
	font-size:1.5em;
	font-weight:600;

}
.posts-details-place {
	display:block;
	font-size:1.5em;
	font-weight:normal;
	padding:3px 0 0 0;
	/*background-color:#F63;*/
	z-index:10;
}
.details-in-page-btn {
	margin: 15px 0 0 0 ;
	padding:3px 10px;
	border: 1px solid #000;
	border-radius:5px;
	background-color:#FFF;
	font-weight:bold;
}
.details-in-page-btn:hover {
	background-color:#FFF;
	text-decoration:underline;
}

.posts-details-date {
	display:inline-block;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
}
.posts-details-btn-reservation {
  float: left;
  color: #FFF;
  font-size: 13pt;
  border-radius: 10px;
  border-inline-width: 0px;
  padding: 0 10px 0 10px;
  border-block-width: 0px;
  height: 30px;
  margin: 5px 10px 0 0;
  background-color:#c5460f;
}
/* container principal : titre, date, heure, header, page, ... */
.posts-details-content {
	position:relative;
	display: block;
	margin:0 ;
	padding:20px;
}
.posts-details-content-in-page {
	position:relative;
	display: block;
	margin:0 ;
	padding:0 15px 15px 0;
}
.posts-details-content-img {
	float:left;
	display:table-cell;
	width : 200px;
	margin-right:20px;
	
}
.posts-details-content-txt {
	display:block;
	padding:1em;
	color:#666666;
}

/* header  */
.posts-details-content-header {
	display:block;
	font-size:1.4em;
	font-weight:600;
	margin:1em 0 .5em 0;
	text-align:justify;
}
.posts-details-content-header-in-page {
	display:block;
	font-size:1.1em;
	font-weight:600;
	margin:0 0 .5em 0;
	text-align:justify;
}
/* page */
.posts-details-content-page {
	display:block;
	margin:1em 0 0 0;
	color:#666666;
	font-size:1.2em;
	text-align:justify;
}
.posts-details-content-page p{
	text-align:justify;
}
.clear-page{display:none;}
.posts-details-content-distribution-tarifs-adresse{
	margin:2em 0 1em 0;
	
}

.posts-details-content-picture4 {
	display:block;
	margin:0 0 .5em 0;
}

.posts-details-content-distribution {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:1em;
}
.posts-details-content-distribution p{
	font-size:.9em;
}

.posts-details-content-distribution-title{
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-bottom:3px;
}
.posts-details-content-production {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:1em;
}
.posts-details-content-production p{
	font-size:.9em;
}

.posts-details-content-production-title{
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-bottom:3px;
}

.posts-details-content-tarifs {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:1em;
}
.posts-details-content-tarifs-title {
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-bottom:3px;
}

/* rubrique */
.posts-details-rubric {
	font-size:22px;
	color:#FFF;
	text-shadow: 0px 1px 2px black;
}
.posts-details-rubric-separator:after {
	content : "   " ;
	text-shadow: 0px 1px 2px black;
}

.posts-details-hour {
	margin:0 0 0 .5em;
	font-size:1.4em;
}

/* lieu */
.posts-details-place {
	display:block;
}
.posts-details-place-txt {
}

.posts-details-content-infos {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:.9em;	
}
.posts-details-content-infos-title {
	display:block;
	font-size:1em;
	font-weight:bold;	
	margin-bottom:3px;
}

/* email */
.posts-details-email{
	display:block;
	font-size:1em;
}
.posts-details-content-infos-email{
	color:inherit;
}.posts-details-content-infos-email a{
	text-decoration:none;
	color:inherit;
}
.posts-details-content-infos-email a:hover{
	text-decoration:underline;
	color:inherit;
}

.posts-details-content-adress {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:.9em;	
}
.posts-details-content-adress-title {
	display:block;
	font-size:1em;
	font-weight:bold;	
	margin-bottom:3px;
}

.posts-details-content-video {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:.9em;	
}
.posts-details-content-video-title {
	display:block;
	font-size:1em;
	font-weight:bold;	
	margin-bottom:3px;
}
.posts-details-content-picture {
	display:block;
	margin:0 0 1em 0;
	color:#666666;
	font-size:.9em;	
}

.posts-details-content-picture-title{
	display:block;
	font-size:1em;
	font-weight:bold;	
	margin-bottom:3px;
}
/* more info */
.posts-details-more-info {
	margin: 15px 0 0 0 ;
	padding:3px 10px;
	border: 1px solid #000;
	border-radius:5px;
	background-color:#FFF;
	font-weight:bold;
}
.posts-details-more-info:hover {
	background-color:#FFF;
	text-decoration:underline;
}

.google-map {
	display:inline-block;
	margin:0px 5px 0 0;
	box-shadow: none ;
	width:30px;
	height:40px;
    background: transparent url(map.png) no-repeat top left / contain;
	cursor:pointer;
}
.google-map:hover {
    background: transparent url(map-on.png) no-repeat top left / contain;
}
.posts-details-content-localisation-title{
	display:block;
	margin: 15px 0 5px 0;
	font-size:1em;
	font-weight:bold;	
}

.posts-details-social-networks {
	float:right;
	font-size:12px;
	font-weight:normal; 
	margin-top:3px; 
	display:inline-table;
}

.outside-video {
	margin:0 ;
}
.posts-details-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.posts-details-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.columns {
	margin: 15px 0 0 0 ;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2 200px;
	column-gap : 2rem;
	overflow: auto;
}
.col{
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	column-break-inside:avoid;	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	break-inside: avoid-column; /* W3C */	
	overflow: auto;
}
.modal-title {
	font-size:1.7em;
	font-weight:700;
}
.modal-header {
    border-bottom: none;
}
.modal-content {
    border-radius:0;
}
/* Marche pas hélas ? ( fade in white ) */
.modal-white .modal-backdrop {
  background-color: #ffffff;
}