.modal-body {
    position: relative;
    padding: 0;
}
.posts-out {
	display:block;
	margin: 0 10px 10px 0;
}
.posts-coup-de-coeur{
	display:block;
	width:40px;
	height:43px;
	position:absolute;
	top:20px; 
	right:30px;
	background:url(coupdecoeur.png) center center / cover ;
}
.posts {
	display:block;
	cursor:pointer;
	position:relative;
	padding: 0 ;
	margin: 0 0px 0px 0;
	box-shadow: none ;
	color:#FFF;
	min-height:24em;
	overflow:hidden;
	/*box-shadow: 3px 0px 15px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);*/
}
.posts-bloc-agenda-title{
	display:block;
	font-size:1.5em;
	font-weight:500;
	color:#666;
	padding:.5em 0 .2em 0;
}.posts-bloc-news-title{
	display:block;
	font-size:1.5em;
	font-weight:500;
	color:#666;
	padding:.5em 0 .2em 10px;
}

#posts-home-content {
	position:relative;
	margin:0px 0 0 0 ;
}

.posts-menu {
	display: inline-table;
	background-color:#058576;
	width:100%;
	color:#FFF;
	padding:5px;;
	margin:0;
	height:100%;
}
.posts-agenda-title {
	display:inline-block;
	float:left;
	font-size:1.5em;
	color:#FFF;
	line-height:1.5em;
	vertical-align:middle;
	padding-left:10px;
}
.rectangle-noir {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height:4em; /*120px*/
	height:auto;
	background-color: rgba(0, 0, 0, 0.3);
	color:#FFF;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.rectangle-noir1:hover {
	top:37px;
	background-color: rgba(0, 0, 0, 0.5);
}

.info {
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
	padding:10px;
}
.posts-date {
	display:block;
	font-size:2em;
	line-height:1.2em;
	text-shadow: 0px 1px 3px black;
	text-decoration:none;
}
.posts-place {
	display:block;
	font-size:.9em;
	line-height:1em;
}
.posts-header {
	display:none;
	margin:0 ;
	font-size:1em;
	line-height:1em;
}
.posts-header-portrait {
	display:none;
	margin:0 ;
	font-size:.9em;
	line-height:1.1em;
}

.month {
	display:block;
	font-size:1.5em;
	line-height:1.2em;
}
.until {
	display:block;
	padding:0;
	margin:.1em;
	font-size:.9em;
	line-height:1.2em;
}


.posts-picture {
	display:table-cell;
	/*background-color: #96F;*/
	padding:0 10px 0 0px;
}

.posts-title {
	display:block;
	font-size:2em;
	/*font-weight:bold;*/
	line-height:1.1em;
	color:#FFF;
	padding:0 0 .1em 0;
	text-shadow: 0px 1px 3px black;
	text-decoration:none;
}

.posts-title-portrait {
	display:block;
	font-size:1.5em;
	/*font-weight:bold;*/
	line-height:1.1em;
	color:#FFF;
	padding:0 0 .1em 0;
	text-shadow: 0px 1px 3px black;
	text-decoration:none;
}
/* rubrique */
.posts-rubric {
	margin:0 0px 0 0 ;
	padding:.2em 0 0 2.5em;
	width:auto;
	height:2.2em;
	line-height:1.9em;
	font-size:1.3em;
	color:#FFF;
	background:url(icon-agenda-blanc.png) 8px 6px / 25px no-repeat ;
}
.posts-rubric-separator:after {
	content : "   " ;
	text-shadow: 0px 1px 2px black;
}

/* date et heure ensemble */
.posts-date-hour{
}
/* heure */
.posts-hour {
	font-size:1.8em;
	color:#FFF;
	text-shadow: 0px 1px 2px black;
}
.posts-hour-to {
	font-size:.8em;
}
.news {
	border-bottom : 1px solid #888888;
	margin:0 0 .7em 0;
	min-height:7em;
}
.news a {
	color:#FFF;
}
	
