/*Desktop*/
@media (min-width: 768px) {
	.container-fluid {
		background-color: var(--rgb255-255-255);
	}

	.logo-wrapper {
		display: grid;
		height: 106px;
		gap: 10px;
		padding: 10px 80px 10px 80px;
		background-color: var(--rgb255-255-255);
		align-items: center;
	}

	.coucoo-back-step1 {
		padding-left: 190px;
	}

	.coucoo-back-step1 span {
		font-family: "TTTRavels Next", sans-serif;
	}

	.coucoo-back-step1 img {
		rotate: -180deg;
		height: 10px;
		margin-right: 8px;
	}

	.coucoo-back-step1 .btn {
		padding: 0
	}

	.page-remerciements .coucoo-intro {
		padding-left: 0;
	}

	.page-remerciements .coucoo-h1 {
		font-size: 28px;
	}

	.coucoo-intro {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 38px;
		position: relative;
		align-self: stretch;
		flex: 0 0 auto;
		z-index: 2;
		background-color: var(--rgb255-255-255);
		padding-left: 190px;
		height: 88px;
	}

	.step {
		font-family: var(--d-h4-font-family);
		font-weight: var(--d-h4-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-h4-font-size);
		letter-spacing: var(--d-h4-letter-spacing);
		line-height: var(--d-h4-line-height);
		font-style: var(--d-h4-font-style);
	}

	.coucoo-h1 {
		font-family: var(--d-h1-font-family);
		font-weight: var(--d-h1-font-weight);
		color: transparent;
		font-size: var(--d-h1-font-size);
		letter-spacing: var(--d-h1-letter-spacing);
		line-height: var(--d-h1-line-height);
		font-style: var(--d-h1-font-style);
		text-transform: uppercase;
	}

	.orange-span {
		color: #c2611c;
	}

	.black-span {
		color: #0e2a29;
	}

	.coucoo-steps {
		display: flex;
		flex-direction: row;
		gap: 50px;
		padding: 0 0 50px 0;
		margin-left: 170px;
	}

	.coucoo-form {
		width: unset;
		padding-right: unset;
		padding-left: unset;
		margin-top: unset;
	}

	.cat-bloc-container {
		display: grid;
		gap: 18px;
		padding: 0 20px 30px 0;
	}

	.has-border {
		border-top-width: 1px;
		border-top-style: solid;
		border-color: var(--rgb247-241-234);
	}

	.bloc-title {
		font-family: var(--d-h3-font-family);
		font-weight: var(--d-h3-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-h3-font-size);
		letter-spacing: var(--d-h3-letter-spacing);
		line-height: var(--d-h3-line-height);
		font-style: var(--d-h3-font-style);
		text-transform: uppercase;
	}

	.bloc-text-summary {
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-main-big-font-size);
		letter-spacing: var(--d-main-big-letter-spacing);
		line-height: var(--d-main-big-line-height);
		font-style: var(--d-main-big-font-style);
	}

	.visiter-nos-domaines {
		font-family: var(--d-link-font-family);
		font-weight: var(--d-link-font-weight);
		color: var(--rgb5-56-56);
		font-size: var(--d-link-font-size);
		letter-spacing: var(--d-link-letter-spacing);
		line-height: var(--d-link-line-height);
		font-style: var(--d-link-font-style);
	}

	.visiter-nos-domaines a {
		color: var(--rgb5-56-56);
		text-decoration: underline;
		text-underline-position: under;
	}

	.options-list {
		padding-bottom: 50px;
	}

	.options-item {
		padding: 20px;
		background-color: var(--rgb255-255-255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-color: var(--rgb247-241-234);
		flex: 0 0 auto;
	}

	.options-bloc {
		height: 22px;
		gap: 16px;
		align-items: center;
	}

	.options-cat-title {
		font-size: var(--d-h4-font-size);
		line-height: var(--d-h4-line-height);
		font-family: var(--d-h4-font-family);
		font-weight: var(--d-h4-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--d-h4-letter-spacing);
		font-style: var(--d-h4-font-style);
		text-transform: uppercase;
	}

	.icon-arrows {
		cursor: pointer;
		width: 16px;
		height: 16px;
	}

	.cat-product-title {
		gap: 10px;
	}

	.options-accordion {
		gap: 18px;
		display: grid;
		padding-top: 18px;
	}

	.options-accordion p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
	}

	.options-accordion p.active-option {
		font-weight: 700;
	}

	.qty-bloc {
		display: flex;
		flex-direction: row-reverse;
		justify-content: start;
		align-items: center;
		gap: 18px;
	}

	.icon-quantity {
		gap: 8px;
		display: flex;
		flex-direction: row;
	}

	.icon-wrapper {
		width: 20px;
		height: 20px;
		background-color: var(--rgb247-241-234);
		border-radius: 10px;
	}

	.icon {
		width: 9px;
		height: 9px;
		top: 2px;
		left: 5px;
		position: relative;
	}

	.element-sites-de-cabanes-2 {
		color: var(--rgb14-42-41);
		font-size: var(--d-main-small-font-size);
		line-height: var(--d-main-small-line-height);
		position: relative;
		font-family: var(--d-main-small-font-family);
		font-weight: var(--d-main-small-font-weight);
		letter-spacing: var(--d-main-small-letter-spacing);
		font-style: var(--d-main-small-font-style);
		text-align: center;
	}

	.btn-top {
		width: 20px;
		height: 20px;
		background-color: var(--rgb5-56-56);
		border-radius: 10px;
	}

	.btn-add-qty,
	.btn-remove-qty {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.btn-add-qty .icon,
	.btn-remove-qty .icon {
		top: unset;
		left: unset;
	}

	.item-payment {
		justify-content: center;
		gap: 18px;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
	}

	.input-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 18px;
		flex-wrap: wrap;
	}

	.input-item p+.coucoo-payment-type-desc,
	.input-item p+img+.coucoo-payment-type-desc {
		display: none;
		background-color: var(--rgb247-241-234);
	}

	.input-item p.input-label-cheked+.coucoo-payment-type-desc,
	.input-item p.input-label-cheked+img+.coucoo-payment-type-desc {
		display: block;
	}

	.input-item.coucoo-payment-item_wrapper {
		flex-wrap: nowrap;
	}

	.input-desc {
		align-items: flex-start;
		justify-content: center;
		gap: 10px;
		padding: 30px 36px;
		align-self: stretch;
		flex: 0 0 auto;
		background-color: var(--rgb247-241-234);
		display: flex;
		position: relative;
	}

	.input-desc p {
		position: relative;
		flex: 1;
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
	}

	.input-container {
		top: 20%;
		position: relative;
	}

	.form-check-input[type=radio] {
		cursor: pointer;
		position: relative;
		width: 18px;
		height: 18px;
		border-radius: 34px;
		border: 1px solid;
		border-color: var(--rgb14-42-41);
		flex-shrink: 0;
	}

	.form-check-input[type=checkbox] {
		cursor: pointer;
		position: relative;
		width: 18px;
		height: 18px;
		border-radius: 4px;
		border: 1px solid;
		border-color: var(--rgb14-42-41);
		margin-top: -6px;
		flex-shrink: 0;
	}

	.form-check-input[type=radio]:focus {
		box-shadow: none;
	}

	.form-check-input[type=checkbox]:focus {
		box-shadow: none;
	}

	.form-check-input:checked[type=radio] {
		background-image: none;
		border: 3px solid white;
		background-color: #c2611c;
		outline: 1px solid #c2611c;
		flex-shrink: 0
	}

	.form-check-input:checked[type=checkbox] {
		background-image: none;
		border: 3px solid white;
		background-color: #c2611c;
		outline: 1px solid #c2611c;
	}

	.input-item p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
		width: calc(100% - 36px);
	}

	.input-item p.input-label-cheked {
		font-weight: 700;
	}

	/*.form-infos {*/
	/*	display: grid;*/
	/*	gap: 30px;*/
	/*}*/

	.form-infos .form-label {
		font-family: var(--d-input-title-font-family);
		font-weight: var(--d-input-title-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-input-title-font-size);
		letter-spacing: var(--d-input-title-letter-spacing);
		line-height: var(--d-input-title-line-height);
		font-style: var(--d-input-title-font-style);
	}

	.form-infos .form-control {
		border: none;
		border-bottom: 1px solid #0e2a2933;
		outline: none;
		border-radius: unset;
		display: flex;
		gap: 10px;
		padding: 0 0 10px;
		align-self: stretch;
		width: 100%;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		color: #0e2a2999;
		font-size: var(--d-main-big-font-size);
		line-height: var(--d-main-big-line-height);
		white-space: nowrap;
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		letter-spacing: var(--d-main-big-letter-spacing);
		font-style: var(--d-main-big-font-style);
	}

	.form-infos .form-control:focus {
		box-shadow: none;
	}

	.btn-payment-wrapper {
		display: flex;
		justify-content: end;
		gap: 10px;
	}

	.btn-retour-wraper {
		justify-content: start;
	}

	.btn-payment {
		gap: 10px;
		padding: 12px 40px 12px 40px;
		background-color: var(--rgb14-42-41);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb200-160-117);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
	}

	.btn-payment:hover {
		color: var(--rgb200-160-117);
		background-color: var(--rgb14-42-41);
		border-color: unset;
	}

	.btn-recap {
		padding: 12px 40px;
		width: 100%;
		background-color: var(--rgb14-42-41);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb200-160-117);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
		z-index: 1000;
		position: sticky;
	}

	.btn-recap:hover {
		color: var(--rgb200-160-117);
		background-color: var(--rgb14-42-41);
		border-color: unset;
	}

	.footer {
		display: flex;
		flex-direction: column;
		z-index: 0;
	}

	.footer-2 {
		align-items: center;
		padding: 35px 30px 35px 30px;
		gap: 50px;
		background-color: var(--rgb247-241-234);
	}

	.footer-2 .logo-coucoo-wrapper {
		text-align: center;
	}

	.footer-3 {
		display: flex;
		flex-direction: row;
		gap: 6px;
		justify-content: center;
		align-items: center;
		background-color: var(--rgb200-160-117);
		padding: 6px 80px 6px 80px;
		height: 34px;
	}

	.footer-3 p {
		text-align: center;
		margin-bottom: 0;
		font-family: 'DM Sans';
		font-weight: 400;
		color: #053838;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 22px;
	}

	.footer-3 .logo {
		text-align: center;
	}

	.coucoo-right {
		max-width: 602px;
		height: max-content;
		padding: 40px 80px 40px 40px;
		position: sticky;
		top: 0;
		background-color: var(--rgb247-241-234);
		gap: 38px;
		display: grid !important;
	}

	.modal-recap {
		--bs-modal-border-radius: unset;
	}

	.modal-recap .modal-body {
		gap: 18px;
	}

	.modal-recap .modal-dialog {
		width: 390px;
		height: 568px;
		margin: 0 auto;
	}

	.modal-recap .modal-content {
		padding: 30px;
		gap: 18px;
		background-color: var(--rgb247-241-234);
	}

	.modal-recap .modal-body {
		display: flex;
		flex-direction: column;
	}

	.recap-dismiss {
		text-align: end;
	}

	.recap-bc {
		display: flex;
		flex-direction: row;
		align-items: start;
		gap: 18px;
	}

	.recap-bc .gaspard-emmanuel {
		width: 130px;
		height: 94px;
		object-fit: cover;
	}

	.recap-bc .recap-bc-name {
		font-size: var(--d-h3-font-size);
		line-height: var(--d-h3-line-height);
		font-family: var(--d-h3-font-family);
		font-weight: var(--d-h3-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--d-h3-letter-spacing);
		font-style: var(--d-h3-font-style);
		text-transform: uppercase;
		word-wrap: break-word;
	}

	.recap-price {
		display: grid;
		gap: 18px;
	}

	.recap-price .recap-h4 {
		font-size: var(--d-h4-font-size);
		line-height: var(--d-h4-line-height);
		white-space: nowrap;
		font-family: var(--d-h4-font-family);
		font-weight: var(--d-h4-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--d-h4-letter-spacing);
		font-style: var(--d-h4-font-style);
		text-transform: uppercase;
	}

	.recap-price .product-recap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.product-extras-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;
	}

	.product-extras-item p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: left;
		letter-spacing: 0;
		line-height: 27px;
		word-wrap: break-word;
	}

	.product-extras-item .product-extras-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.product-extras-item .bloc-extras-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
		margin-left: 3rem;
	}

	.product-extras-item .bloc-codePromo-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.recap-total {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		align-self: stretch;
		border-top-width: 1px;
		border-top-style: solid;
		border-color: var(--rgb14-42-41);
		padding: 18px 0 0 0;
	}

	.recap-total .total-infos {
		font-family: 'DM Sans';
		font-weight: 700;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.conditions p {
		font-family: var(--d-main-small-font-family);
		font-weight: var(--d-main-small-font-weight);
		color: #0e2a29;
		font-size: var(--d-main-small-font-size);
		letter-spacing: var(--d-main-small-letter-spacing);
		line-height: var(--d-main-small-line-height);
		font-style: var(--d-main-small-font-style);
	}

	.accept-input {
		display: flex;
		flex-direction: row;
		gap: 18px;
		align-items: center;
	}

	.coucoo-gallery {
		display: flex;
		width: 100%;
		height: 590px;
		gap: 10px;
	}

	.thanks-step-3 p {
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		color: #0e2a29;
		font-size: var(--d-main-big-font-size);
		letter-spacing: var(--d-main-big-letter-spacing);
		line-height: var(--d-main-big-line-height);
		font-style: var(--d-main-big-font-style);
	}

	.btn-apply {
		gap: 10px;
		padding: 12px 50px 12px 50px;
		background-color: var(--rgb200-160-117);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb5-56-56);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
	}

	.btn-apply-wraper {
		padding: 0 10px 0 10px;
	}
}

