/*
 * Actualités
 */

input.bulle {
    border-radius: none;
		font-size: 15px !important;
		opacity: 0.4;
		cursor: pointer;
}
input.coche {
		opacity: 1;
}
.actus_conteneur
{
    display: flex;
    flex-flow: column;
    align-items: center;
}
.actu {
    width: 300px;
    margin: 1em;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: black 0px 3px 10px;
    transition: transform .4s;
    overflow: hidden;
		height: 320px;
		cursor: pointer;
}

.actu:hover {
	background-image: linear-gradient(to bottom, white, white, gray);
}

.titre_actu {
    margin: 0;
    padding: 0.5em;
    text-align: center;
    background-color: grey;
    color: #fff;
}

.contenu_actu {
		display: inline-block;
		overflow: scroll;
		width: 100%;
}

.contenu_actu img {
	width: 95%;
	height: auto;
}

.contenu_petite_actu .sous_titre {
	display: block;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0.2em 0;
	text-align: center;
}

.contenu_petite_actu p {
    margin: 0.5em;
    font-size: 13px;
    line-height: 16px;
}

.contenu_petite_actu > p:has(img) {
		margin: 0;
}

/* Popup container */
	.overflow {
	  position: fixed;
	  visibility: hidden;
    display: flex;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    z-index: 30;
    bottom: 0;
    left: 0;
		overflow: scroll;
    width: 100%;
    height: 100%;
	}
/* The actual popup (appears on top) */
	.overflow .popuptext {
		position: fixed;
		z-index: 42;
		padding: 1em;
		height: 100%;
		width: 100%;
		overflow: scroll;
		cursor: default;
		font-size: 18px;
	}

	.overflow .popuptext .lieuG {
    float: left;
    margin: 1em;
	}

	.overflow .popuptext .dateD {
    float: right;
    margin: 1em;
	}
	
	.myPopup {
    visibility: hidden;
	}
	
	.calpopup .show {
	  visibility: visible;
	  animation: fadeIn 1s
	}
  .actus_conteneur {
	  flex-flow: row;
		flex-wrap: wrap;
		justify-content: center;
  }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* Version Desktop */
@media (min-width: 768px) {
/*
 * Popup
 */

/* The actual popup (appears on top) */
	.overflow .popuptext {
		position: relative;
		max-width: 700px;
		max-height: 80%;
		margin: auto;
		border-radius: 6px;
	}

  .actus_conteneur {
	  flex-flow: row;
		flex-wrap: wrap;
		justify-content: center;
  }
}