#colis .bg_ardoise                                 { background: url("../images/texture-ardoise-v2.webp") repeat; position: relative; z-index: 0}
#colis .bandeau                                    { border-radius: 10px;}
#colis .bandeau p                                  { width: 100%;}

@media (max-width: 600px) {
#colis .bandeau                                    { padding: 25px 7.5vw; border-radius: 5px; }
}


.checkmark::after:checked                           { position:absolute; left:8px; top:3px; width:4px; height:9px; border: solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg); content:""; }

.checkmark                                         { width:24px; height:24px; border: none; border-radius:3px; background-color: #bbb; vertical-align: bottom; position: relative; }
.checkmark:checked                                 { background: url("../images/list_check_white.svg") 52% 50% no-repeat #e92229;}




input[type="number"]                               { border: none; background-color: #fff; border-radius: 5px; padding: 0 10px; max-width: 65px; height: 50px;} 
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button    { opacity: 1;}

select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							                { width: 100%; height: 50px; border: 1px solid #e5e5e5; font: 400 14px/22px "Barlow"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; background: #f8f8f8; border-radius: 5px}
select								                { -webkit-appearance: none; appearance: none; background: url("../images/scrollbottom.svg") calc(100% - 15px) 50% no-repeat #f8f8f8; padding-bottom: 0; padding: 0 15px;}


@media (max-width: 600px) {
input[type="number"]                               { max-width: 60px; height: 46px;} 
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							               { height: 46px;}
}


.select_colis                                      { color: #fff; padding: 10px 0 40px;}
.select_colis .titre,
.select_colis .chapo                               { color: #fff;}
.select_colis .bloc_texte                          { margin: 50px auto;}
.select_colis .grid_custom                         { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; align-items: start;}
.select_colis .grid_custom .item                   { background-color: #fff; color: #000; border-radius: 8px; overflow: hidden;}
.select_colis .grid_custom .infos                  { padding: 40px 30px 15px;}
.select_colis .grid_custom .quantite label         { font-size: 10px; display: flex; }

@media (max-width:1200px) {
#colis .bg_ardoise                                 { background: #111}
.select_colis .grid_custom                         { grid-template-columns: 1fr 1fr;}
}
@media (max-width:1000px) {
}
@media (max-width:800px) {
.select_colis .bloc_texte                          { margin: 30px auto;}
.select_colis .grid_custom                         { grid-template-columns: 1fr; grid-gap: 15px;}
}






.btn_commande                                      { text-align: right; margin: 40px 0;}
@media (max-width:600px) {
.btn_commande                                      { margin: 20px 0;}
}



.colis_simple                                      { margin: 20px auto; color: #000;}
.colis_simple .item                                { height: 70px; margin: 10px auto; border-radius: 5px; background-color: #efefef; padding: 10px 30px; display: grid; grid-template-columns: 1fr 150px 320px; align-items: center; grid-gap: 25px;}
.colis_simple .item p                              { margin-bottom: 0;}
.colis_simple .item .btns                          { display: grid; grid-template-columns: auto auto; grid-gap: 15px; align-items: center; justify-content: end;}
.colis .item .bottom                               { display: grid; grid-template-columns: auto 1fr auto; grid-gap: 20px; align-items: center; background-color: #efefef; padding: 20px 30px;}

@media (max-width:1100px) {
.colis_simple .item                                { min-height: 70px; height: auto; margin: 10px auto; padding: 10px 30px; grid-template-columns: 1fr 320px; grid-gap: 0 15px;}
.colis_simple .item .poids                         { grid-column: span 1; grid-area: 2 / 1 / 2 / 2;  }
.colis_simple .item .btns                          { grid-column: span 1; grid-area: 1 / 2 / 3 / 3; }
}
@media (max-width:1000px) {
.colis_simple .item .btns label                    { font-size: 12px; }
}
@media (max-width: 600px) {
.colis_simple .item                                { height: auto; padding: 10px 7.5vw; grid-template-columns: 1fr auto; grid-gap: 20px;}
.colis_simple .item .btns                          { grid-column: span 2; justify-content: space-between;}
    
.colis_simple .item                                { padding: 10px 5vw; grid-template-columns: 1fr; grid-gap: 10px;}
.colis_simple .item .poids                         { grid-column: span 1; grid-area: inherit; }
.colis_simple .item .btns                          { grid-column: span 1; grid-area: inherit; }

.colis .item .bottom                               { grid-gap: 10px; padding: 15px 7.5vw;}
}




.link                                              { cursor: pointer; }
.link:disabled                                     { background-color: #aaa; cursor: not-allowed; }