.news-list {
	padding:7px 20px 0 20px;
	margin:0px 10px 10px 0;
	background-color: rgba(100,100,100,0.10);
}

.news-title {
	font-size:1.3em;
	font-weight:700;
	line-height:1em;
	margin:.3em 0 .3em 0;
	text-align:left;
	color:#666;
	/*white-space:nowrap;*/
}

.news-title-medium {
	font-size: 1em;
	font-weight:700;
}
.news-title-small a{
	font-size: .9em;
	font-weight:700;
	color:#444;
}
.news-title-small a:hover{
	font-size: .9em;
	font-weight:700;
	color:#888;
}

.news-message {
	display:block;
	min-height:70px;
	line-height:13px;
	font-size: 11px;
	text-align:justify;
	/*overflow:hidden;*/
}
.news-message-medium {
	font-size: .85em;
}
.news-small {
	display:block;
	height:1.2em;
	margin: 0 0 .3em 0 ;
}

.news-small-rect {
	height:.8em;
	margin: 0 0 0 0 ;
	font-size: .7em;
}
.more-infos-news{
	display:inline-block;
	height:1.7em;
	line-height:1.7em;
	border-radius:.3em;
	/*border : 1px solid #444444;*/
	background-color: rgba(150,150,150,0.80);
	margin: .5em 0 .5em 0 ;
	padding: 0 .5em 0 .5em;
	font-size:.8em;
}
.more-infos-news a:hover {
	background-color:#fff;
	color:#FFF;
}
.more-infos-news a{
	background-color:#CCC;
	color:#FFF;
}


.news-title-small-infos {
	color:#444;
}
.news-title-small-infos:hover {
	color:#888;
}

.posts-suite {
	display:block;
	margin: 0 .8em 0 0 ;
}
	
.posts-suite-list {
	display: inline-table;
	height:2em;
	margin:0;
	height:2em;
	line-height:2em;
	color:#FFF;
	border-bottom:1px solid #fff;
	font-weight:700;
	width:100%;
}
.posts-suite-list:hover{
	color:#DDD;
}
.posts-suite-date {
	display:table-cell;
	width:20%;
	padding:.4em 0 0 1em;
	line-height:1.2em;
}
.posts-suite-hour {
	font-size:.8em;
}

.posts-suite-title {
	display:table-cell;
	line-height:1.2em;
	width:auto;
}

.posts-suite-category {
	display:table-cell;
	line-height:1.2em;
	width:25%;
}
.posts-suite-to {
	font-size:.6em;
	vertical-align: middle;
	line-height: .6em;
	height: 1em;
	display: inline-block;}


.posts-social-networks {
}

.page {
	padding:0;
}
.separator{
	display:block;
	height:5px;
	width:100%;	
}
.big {
	height :277px;
}
.big_first {
	height :315px;
	overflow:hidden;
}
.middle {
	height :15.2em;
}
.small {
	height :15.2em;
}

#page-content {
	padding: 10px 10px 20px 0px;
	font-size : 1em;
}
#page-content p{
	margin-right:10px;
}

@media (max-width: 1150px) {
	#page-content { padding: 10px 15px 20px 10px;}
}

@media (max-width: 768px) {
	#page-content { padding: 10px 0px 20px 10px;}
}
/*
@media (max-width: 1280px) {
	.posts { height:13em;}
}

@media (max-width: 1024px) {
	.posts { height:10em;}
}

@media (max-width: 600px) {
	.posts { height:8em;}
	.modal-dialog { width: 98vw; }
}
@media (max-width: 450px) {
	.posts { height:8em;}
}
@media (max-width: 380px) {
	.page {font-size:55%;}
}
*/

@media (max-width: 992px) {
	.posts { height:13em;}
	.posts-title {font-size: 1.5em;}
}
@media (max-width: 500px) {
	.posts-suite-date{width:20%;}
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .8;
}
.slick-prev
{
    left: 5px;
}

.slick-next
{
    right: 5px;
}

.slick-prev:before,
.slick-next:before
{
    color: rgba(0,0,0,0.40);
}