/* create account ****************************************************************************** */
#account-creation_form {}

	#account-creation_form  fieldset {
		padding:0 0 15px 0;
		border:1px solid #ccc;
		background:#f0f0f0
	}
		#account-creation_form h3 {
			margin:0 0 15px 0;
			padding:8px;
			font-size:14px;
			border-bottom: 1px solid #D0D1D5;
			color:#444;
			text-transform:uppercase;
		}
		#center_column #account-creation_form p {margin:0; padding:0 0 12px 0}
		#account-creation_form p.required {color:#222}
		#account-creation_form p.required  sup {color:#990000}

		#account-creation_form p.radio span,
		#account-creation_form p.text label,
		#account-creation_form p.password label,
		#account-creation_form p.select label,
		#account-creation_form p.select span,
		#account-creation_form p.textarea label {
			display:inline-block;
			padding: 3px 6px 0px 0px;
			width:39%;/* 260 */
			font-size:14px;
			text-align:right
		}
		#account-creation_form p.radio label {
			float:none;
			padding-right:10px;
			width:auto;
			font-size:14px
		}
		#account-creation_form p.checkbox label {
			float:none;
			width:auto;
			font-size:12px
		}
		#account-creation_form p.text input,
		#account-creation_form p.password input,
		#account-creation_form p.select input {
			padding:0 5px;
			height:22px;
			width:53%;/* 370 */
			border:1px solid #ccc;
			font-size: 12px;
			color:#666
		}
		#account-creation_form p.checkbox input {
		}
		#account-creation_form p.select select {
			border:1px solid #ccc;
			font-size: 12px;
			color:#666
		}
		#account-creation_form p.textarea textarea {
			height:80px;
			width:370px;
			border:1px solid #ccc;
			font-size: 12px;
			color:#666
		}

		#account-creation_form span.form_info {
			display:block;
			margin:0px 0 0 40%;
			color:#666
		}
		#account-creation_form p.inline-infos {
			margin:0 0 0 100px !important;
			font-size:12px;
			color:#666;
		}

	#center_column #account-creation_form p.cart_navigation {margin:6px 0}

.texthid {
display:none;
}

.requiredtexthid {
display:none;
}

.account_creationhid {
display:none;
}
.account_creation{
width:49%;
display:inline-block;
float: left;
}
.address_creation{
width:49%;
display:inline-block;
float: right;
}
.text {
    margin: 0;
    padding: 0 0 12px;
	}


