.head > .logo{
	margin : 0px 10px 0 10px;
}
.table-publication .title{
	background : #f1f8fe;
	text-align: center;
	font-size: 22px;
	color: #4e567a;
	border-radius: 10px 10px 0 0;
}

.title a{
	text-decoration: none;
	color : #bac2d1;
	padding-right: 10px;
}
.num-semaine{
	color : #bac2d1;
	font-size: 15px;
	padding: 0 10px 0 10px;
}
.table-publication .categorie-title{
	color: #898fa6;
	border-bottom: none;
	font-weight: inherit !important;
}
.border-none{
	border-bottom: none;
}
/*Bouttons*/
.affichage .form-check{
	margin: 5px;
}
/*Calendrier*/
.calendar .btn-add-publication{
	padding:0;
	display: none;
}
.day-month > .head-day{
	height: 26px;
}
.calendar .day-month:hover .btn-add-publication{
	display: block;
}
.calendar.mois-avant, .calendar.mois-apres {
  background: #f0f0f0 !important;
  color: #717070;
}
.calendar{
	background: white !important;
}
.pass .card, .pass span.date{
	opacity: 0.5;
}
.today{
	background: #d8f0ff !important;
}
th .today > span{
	color: #1a63d7 !important;
}
.day-month {
  min-height: 50px;
}

.day-month .publications{
  display: flex;
  flex-flow: row wrap;
}
.day-month .publications .publication{
  	width: 100%;
	max-width: 116px;
	margin: 3px;
	min-height:120px;
}
.day-month .publication .card-publication{
	min-height:120px;
	width:100%;
}
.day-month .title-card {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 104px;
}

.mois-chevron, .mois-chevron  span{
	font-size: 12px;
	vertical-align: middle;
}
a > .badge{
	font-size: 10px;
	vertical-align: middle;
}

/*Modal*/
.modalPublication > .modal-dialog{
	width: 100%;
	max-width: 1640px;
}
.modalPublication .modal-body {
  background: #f7f8fa;
}
.modalPublication .modal-footer {
  background: #fff;
  justify-content: space-between;
}
.btn-modal-mail:disabled{
  background: #8c8c8cde !important;
}
.btn-upload{
	width: 100%;
	background: #8080800f;
	color: gray;
	border-style: dashed;
	border-color: gray;
}

.form-publication .element{
	padding: 10px;
}
#filelist{
	padding :0;
}
.publication-text{
	width : 100%;
}
.form-check-input:checked {
  background-color: var(--bs-teal);
  border-color: var(--bs-teal);
}

/*Modal Email/Mail*/
.modalMailPublication .modal-dialog{
	max-width: 930px;
}
/*Table*/
.table-publication {
   table-layout: fixed;
}
.calendar{
	width : 130px !important;
}
/*Card Publication*/
.card-publication{
	max-width: 130px;
	margin: auto;
	margin-top : 5px;
	margin-bottom : 5px;
	border-radius: 15px;
	overflow: hidden;
	border: 2px solid;
	cursor: pointer;
}
.card-publication .card-body{
	padding: 5px !important;
}
.card-publication .card-text {
	margin: 0;
}

.card-publication > .card-img-top{
	max-height: 135px;
	height: 100%;
	object-fit: cover;
}

.card-publication .title-card
{
	margin-top: 8px;
	font-size: 15px;
}

.card-publication .description-card{
	color: #4e5574;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-height: 24px;
}
.description-card > * {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin : 0;
}

.card-publication .time-card
{
	font-size: 13px;
	color: gray;
}

.card-publication .time-card > span
{
	color: #316fda;
}

.card-publication .tag-card
{
	background: #d8f0ff;
	color: #1a63d7;
	width: auto;
	display: inline-block;
	text-align: center;
	border-radius: 18px;
	margin-top: 3px;
	padding: 4px;
	font-size: 12px;
	word-break: normal;
}
/* .send-form-publication{
	margin : auto;
} */
/*Reseau social*/
.reseaux{
	  position: absolute;
	  color: white;
	  right: 5px;
	  font-size: 18px;
}
/*Historique*/
.btns-historique{
	margin: 0 0 0 auto;
}
.modal-header .btn-close {
 	 margin: 0;
}
.select-categorie, .new-categorie{
	flex : 4;
}
/*Chat*/
.title-chat{
	background: #1a63d7;
	color: white;
	margin: 0;
	height: 50px;
	padding: 15px;
	border-radius: 10px 10px 0 0;
}
.discussion .messages{
	height: 490px;
	border: 1px solid #eee;
	margin-bottom: 1px;
	background: #fff;
}
.send-message{
	display: flex;
	background : #fff;
	border: 1px solid #eee;
}
.send-message textarea{
	height: 42px;
	min-height: 42px;
	border: 0px none;
	overflow: hidden;
	flex: 4;
}
.send-message i{
	padding : 10px;
	color : #20C997;
	cursor : pointer;
}
/*Publications sous format liste*/
.liste-publications{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.liste-publications > .publication{
	margin : 10px;
	width : 100%;
	max-width: 283px !important;
}

.liste-publications .card-publication{
	height: 260px;
	width : 100%;
	max-width: none !important;
}
.liste-publications .card-body{
	padding : 15px !important;
}

/*Publication en liste (page seulement pour les admins)*/
.publication-liste > li {
	flex: 1;
}

/*Filtre*/
.filtre-statut{
	width: 100%;
	min-height: 100px;
	border-radius: 3px;
	border: 1px solid #444;
	padding: 10px;
	color: #444444;
	font-size: 14px;
}

#filtre-statut ~ .select2 {
	max-width: 400px !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 3px 5px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
}

/*APERCU TIPPY*/
.apercu{
	width: fit-content;
	display: flex;
}
.apercu > div{
	width: 100%;
	padding: 10px;
}
.apercu .images{
	display: flex;
	flex-flow: column wrap;
	max-width: 600px;
}
.apercu .texte{
	padding: 10px;
}
.apercu .images img{
	width: 100%;
	max-width: 296px;
	margin: 3px;
	border-radius: 8px;
	object-fit: cover;
}
.apercu .title-aperçu{
	font-size: 17px;
	width: 100%;
}
.apercu .description{
	word-wrap : break-word;
	width: 100%;
}