#ext_cpt .blc-frm{ text-align: center; }

#ext_cpt .blc-frm > form{ text-align: left; }

#ext_cpt .cpt-auth{
	max-width: 460px;
	margin: 0 auto;
	padding: 1.5rem;
	background-color: var(--fond-transparent);
	border: 1px solid var(--bordure-douce);
	border-radius: 10px;
	box-shadow: 0 2px 8px var(--ombre);
}

#ext_cpt .cpt-ent{
	margin-bottom: 1rem;
	text-align: center;
}

#ext_cpt .cpt-ent h2{
	margin: 0;
	padding-bottom: .75rem;
	border-bottom: 1px solid var(--bordure-douce);
	color: var(--primaire);
}

#ext_cpt .cpt-ent p{
	margin: .75rem 0 0;
	color: var(--texte-attenue);
}

#ext_cpt .cpt-auth form{
	display: grid;
	grid-template-columns: 1fr;
	gap: .75rem;
	margin: 0;
	text-align: left;
}

#ext_cpt .cpt-cbx{
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	padding: .75rem;
	background-color: var(--fond-neutre);
	border: 1px solid var(--bordure-douce);
	border-radius: 6px;
	font-size: .9rem;
	line-height: 1.4;
}

#ext_cpt .cpt-cbx input{
	flex: 0 0 auto;
	margin-top: .2rem;
}

#ext_cpt .cpt-cbx a{ color: var(--primaire); }

#ext_cpt .cpt-msg,
#ext_cpt .cpt-alt{
	margin: 1rem 0;
	padding: .75rem;
	border-radius: 6px;
}

#ext_cpt .cpt-msg{
	background-color: var(--info-fond);
	border: 1px solid var(--bordure-primaire);
	color: var(--texte);
}

#ext_cpt .cpt-alt{
	background-color: var(--alerte-fond);
	border: 1px solid var(--bordure);
	color: var(--alerte);
}

#ext_cpt .cpt-profil{
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: var(--stl-spc);
	align-items: start;
}

#ext_cpt .cpt-avatar{ text-align: center; }

#ext_cpt .cpt-avatar img{
	width: 140px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 4px solid var(--fond-neutre-attenue);
	border-radius: 50%;
	box-shadow: 0 2px 8px var(--ombre-forte);
}

#ext_cpt .cpt-identite{
	margin: 0 0 1rem;
	color: var(--primaire);
	overflow-wrap: anywhere;
}

#ext_cpt .cpt-infos{
	display: grid;
	grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
	margin: 0;
	border-top: 1px solid var(--bordure-douce);
}

#ext_cpt .cpt-infos dt,
#ext_cpt .cpt-infos dd{
	margin: 0;
	padding: .65rem .8rem;
	border-bottom: 1px solid var(--bordure-douce);
}

#ext_cpt .cpt-infos dt{
	background-color: var(--fond-attenue);
	color: var(--texte-attenue);
	font-weight: 700;
}

#ext_cpt .cpt-infos dd{ overflow-wrap: anywhere; }

#ext_cpt .cpt-actions{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .35rem;
	margin-top: 1rem;
}

#ext_cpt .cpt-actions .btn{ margin: 0; }

#ext_cpt .cpt-actions form{ margin: 0; }

@media(max-width: 700px){
	#ext_cpt .cpt-profil,
	#ext_cpt .cpt-infos{ grid-template-columns: 1fr; }

	#ext_cpt .cpt-infos dt{ border-bottom: 0; }
	#ext_cpt .cpt-auth{ padding: 1rem; }
}

#ext_cpt .cpt-col{
	min-width: 0;
	display: grid;
	align-content: start;
	gap: 1rem;
}

#ext_cpt .cpt-nav{
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
}

#ext_cpt .cpt-nav .btn,
#ext_cpt .cpt-nav .btn0{
	flex: 1 1 auto;
	margin: 0;
}

#ext_cpt .cpt-repere{
	display: grid;
	gap: .2rem;
	padding: .9rem 1rem;
	background-color: var(--fond-neutre-attenue);
	border: 1px solid var(--bordure-douce);
	border-radius: 8px;
}

#ext_cpt .cpt-repere strong{
	color: var(--primaire);
	overflow-wrap: anywhere;
}

#ext_cpt .cpt-repere span,
#ext_cpt .cpt-repere small{ color: var(--texte-attenue); }


#ext_cpt .cpt-etat{
	display: grid;
	gap: .3rem;
	justify-items: center;
}

#ext_cpt .cpt-etat-lbl{ font-weight: 700; }

#ext_cpt .cpt-etat-form{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .25rem;
	margin: 0;
}

#ext_cpt .cpt-etat-form select{
	max-width: 13rem;
	padding: .25rem .35rem;
	border: 1px solid var(--bordure);
	border-radius: 4px;
	background-color: var(--fond);
	color: var(--texte);
}

