.txt_barre{
    text-decoration: line-through;
}
.flex_cckt {
	display: flex;
	justify-content: space-between;
	width: auto;
	max-width: 100%;
}

.flex_cckt_vertical{
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
    padding-bottom: 20px;
}
.flex_cckt_vertical.text-left{
    justify-content: left;
}
.flex_cckt .col {
	display: flex;
	flex-direction: column;
	/* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
	margin: .1em;
}
.lib:first-letter {
    text-transform: uppercase;
}
.bg_commande{
    background: rgba(0, 0, 0,.0);
    border-radius: 4px;
    padding: 5px;
}

.svg{
    line-height:normal;
    svg{
        bottom: 1px;
        position: relative;
    }
}
button {
  background: #0055DE;
  font-family: Arial, sans-serif;
  color: #ffffff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}

.Label {
    font-size:0.875rem;
    margin-bottom: 0.25rem;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    color:#30313d;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    line-height:18.4px;    
}
.Input, .p-FauxInput {
	padding: 0.75rem;
	background-color: #fff;
	border-radius: 5px;
	transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
	border: 1px solid #e6e6e6;
	box-shadow: 0px 1px 1px #00000008, 0px 3px 6px rgba(0, 0, 0, 0.02);
    line-height:18.4px;
}
.blockPart{
    margin: 15px 5px;
    padding:5px;
}
#shipping_block{
    input[type="checkbox"]{
        margin-right:10px;
    }    
}
#cgv_chk{
    margin-right:10px;
    cursor: pointer;
}
label[for=cgv_chk]{
    cursor: pointer;
    a{
        display:inline;
    }
}
#error_code_promo{
    color:red;
    text-align: center;
}
#msg_code_promo{
    color:green;
    text-align: center;
}
.underline{
    text-decoration: underline;
}
.radioLivraison{
    background-color: rgba(216, 216, 216, 0.8);
    border-radius: 4px;
    border-color: rgb(0,0,0);
    border: 1px solid rgb(148,148,148,.6);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding: 15px 16px;
    input[type="radio"]{
        margin-inline-end: 12px;
    }
}

.flex_cckt a{
    line-height:32px;
}

#payment-form{
    background-color: rgba(223, 223, 223, 0.445);/*rgb(21,102,224,.1);*/
    border-radius: 4px;
    border-color: rgb(21,102,224);
    border: 1px solid rgb(148,148,148,.6);
}
:root{
    --step-color-active:#068add;
    --step-color-disabled:#e0e0e0;
    --progestion-width:33%;
}
.containerStep{
    display:flex;
    width:100%;
    height:auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progress-steps-container{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position:relative;
    max-width: 100%;
    width: 250px;
    margin: 15px 0;
}

.progress-steps-container .step-number{
    width: 30px;
    height: 30px;
    border: 3px solid var(--step-color-disabled);
    border-radius: 50%;
    font: 16px consolas;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 1;
    transition: border 0.4s ease-in;    
}

.step-number.active{
    border: 3px solid var(--step-color-active);
    color: var(--step-color-active);
    cursor: pointer;
}

.progress-steps-container::before{
    position: absolute;
    content: "";
    width:100%;
    height: 3px;
    top: 50%;
    left:0;
    transform: translate(0, -50%);
    background-color: var(--step-color-disabled);
    z-index: -1;
}

.step-progression{
    position: absolute;
    width: 50%;
    height: 3px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: var(--step-color-active);
    transition: width 0.4s ease-in;
    z-index: 1;
}

.descriptifOffre{
    ol{
        list-style-type:decimal;
        margin-left:15px;
    }
    ul{
        list-style-type:disc;
        margin-left:15px;
    }
}
.noRounded {
  border-radius:0px;
}
svg:not(:root) {
	overflow: hidden;
}
.borderPointBottom{
    border-bottom: black dotted 2px;
    line-height: .5em;
    height: 16px;
    margin:0 5px;
}
.text-sm.borderPointBottom{
    height: 14px;
}
.text-base.borderPointBottom{
    height: 16px;
}
.t1066__bgimg {
	width: 50px;
	height: 50px;
	max-width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
#allrecords {
	--vh: 1vh;
	--vw: 1vw;
	--allrecords-height: 100%;
}
#allrecords b, #allrecords strong {
	font-weight: bold;
}
.t821__text, .t821__phone-icon, .t821__adress-icon {
	display: inline-block;
	vertical-align: middle;
}
.t-descr {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 300;
	color: rgb(0, 0, 0);
}
.t-descr_xxs {
	font-size: 14px;
	line-height: 1.55;
}
.t821__text {
	padding-left: 10px;
	text-align: left;
}
nav .t821__text-descr {
	font-weight: 500;
}
.t821__text, .t821__phone-icon, .t821__adress-icon {
	display: inline-block;
	vertical-align: middle;
}
[imgfield]:not(.tn-atom__slds-img) {
	opacity: 1;
	transition: opacity .2s ease;
}
.t821__adress-container, .t821__phone-container {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}
.t821__phone-container, .t821__adress-container, .t821__btn-container, .t821__img-wrap {
	display: inline-block;
	vertical-align: middle;
}
.t821__rightwrapper {
	font-size: 0;
	text-align: right;
}
.t821__btn-container {
	padding-left: 20px;
}