@charset "utf-8";

@media (max-width: 1100px) {
	/* préférences */
	#preferences p {
		max-width: 100%;
	}

	/* agenda */
	#calendar-wrapper #calendar-table-nav > button.cal-mode {
		padding-left: 5px;
		padding-right: 5px;
	}


}

@media (max-width: 850px) {

	/*select {
		max-width: 100%;
	}*/
	#subnav {
		display: block;
		text-align: center;
	}

	#subnav > .nombre-elem {
		justify-content: center;
		margin-top: 20px;
	}

	body {
		padding-top: 0;
	}

	/* TOP
	------------------------------------------------------*/
	#top {
		padding: 8px;
	}

	#titre-page {
		font-size: 1.2em;
		flex: 99 99 auto;
	}

	/* icon sizes */
	#hide-side-nav:before,
	#nav::before,
	#notif-icon::before,
	#nav-acc::before {
		width: 36px;
		line-height: 36px;
	}

	#notif-icon:not([data-nb-notifs="0"])::after {
		right: 44px;
	}

	#titre-page {
		flex: 1 100 auto;
	}

	#search {
		flex: 0 1 auto;
		justify-content: right;
		background-color: transparent;
		margin: 0 0px 0 0;
		min-width: 36px;
	}

	#q {
		width: 0px;
		position: static;
		flex: 0 1 0px;
		max-width: none;
	}

	#search #q + #label_q {
		flex-basis: 36px;
	}

	#search #q:focus,
	#search #q:not(:placeholder-shown) { 
		margin-left: 0;
		width: calc( 100% - 48px);
		flex: 1 1 100%;
		background: rgba(0, 0, 0, .1);
	}

	#search #q:focus + #label_q,
	#search #q:not(:placeholder-shown) + #label_q { 
		background: rgba(0, 0, 0, .1);
		flex-basis: 48px;
	}

	#nav > ul::before {
		right: 82px;
	}

	#notif-icon > ul::before {
		right: 46px;
	}

	#nav-acc > ul::before {
		right: 10px;
	}

	/* ----------------------------------------------------------
	liste fichiers */

	#image-wall {
		text-align: center;
	}

	#file-list td {
		padding: 5px;
	}

	#file-list td:nth-of-type(4),
	#file-list th:nth-of-type(4) {
		display: none;
	}

	#file-list td img {
		vertical-align: middle;
		width: 20px;
	}

	#file-list tr td:nth-of-type(1) {
		padding-left: 10px;
		width: 20px;
	}

	#file-list tr td:nth-of-type(5),
	#file-list tr td:last-of-type {
		padding-left: 5px;
	}

	#file-list tr td:last-of-type {
		padding-right: 5px;
	}

	/* form post liens */
	#post-lien {
		width: auto;
	}

	/* graphs */
	#graphs {
		display: block;
		justify-content: space-between;
		margin-top: 40px;
	}

	#graphs .graph {
		padding-bottom: 20px;
		margin-bottom: 60px;
		width: auto;
	}

	/* liste des articles */
	.billets > li {
		flex-wrap: wrap;
		padding: 5px;
	}

	.billets > li > a {
		font-size: .7em;
		padding: 5px 0;
	}

	.billets > li > a.titre {
		padding-top: 0;
		line-height: 45px;
		font-size: 1em;
		flex-basis: 100%;
		margin-left: -6px;
	}

	.billets > li > a.titre::before {
		margin-right: 10px;
	}

	.billets > li > a.date {
		flex: 1;
	}

	/* page des notes */
	#list-notes {
		display: block;
	}

	#list-notes .notebloc {
		display: block;
		width: auto;
		margin: 15px 0;
		max-height: none;
	}

	#list-notes	.notebloc .content {
		padding: 0 15px;
	}

	#popup-wrapper {
		padding: 0;
		backdrop-filter: none;
	}

	#popup-wrapper > #popup {
		height: 100%;
		width: 100%;
		min-width: 0;
		border-radius: 0;
		max-height: none;
		animation: none;
		box-shadow: none;
	}


	/* AGENDA */

	#popup.popup-edit-event .event-content-descr {
		flex: 1;
	}

	#popup.popup-edit-event .event-content-descr .text {
		height: 100%;
		width: 100%;
	}

	#popup.popup-edit-event .event-content-date p {
		padding: 20px 0px 0;
	}
	#popup.popup-edit-event .event-content-date > .date-time-input > label[for^="date"] > input {
		padding-left: 5px;
		padding-right: 5px;
	}
	#popup.popup-edit-event .event-content-date > .date-time-input > label[for^="time"]::before {
		left: 10px;
	}
	#popup.popup-edit-event .event-content-date > .date-time-input > label[for^="time"] > input {
		padding-left: 5px;
		padding-right: 0px;
	}

	#popup.popup-edit-event .event-content > div {
		padding-left: 25px;
	}

	#popup.popup-edit-event .event-content > div::before {
		left: 0;
	}


	#daily-events > div .eventDate {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto 1fr;
		align-items: center;
		justify-items: center;
		grid-gap: 2px 20px;
	}
	#daily-events > div .eventDate > .event-dd {
		grid-column: 1;
		grid-row: 1 / span 2;
	}
	#daily-events > div .eventDate > .event-mmdd {
		grid-column: 2;
		grid-row: 1;
		width: auto;
		margin: 0;
	}
	#daily-events > div .eventDate > .event-hhii {
		grid-column: 2;
		grid-row: 2;
		width: auto;
		margin: 0;
	}
	#daily-events > div .eventSummary {
		display: flex;
	}

	#daily-events > div .eventSummary .loc,
	#daily-events > div .eventSummary .content {
		display: none;
	}


	/* FORM ECRIRE */
	#form-ecrire {
		display: block;
	}

	#form-ecrire #date-and-opts {
		margin-left: 0;
		margin-top: 15px;
	}

	/* Contacts */
	#table-contacts tr > .tel,
	#table-contacts tr > .email,
	#table-contacts tr > .label,
	#table-contacts tr > .buttons {
		display: none;
	}


}

