td, div, p { font-size:16px; }

/* Mon compte */
.account.main { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding:35px; }
.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 0px; border:1px solid #000; padding:35px; border-radius:5px; }
.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; margin:0px 0px 20px 0px; color:#000; text-transform:uppercase; font-size:22px; }
.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: 10px auto 0px auto; padding: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border:0px; background-color:#000000; color:#FFF; }
.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 { width:100%; border:1px solid #000; padding:45px;  border-radius:5px;}
.account.main .summary .summary-block article { margin: 6px 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%; }
.account.main .summary .summary-block article div { padding-left: 12px; }
.account.main .summary .summary-block table td { text-align:center; }
.account.main .summary .summary-block table td .btn.small { max-width:180px; }

.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; }


.account.ids { padding:35Px; }
.account.ids .ct-blocs > article {border:10px solid #000; padding:35px; }
article label span { margin-bottom:10px; display:inline-block; }



@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: 0px; }

	.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; }
	.account.main .summary .summary-block { padding:20px; }

}