/* New design 2025-09-19 */
@media screen and (min-width: 551px) {

	#authentication input:-webkit-autofill,
	#authentication input:-webkit-autofill:hover,
	#authentication input:-webkit-autofill:focus,
	#authentication input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px white inset !important; /* remet ton fond */
	box-shadow: 0 0 0 1000px white inset !important;
	-webkit-text-fill-color: #000 !important; /* couleur texte */
	background: none !important;
	}

	#authentication h1 {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	background: #FAFAFA;
	margin: 30px auto 30px;
	padding: 15px;
	border-radius: 8px;
	color: #000;
	display: none !important;
	}

	#authentication h1:before {
		width: 0 !important;
		height: 0 !important;
	}

	.forms-container {
	display: flex;
	flex-direction: row;   /* aligne les enfants horizontalement */
	gap: 30px;             /* espace horizontal entre les forms */
	justify-content: space-between; /* ajuste l’espace si nécessaire */
	align-items: flex-start;        /* aligne en haut */
	margin-top: 35px;
	}

	#authentication .forms-container form {
	margin: 0;       /* supprime marges natives */
	flex: 1 1 0;     /* chaque form prend la même largeur disponible */
	min-width: 350px; /* largeur minimale pour éviter qu’ils soient trop petits */
	}

	#authentication #login_form, #authentication #create-account_form {
		width: 48%;
		height:auto;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		background: rgb(250, 250, 250);
		padding: 25px;
		border-radius: 8px;
	}

	#authentication #login_form fieldset, #authentication #create-account_form fieldset {
		background: none;
		border: 0;
	}

	#authentication #login_form h3, #authentication #create-account_form h3 {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0px;
		border: 0;
		color: #000;
	}

	/* Conteneur champ avec floating label */
	#authentication .form_content .text {
		position: relative;
		margin-bottom: 10px;
		padding:0px;
	}

	#authentication .form_content .text input.account_input {
		width: 100% !important;
		height: auto !important;
		padding:14px !important;
		padding-top: 20px !important;
		padding-bottom: 10px !important;
		font-size: 15px;
		border: 1px solid #ccc !important;
		border-radius: 8px;
		outline: none;
		background: #fff !important;
		box-sizing: border-box;
	}

	#authentication .form_content .text label {
		position: absolute;
		left: 4px;
		top: 3px;
		color: #777;
		font-size: 15px;
		pointer-events: none;
		transition: all 0.2s ease-in-out;
		background: #fff;
		padding: 12px 4px;
		width: 90%;
		text-align: left;
	}

	#authentication .form_content .text.active label {
		top: 2px;
		left: 3px;
		font-size: 11px;
		font-weight: 600;
		color: #686868;
		padding: 0 4px;
		width: auto;
	}

	#authentication .lost_password {
	float:none;
	}

	#authentication form#create-account_form p.title_block {
	color:#666;
	}

	#authentication form.std input[type="submit"] {
	margin: 20px 0 !important;
	}

	#authentication #account-creation_form {
		padding:40px;
		background: #fafafa;
		width:80%;
		margin: 0 50px;
	}

	#authentication .account_creation, #authentication .address_creation {
		width: auto;
		float:none;
		display:block;
		margin: 0 auto;
	}

	#authentication #account-creation_form fieldset {
		border:0px;
		background:none;
	}

	#authentication #account-creation_form h3 {
		font-size: 20px;
		font-weight: 700;
		padding:0;
		margin:0;
		margin-bottom: 20px;
		border: 0;
		color: #000;
		text-transform: none;
	}

	#authentication #account-creation_form p.radio span {
		width: auto;
		margin-right: 20px;
		text-align: left;
		padding:0;
	}

	#authentication #account-creation_form span.form_info, #authentication .inline-infos {
	    display: block;
		margin: 1px 0 0;
		color: #666;
	}

	#authentication p.select label[for="id_country"] {
		display: none !important;
	}

	#authentication #account-creation_form p.checkbox input {
		vertical-align: middle;
		margin-top: -2px;
		margin-left: 4px;
	}

	/* Groupe horizontal */
	#authentication .form-row {
		display: flex;
		column-gap: 20px;
        flex-wrap: wrap;
        row-gap: 0;
	}

	#authentication .form-row-group.third {
	flex: 1 1 calc(33.333% - 20px); /* 3 colonnes */
	}

	#authentication .form-row .form-row-group.half {
		flex: 1 1 calc(50% - 20px); /* 2 colonnes - Chaque champ prend 50% */
	}

	#authentication .form-row .form-row-group.full {
		flex: 1 1 100%; /* pleine largeur */
	}
	#authentication .form-row-group input,
	#authentication .form-row-group select {
		width: 100%; /* éviter de dépasser */
		box-sizing: border-box;
	}

	#authentication p.select label {
		width: auto !important;
		text-align: left !important;
		margin-right: 20px;
		display: block !important;
		float: none;
	}

	#authentication p.select select {
		height: auto !important;
    	border-radius: 8px;
		outline: none;
		background: #fff !important;
		box-sizing: border-box;
		margin-bottom: 10px;
		padding: 15px !important;
		font-size: 15px;
	}

}

#authentication .error {
  background-color: #ffe5e5; /* rouge clair */
  border: 1px solid #f5c2c7; /* rouge pastel */
  color: #842029; /* texte rouge foncé */
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0;
  font-family: inherit;
}

#authentication .error p {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
}

#authentication .error ol {
  margin: 0 0 10px 20px;
  padding: 0;
  list-style-type: disc;
}

#authentication .error li {
  margin: 5px 0;
  font-size: 15px;
}

#authentication .error .lnk {
  display: none;
  margin-top: 10px;
}

#authentication .error .lnk a {
  color: #842029;
  font-weight: 500;
  text-decoration: underline;
}

#authentication .error .lnk a:hover {
  text-decoration: none;
}