/*Mobile*/
@media (max-width: 767.98px) {
	.container-fluid {
		background-color: var(--rgb255-255-255);
		overflow: auto;
	}

	.logo-wrapper {
		width: 390px;
		height: 70px;
		padding: 20px 0 20px 0;
		text-align: center;
	}

	.coucoo-back-step1 span {
		font-family: "TTTRavels Next", sans-serif;
	}

	.coucoo-back-step1 img {
		rotate: -180deg;
		height: 10px;
		margin-right: 8px;
	}

	.coucoo-intro {
		gap: 38px;
		justify-content: space-between;
		padding: 40px 30px 40px 30px;
		position: relative;
		align-self: stretch;
		width: 100%;
		flex: 0 0 auto;
		z-index: 2;
		background-color: var(--rgb255-255-255);
	}

	.step {
		font-family: var(--m-h4-font-family);
		font-weight: var(--m-h4-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--m-h4-font-size);
		letter-spacing: var(--m-h4-letter-spacing);
		line-height: var(--m-h4-line-height);
		font-style: var(--m-h4-font-style);
	}

	.coucoo-h1 {
		font-family: var(--m-h1-font-family);
		font-weight: var(--m-h1-font-weight);
		color: transparent;
		font-size: var(--m-h1-font-size);
		letter-spacing: var(--m-h1-letter-spacing);
		line-height: var(--m-h1-line-height);
		font-style: var(--m-h1-font-style);
		text-transform: uppercase;
	}

	.orange-span {
		color: #c2611c;
	}

	.black-span {
		color: #0e2a29;
	}

	.coucoo-steps {
		gap: 50px;
		padding: 0 0 50px 0;
	}

	.coucoo-form {
		width: unset;
		padding-right: unset;
		padding-left: unset;
		margin-top: unset;
	}

	.cat-bloc-container {
		display: grid;
		gap: 18px;
		padding: 0 20px 30px 20px;
	}

	.has-border {
		border-top-width: 1px;
		border-top-style: solid;
		border-color: var(--rgb247-241-234);
	}

	.bloc-title {
		font-family: var(--m-h3-font-family);
		font-weight: var(--m-h3-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--m-h3-font-size);
		letter-spacing: var(--m-h3-letter-spacing);
		line-height: var(--m-h3-line-height);
		font-style: var(--m-h3-font-style);
		text-transform: uppercase;
		padding-top: 30px;
	}

	.bloc-text-summary {
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-main-big-font-size);
		letter-spacing: var(--d-main-big-letter-spacing);
		line-height: var(--d-main-big-line-height);
		font-style: var(--d-main-big-font-style);
	}

	.visiter-nos-domaines {
		font-family: var(--d-link-font-family);
		font-weight: var(--d-link-font-weight);
		color: var(--rgb5-56-56);
		font-size: var(--d-link-font-size);
		letter-spacing: var(--d-link-letter-spacing);
		line-height: var(--d-link-line-height);
		font-style: var(--d-link-font-style);
	}

	.visiter-nos-domaines a {
		color: var(--rgb5-56-56);
		text-decoration: underline;
		text-underline-position: under;
	}

	.options-list {
		padding-bottom: 50px;
	}

	.options-item {
		padding: 20px;
		background-color: var(--rgb255-255-255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-color: var(--rgb247-241-234);
		flex: 0 0 auto;
	}

	.options-bloc {
		height: 22px;
		gap: 16px;
		align-items: center;
	}

	.options-cat-title {
		font-size: var(--m-h4-font-size);
		line-height: var(--m-h4-line-height);
		font-family: var(--m-h4-font-family);
		font-weight: var(--m-h4-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--m-h4-letter-spacing);
		font-style: var(--m-h4-font-style);
		text-transform: uppercase;
	}

	.icon-arrows {
		cursor: pointer;
		width: 16px;
		height: 16px;
	}

	.cat-product-title {
		gap: 10px;
	}

	.options-accordion {
		gap: 18px;
		display: grid;
		padding-top: 18px;
	}

	.options-accordion p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
	}

	.options-accordion p.active-option {
		font-weight: 700;
	}

	.qty-bloc {
		gap: 18px;
	}

	.icon-quantity {
		gap: 8px;
		display: flex;
		flex-direction: row;
	}

	.icon-wrapper {
		width: 20px;
		height: 20px;
		background-color: var(--rgb247-241-234);
		border-radius: 10px;
	}

	.icon {
		width: 9px;
		height: 9px;
		top: 2px;
		left: 5px;
		position: relative;
	}

	.element-sites-de-cabanes-2 {
		color: var(--rgb14-42-41);
		font-size: var(--d-main-small-font-size);
		line-height: var(--d-main-small-line-height);
		position: relative;
		font-family: var(--d-main-small-font-family);
		font-weight: var(--d-main-small-font-weight);
		letter-spacing: var(--d-main-small-letter-spacing);
		font-style: var(--d-main-small-font-style);
		text-align: center;
	}

	.btn-top {
		width: 20px;
		height: 20px;
		background-color: var(--rgb5-56-56);
		border-radius: 10px;
	}

	.item-payment {
		justify-content: center;
		gap: 18px;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
	}

	.input-item {
		display: flex;
		align-items: center;
		gap: 18px;
		flex-wrap: wrap;
	}

	.input-item.coucoo-payment-item_wrapper {
		flex-wrap: nowrap;
	}

	.input-item p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
		width: calc(100% - 36px);
	}

	.input-item p.input-label-cheked {
		font-weight: 700;
	}

	.input-item p+.coucoo-payment-type-desc,
	.input-item p+img+.coucoo-payment-type-desc {
		display: none;
		background-color: var(--rgb247-241-234);
	}

	.input-item p.input-label-cheked+.coucoo-payment-type-desc,
	.input-item p.input-label-cheked+img+.coucoo-payment-type-desc {
		display: block;
	}

	.input-desc {
		align-items: flex-start;
		justify-content: center;
		gap: 10px;
		padding: 30px 36px;
		align-self: stretch;
		flex: 0 0 auto;
		background-color: var(--rgb247-241-234);
		display: flex;
		position: relative;
	}

	.input-desc p {
		position: relative;
		flex: 1;
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		letter-spacing: 0;
		line-height: 27px;
	}

	.input-container {
		top: 20%;
		position: relative;
	}

	.form-check-input[type=radio] {
		cursor: pointer;
		position: relative;
		width: 18px;
		height: 18px;
		border-radius: 34px;
		border: 1px solid;
		border-color: var(--rgb14-42-41);
		flex-shrink: 0;
	}

	.form-check-input[type=checkbox] {
		cursor: pointer;
		position: relative;
		width: 18px;
		height: 18px;
		border-radius: 4px;
		border: 1px solid;
		border-color: var(--rgb14-42-41);
		margin-top: -6px;
		flex-shrink: 0;
	}

	.form-check-input[type=radio]:focus {
		box-shadow: none;
	}

	.form-check-input[type=checkbox]:focus {
		box-shadow: none;
	}

	.form-check-input:checked[type=radio] {
		background-image: none;
		border: 3px solid white;
		background-color: #c2611c;
		outline: 1px solid #c2611c;
	}

	.form-check-input:checked[type=checkbox] {
		background-image: none;
		border: 3px solid white;
		background-color: #c2611c;
		outline: 1px solid #c2611c;
	}

	.form-infos {
		display: grid;
		gap: 30px;
	}

	.form-infos .form-label {
		font-family: var(--d-input-title-font-family);
		font-weight: var(--d-input-title-font-weight);
		color: var(--rgb14-42-41);
		font-size: var(--d-input-title-font-size);
		letter-spacing: var(--d-input-title-letter-spacing);
		line-height: var(--d-input-title-line-height);
		font-style: var(--d-input-title-font-style);
	}

	.form-infos .form-control {
		border: none;
		border-bottom: 1px solid #0e2a2933;
		outline: none;
		border-radius: unset;
		display: flex;
		gap: 10px;
		padding: 0 0 10px;
		align-self: stretch;
		width: 100%;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		color: #0e2a2999;
		font-size: var(--d-main-big-font-size);
		line-height: var(--d-main-big-line-height);
		white-space: nowrap;
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		letter-spacing: var(--d-main-big-letter-spacing);
		font-style: var(--d-main-big-font-style);
	}

	.form-infos .form-control:focus {
		box-shadow: none;
	}

	.btn-payment-wrapper {
		gap: 10px;
	}

	.btn-payment {
		gap: 10px;
		padding: 12px 40px 12px 40px;
		background-color: var(--rgb14-42-41);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb200-160-117);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
	}

	.btn-payment:hover {
		color: var(--rgb200-160-117);
		background-color: var(--rgb14-42-41);
		border-color: unset;
	}

	.btn-recap {
		padding: 12px 40px;
		width: 100%;
		background-color: var(--rgb14-42-41);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb200-160-117);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
		z-index: 1000;
		position: sticky;
	}

	.btn-recap:hover {
		color: var(--rgb200-160-117);
		background-color: var(--rgb14-42-41);
		border-color: unset;
	}

	.footer {
		display: flex;
		flex-direction: column;
		z-index: 0;
	}

	.footer-2 {
		align-items: center;
		padding: 35px 30px 35px 30px;
		gap: 50px;
		background-color: var(--rgb247-241-234);
	}

	.footer-2 .logo-coucoo-wrapper {
		text-align: center;
	}

	.footer-3 {
		gap: 6px;
		display: grid;
		background-color: var(--rgb200-160-117);
		padding: 6px 30px 80px 30px;
	}

	.footer-3 p {
		text-align: center;
		margin-bottom: 0;
		font-family: 'DM Sans';
		font-weight: 400;
		color: #053838;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 22px;
	}

	.footer-3 .logo {
		text-align: center;
	}

	.modal-recap {
		--bs-modal-border-radius: unset;
	}

	.modal-recap .modal-body {
		gap: 18px;
	}

	.modal-recap .modal-dialog {
		width: 390px;
		height: 568px;
		margin: 0 auto;
	}

	.modal-recap .modal-content {
		padding: 30px;
		gap: 18px;
		background-color: var(--rgb247-241-234);
	}

	.modal-recap .modal-body {
		display: flex;
		flex-direction: column;
	}

	.recap-dismiss {
		text-align: end;
	}

	.recap-bc {
		display: flex;
		flex-direction: row;
		align-items: start;
		gap: 18px;
	}

	.recap-bc .gaspard-emmanuel {
		width: 130px;
		height: 94px;
		object-fit: cover;
	}

	.recap-bc .recap-bc-name {
		font-size: var(--m-h3-font-size);
		line-height: var(--m-h3-line-height);
		font-family: var(--m-h3-font-family);
		font-weight: var(--m-h3-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--m-h3-letter-spacing);
		font-style: var(--m-h3-font-style);
		text-transform: uppercase;
		word-wrap: break-word;
	}

	.recap-price {
		display: grid;
		gap: 18px;
	}

	.recap-price .recap-h4 {
		font-size: var(--d-h4-font-size);
		line-height: var(--d-h4-line-height);
		white-space: nowrap;
		font-family: var(--d-h4-font-family);
		font-weight: var(--d-h4-font-weight);
		color: var(--rgb14-42-41);
		letter-spacing: var(--d-h4-letter-spacing);
		font-style: var(--d-h4-font-style);
		text-transform: uppercase;
	}

	.recap-price .product-recap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.product-extras-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;
	}

	.product-extras-item p {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: left;
		letter-spacing: 0;
		line-height: 27px;
		word-wrap: break-word;
	}

	.product-extras-item .product-extras-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.product-extras-item .bloc-extras-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.product-extras-item .bloc-codePromo-price {
		font-family: 'DM Sans';
		font-weight: 400;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: right;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.btn-apply {
		gap: 10px;
		padding: 12px 50px 12px 50px;
		background-color: var(--rgb200-160-117);
		font-family: var(--d-button-font-family);
		font-weight: var(--d-button-font-weight);
		color: var(--rgb5-56-56);
		font-size: var(--d-button-font-size);
		letter-spacing: var(--d-button-letter-spacing);
		line-height: var(--d-button-line-height);
		font-style: var(--d-button-font-style);
		border: unset;
		text-transform: uppercase;
	}

	.btn-apply-wraper {
		padding: 0 10px 0 10px;
	}

	.recap-total {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		align-self: stretch;
		border-top-width: 1px;
		border-top-style: solid;
		border-color: var(--rgb14-42-41);
		padding: 18px 0 0 0;
	}

	.recap-total .total-infos {
		font-family: 'DM Sans';
		font-weight: 700;
		color: var(--rgb14-42-41);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: 27px;
		white-space: nowrap;
	}

	.conditions p {
		font-family: var(--d-main-small-font-family);
		font-weight: var(--d-main-small-font-weight);
		color: #0e2a29;
		font-size: var(--d-main-small-font-size);
		letter-spacing: var(--d-main-small-letter-spacing);
		line-height: var(--d-main-small-line-height);
		font-style: var(--d-main-small-font-style);
	}

	.accept-input {
		display: flex;
		flex-direction: row;
		gap: 18px;
		align-items: center;
	}

	.coucoo-gallery {
		display: flex;
		width: 100%;
		height: 330px;
		gap: 10px;
	}

	.thanks-step-3 p {
		font-family: var(--d-main-big-font-family);
		font-weight: var(--d-main-big-font-weight);
		color: #0e2a29;
		font-size: var(--d-main-big-font-size);
		letter-spacing: var(--d-main-big-letter-spacing);
		line-height: var(--d-main-big-line-height);
		font-style: var(--d-main-big-font-style);
	}
}