/* Mon compte */
.account.main { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.account.main a:not(.btn) { text-decoration: underline; }
.account.main a:hover { text-decoration: none; }
.account.main .blocks { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 8px; }
.account.main .blocks article { flex: 1; min-width: 300px; margin: 0 16px; }
.account.main .blocks article header { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.account.main .blocks article h2 { display: flex; align-items: center; justify-content: space-between; }
.account.main .btn-secondary { font-variant: all-petite-caps; font-size: 14px; background: transparent; border-color: #f15f29; color: #f15f29; padding: 0 22px;}
.account.main .btn-secondary:hover { background: #f15f29; color: #fff; }
div.help { display: block; font-size: 12px; color: #aaa; margin: 8px 0; }
.btn.btn-circle { margin: auto; padding: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.btn.btn-circle i { font-size: 22px; }

.account.main .summary { width: 100%; padding: 8px; }
.account.main .summary table { width: 100%; }
.account.main .summary table th { text-align: center; }
.account.main .summary .summary-blocks { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; font-size: 14px; }
.account.main .summary .summary-block article { margin: 6px 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.account.main .summary .summary-block article div { padding-left: 12px; }

.account.main .blocks table tr td, .account.main .summary .summary-block table tr td { padding: 4px 0; }
.account.main .blocks table tr td:not(:first-child), .account.main .summary .summary-block table tr td:not(:first-child) { padding: 4px 12px; }

.event-manager, .event-selector { width: 100%; margin-top: 8px; }
.event-manager, .event-selector form article { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.event-selector form article > * { margin: 4px; font-size: 14px; }
.event-selector form article label { width: 25%; }

.event-manager { align-items: flex-start; }
.event-manager table { width: 70%; margin-right: 12px; }
.event-manager table .tableFilter { border-radius: 2px; height: 20px; font-size: 12px; border: 1px solid #0079be; }
.event-manager table th, .event-manager table td { padding: 4px 12px; }
.event-manager table th { text-transform: uppercase; color: #fff; }
.event-manager table thead { background: #0079be; text-align: center; }

.modalAddMember { display: none; border-radius: 6px; width: 80%; box-sizing: border-box; position: fixed; display: none; background-color: #fff; z-index: 999; border: 1px solid #000; padding: 20px; box-shadow: 0 -10px 30px 2000px rgba(0,0,0,0.2); }
.modalAddMember .close::before { border-radius: 50%; }
.modalAddMember div { width: 100%; height: 100%; }
.modalAddMember div iframe { width: 100%; height: 80%; }

.account .ct-blocs > article { margin: 16px; }
.account form article { margin: 6px 0; }

@media screen and (max-width: 1200px) {
	.account.main { flex-direction: column; }
	.account.main .blocks { width: 100%; justify-content: center; flex-direction: row; border-right: none; border-bottom: 1px solid rgba(241,95,41,0.2); }
	.account.main .blocks article { margin: 32px; }

	.account.main .summary { width: 100%; }
	.account.main .summary .summary-blocks { align-items: center; flex-direction: column; }

	.event-manager { align-items: center; flex-direction: column-reverse; }
	.event-manager table { width: 100%; margin: 8px; }
}

@media screen and (max-width: 600px) {
	.account.main .blocks { align-items: center; flex-direction: column; }
}