@media (max-width: 700px) {
	#header {
		position: relative;
	}
	/*#titre-page > a {
		display: inline;
	}*/

	body[class] #titre-page > a::before {
		content: '';
	}

	#axe {
		padding: 10px 2px;
	}
	#fab {
		right: 20px;
		bottom: 20px;
	}

	#form-ecrire .main-form .formatbut .but-dropdown {
		position: static;
	}

	#form-ecrire .main-form .formatbut > .but-dropdown > .list {
		right: 5px;
		left: 5px;
		width: auto;
	}

	.button-delete, .button-submit, .button-cancel {
		min-width: 0;
		padding: 5px;
	}

	/* comms */
	.commentbloc {
		flex-direction: column;
	}

	.commentbloc > .comm-side-icon {
		flex: 0 0 auto;
		z-index: 1;
	}

	.commentbloc .webpage a,
	.commentbloc .email a,
	.commentbloc .reply {
		opacity: 1;
	}

	.commentbloc .comm-options,
	.commentbloc .webpage a,
	.commentbloc .email a,
	.commentbloc .reply {
		visibility: visible;
	}

	.commentbloc .comm-side-icon .date {
		font-size: .6em;
	}

	.commentbloc .comm-content blockquote {
		margin: auto 5px;
	}

	.commentbloc .comm-header {
		flex-flow: wrap;
	}

	.commentbloc .comm-header .link-article {
		order: 1;
		text-align: left;
		flex: 100%;
	}

	.item-menu-options > ul > li > button,
	.item-menu-options > ul > li > a {
		margin-right: 50px;
	}

	/* links */
	#post-new-lien, #post-new-note {
		margin: 30px auto 50px;
	}

	/* file edit */
	#fichier-meta-info {
		margin: 20px 0;
		word-wrap: break-word;
		word-break: break-all;
	}

	#fichier-meta-info b {
		display: inline;
	}

	/* preferences */
	#preferences p {
		display: block;
		margin: 15px;
	}

	#preferences label {
		width: 195px;
		text-align: left;
		display: inline-block;
	}

	#preferences select {
		max-width: 90px;
		padding: 15px 10px 15px 0;
	}

	#preferences .text,
	#preferences textarea.text {
		width: 100%;
		display: block;
	}

	/* maintenance */
	#maintenance-form fieldset {
		max-width: 100%;
	}

	#maintenance-form p > label {
		display: inline;
		width: auto;
		text-align: left;
		padding-right: 0;
	}

	/* paged des RSS */
	#sub-menu {
		padding: 0 10px;
	}
	#feed-list {
		transform: translateX(-320px);
		overflow-y: scroll;
	}
	#rss-list {
		margin-right: 5px;
		margin-left: 5px;
	}
	#feed-list.hidden-list {
		transform: translateX(0px);
	}

	#feed-list.hidden-list + #rss-list {
		margin-left: 5px;
		display: none;
	}

	#body.feeds #fab {
		left: -82px;
	}
	#feed-list.hidden-list ~ #fab {
		left: 198px;
	}


	#post-list > li {
		padding: 0 5px 0 0;
	}
	#post-list > li > .post-head {
		flex-wrap: wrap;
	}
	#post-list > li > .post-head > .site,
	#post-list > li > .post-head > .folder {
		display: none;
	}
	#post-list > li > .post-head > .post-title,
	#post-list > li > .post-head > .post-title:hover {
		flex: 1 1 250px;
	}
	#post-list > li > .post-head > .meta {
		margin-left: 10px;
	}
	#post-list > li .post-head .date {
		flex: 1 0 auto;
		text-align: right;
	}

	/* page fichiers */
	#file-list td:nth-of-type(3),
	#file-list th:nth-of-type(3) {
		display: none;
	}

	/* page agenda */
	#calendar-table {
		border-spacing: 0px;
		height: calc(100vh - 64px - 40px - 40px - 15px - 15px);
	}

	#calendar-table.table-day-mode > tbody > tr { /* ????????? */
		grid-template-columns: 50px 1fr;
	}

	#calendar-table > tbody.day-mode > tr > td:first-of-type > span {
		padding: 5px;
	}

	#calendar-table > tbody span.eventLabel {
		margin: 2px 0;
	}

	#calendar-wrapper[data-display-mode="table-month-mode"] > #calendar-table > tbody span.eventLabel {
		box-shadow: none;
	}

	#calendar-wrapper[data-display-mode="table-week-mode"] > #calendar-table .eventLabel > .eventLabelHours > span {
		display: none;
	}

	#calendar-table > tbody time {
		display: none;
	}

	#daily-events-wrapper {
		padding-left: 5px;
		padding-right: 5px;
	}
	#daily-events > div {
		padding-left: 10px;
		padding-right: 10px;
	}
	#daily-events > div .eventDate {
		grid-column-gap: 10px;
	}
	#daily-events > div .eventDate > .event-hhii {
		font-size: .8em;
	}
	#side-nav {
		margin-right: 5px;
		transform: translateX(-280px);	
	}
	#calendar-wrapper {
		margin-left: 0px;
		padding: 5px;
	}

	#side-nav.hidden-sidenav {
		transform: translateX(0px);
	}

	#side-nav.hidden-sidenav + #calendar-wrapper {
		margin-left: 5px;
		display: none;
	}

	#calendar-wrapper[data-display-mode="table-year-mode"] > #calendar-table > tbody > tr > td {
		padding: 18px;
	}

	#calendar-wrapper #calendar-table-nav {
		padding-top: 10px;
		justify-content: center;
	}

	#calendar-table-nav .prev-next, #calendar-table-nav .planning-filters,
	#calendar-table-nav .prev-next, #calendar-table-nav .prev-next {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}

	/* page notes */
	.notebloc[data-ispinned="1"]::after {
		right: 0;
	}

}