.tarifs_pellets 										{ position: relative;}

.tarifs_pellets .nav_onglets							{ position: relative; display: grid; align-items: center; grid-template-columns: 1fr 1fr; grid-gap: 10px; text-align: center; max-width: 400px; margin: 0 0 40px 0;}
.tarifs_pellets .nav_onglets .link						{ padding: 0; background: #eee; color: #222; height: 45px; line-height: 45px;}
.tarifs_pellets .nav_onglets .link.active				{ background: #0081c8; color: #fff;}

.tarifs_pellets .onglet:after							{ clear: both; display: block; content: "";}

.tarifs_pellets .item									{ display: grid; grid-template-columns: 250px 1fr 1fr 1fr auto 1fr 1fr;}
.tarifs_pellets .item:nth-child(3) .infos				{ border-radius: 8px 0 0 0;}
.tarifs_pellets .item:nth-child(3)>div:last-child		{ border-radius: 0 8px 0 0;}
.tarifs_pellets .item:last-child .infos					{ border-radius: 0 0 0 8px;}
.tarifs_pellets .item:last-child>div:last-child			{ border-radius: 0 0 8px 0;}

.tarifs_pellets .item>div								{ padding: 15px; border: 1px solid #ccc; border-right: 0; background: #fff; margin-bottom: -1px;}
.tarifs_pellets .item>div:last-child					{ border-right: 1px solid #ccc;}
.tarifs_pellets .item>div.blank							{ border: none; border-left: 1px solid #ccc; padding: 0; background: #fff; width: 10px;}

.tarifs_pellets .item .certis                           { display: grid; grid-template-columns: auto auto auto 1fr; grid-gap: 10px; margin-top: 10px;}
.tarifs_pellets .item .certis img                       { width: auto; height: 30px; display: block; border-radius: 0; filter: none; margin: 0;}

.tarifs_pellets .head_1									{ border: 0; text-align: center; margin-bottom: 10px;}
.tarifs_pellets .head_1>div,
.tarifs_pellets .head_1>div:last-child,	 
.tarifs_pellets .head_1>div.blank						{ border: 0;}
.tarifs_pellets .head_1 .delivery						{ background: #e0f0f8; border-radius: 8px; padding: 6px 15px; grid-column: span 3;}
.tarifs_pellets .head_1 .pickup							{ background: #e0f0f8; border-radius: 8px; padding: 6px 15px; grid-column: span 2;}

.tarifs_pellets .head_2									{ border: 0; text-align: center; margin-bottom: 10px;}
.tarifs_pellets .head_2>div,
.tarifs_pellets .head_2>div:last-child,	 
.tarifs_pellets .head_2>div.blank						{ border: 0;}
.tarifs_pellets .head_2 .condi							{ background: #f1f8fc; border-radius: 8px; padding: 6px 15px; margin: 0 5px;}
.tarifs_pellets .head_2>div:nth-child(2), 
.tarifs_pellets .head_2>div:nth-child(6)				{ margin-left: 0;}
.tarifs_pellets .head_2>div:nth-child(4), 
.tarifs_pellets .head_2>div:nth-child(7)				{ margin-right: 0;}

.tarifs_pellets .item .infos   							{ padding: 15px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px;}
.tarifs_pellets .item .infos b 							{ font-size: 16px; line-height: 20px; font-weight: 600; display: block; padding-right: 28px; position: relative;}
.tarifs_pellets .item .infos b img						{ position: absolute; top: 2px; right: 0; width: auto; height: auto; border-radius: 0;}
.tarifs_pellets .item .infos span						{ font-size: 12px; line-height: 20px; display: block; margin-top: 4px;}

.tarifs_pellets .item .prix     						{ font-size: 12px; line-height: 16px; padding-top: 25px;}
.tarifs_pellets .item .prix b   						{ font-size: 15px; padding-bottom: 6px; color: #0081c8; display: block;}

.tarifs_pellets .alert									{ margin-top: 20px; float: right;}

@media (max-width:1200px){
.tarifs_pellets:after									{ width: 5vw; height: 3px; position: absolute; right: -5vw; bottom: 0; background: #fff; content: "";}
.tarifs_pellets ::-webkit-scrollbar  					{ height: 3px;}
.tarifs_pellets .nav_onglets							{ max-width: none;}
.tarifs_pellets .grid  									{ width: 95vw; overflow-x: auto; padding-bottom: 30px; padding-right: 5vw;}
.tarifs_pellets .item									{ width: 1200px;}
.tarifs_pellets .head_1>div:first-child,	 
.tarifs_pellets .head_2>div:first-child,	 
.tarifs_pellets .item .infos   							{ position: sticky; left: 0; top: 0;}
.tarifs_pellets .alert									{ margin-top: 30px; float: none;}
}
@media (max-width:700px){
.tarifs_pellets:after									{ width: 7vw; right: -7vw;}
.tarifs_pellets .nav_onglets .link						{ height: 39px; line-height: 39px;}
.tarifs_pellets .grid  									{ width: 92vw; padding-bottom: 30px; padding-right: 7vw;}
.tarifs_pellets .item									{ grid-template-columns: 130px 1fr 1fr 1fr auto 1fr 1fr; width: 700px;}
.tarifs_pellets .item>div								{ padding: 10px;}
.tarifs_pellets .item .certis                           { grid-gap: 8px; margin-top: 8px;}
.tarifs_pellets .item .certis img                       { height: 22px;}
.tarifs_pellets .head_1  								{ text-align: left;}
.tarifs_pellets .head_1 .delivery						{ border-radius: 5px; padding: 5px 10px;}
.tarifs_pellets .head_1 .pickup							{ border-radius: 5px; padding: 5px 10px;}
.tarifs_pellets .head_2  								{ text-align: left;}
.tarifs_pellets .head_2 .condi							{ border-radius: 5px; padding: 5px 10px;}
.tarifs_pellets .item:nth-child(3) .infos				{ border-radius: 5px 0 0 0;}
.tarifs_pellets .item:nth-child(3)>div:last-child		{ border-radius: 0 5px 0 0;}
.tarifs_pellets .item:last-child .infos					{ border-radius: 0 0 0 5px;}
.tarifs_pellets .item:last-child>div:last-child			{ border-radius: 0 0 5px 0;}
.tarifs_pellets .item .infos   							{ padding: 10px 10px;}
.tarifs_pellets .item .infos b 							{ font-size: 13px; line-height: 18px; padding-right: 24px;}
.tarifs_pellets .item .infos b img						{ width: 14px; top: 4px;}
.tarifs_pellets .item .infos span						{ font-size: 11px; line-height: 18px; display: none;}
.tarifs_pellets .item .prix     						{ font-size: 10px; line-height: 15px; padding-top: 15px;}
.tarifs_pellets .item .prix b   						{ font-size: 13px; padding-bottom: 4px;}
}




#graph_pellets_sac .graphLeftLegend 								{ margin-bottom: 20px;}

.graphMarques  														{ position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 -10px 0;}
.graphMarques .marque_checkbox 										{ padding: 8px 12px 8px 8px; border-radius: 5px; color: #fff; display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 16px; cursor: pointer; opacity: 0.35;}
.graphMarques .marque_checkbox:nth-child(1)							{ background: #0081c8;}
.graphMarques .marque_checkbox:nth-child(2)							{ background: #f2994a;}
.graphMarques .marque_checkbox:nth-child(3)							{ background: #27ae60;}
.graphMarques .marque_checkbox:nth-child(4)							{ background: #9b51e0;}
.graphMarques .marque_checkbox:nth-child(5)							{ background: #eb5757;}
.graphMarques .marque_checkbox:nth-child(6)							{ background: #2d9cdb;}
.graphMarques .marque_checkbox:nth-child(7)							{ background: #f2c94c;}
.graphMarques .marque_checkbox:nth-child(8)							{ background: #56ccf2;}
.graphMarques .toggleMarquePelletsSac								{ background: #fff; margin: 0; width: 16px; height: 16px; border-radius: 3px;}

.marque_checkbox:has(input:checked) 								{ opacity: 1;}
.marque_checkbox:has(input:checked) .toggleMarquePelletsSac 		{ background: url("../images/check_small.svg") 50% no-repeat #fff; background-size: auto 7px;}

@media (max-width:700px){
.graphMarques  														{ margin: 25px 0;}
.graphMarques .marque_checkbox 										{ padding: 6px 10px 6px 6px; font-size: 11px; flex: 1; min-width: 140px;}
}