#cartoucheVente {
	font-family: verdana;
	font-size: 12px;
}

.border div {
	font-family: verdana;
	font-size: 12px;
	-webkit-box-shadow:inset 0px 0px 0px 1px grey;
    -moz-box-shadow:inset 0px 0px 0px 1px grey;
    box-shadow:inset 0px 0px 0px 1px grey;
}

#cartoucheVente_haut{
	width:100%;
	display:flex;
}

#cartoucheVente_contenu {
	width:90%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#cartoucheVente_imgDroite {
	width:10%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: repeat(6, 1fr);
	display: -ms-grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	-ms-grid-rows: (1fr)[6];
	grid-template-rows: repeat(6, 1fr);
}
    #cartoucheVente_imgDroite > *:nth-child(1) {
	-ms-grid-row:1;
	-ms-grid-column:1;
}
    #cartoucheVente_imgDroite > *:nth-child(2) {
	-ms-grid-row:2;
	-ms-grid-column:1;
}
    #cartoucheVente_imgDroite > *:nth-child(3) {
	-ms-grid-row:3;
	-ms-grid-column:1;
}
    #cartoucheVente_imgDroite > *:nth-child(4) {
	-ms-grid-row:4;
	-ms-grid-column:1;
}
    #cartoucheVente_imgDroite > *:nth-child(5) {
	-ms-grid-row:5;
	-ms-grid-column:1;
}
    #cartoucheVente_imgDroite > *:nth-child(6) {
	-ms-grid-row:6;
	-ms-grid-column:1;
}

#cartoucheVente_imgDroite1, #cartoucheVente_imgDroite2, #cartoucheVente_imgDroite3, #cartoucheVente_imgDroite4, #cartoucheVente_imgDroite5, #cartoucheVente_imgDroite6 {
	text-align:center;
}

#cartoucheVente_imgDroite1> img, #cartoucheVente_imgDroite2> img, #cartoucheVente_imgDroite3> img, #cartoucheVente_imgDroite4> img, #cartoucheVente_imgDroite5> img, #cartoucheVente_imgDroite6 > img {
	position: relative;
	transform: translateY(50%);
}



#cartoucheVente_imgBas,#cartoucheVente_bas1, #cartoucheVente_bas2 {
	width:90%;
	display: inline-block;
}

#cartoucheVente_imgBas1, #cartoucheVente_imgBas2, #cartoucheVente_imgBas3, #cartoucheVente_imgBas4, #cartoucheVente_imgBas5, #cartoucheVente_imgBas6 {
	width:16.666%;
	text-align:center;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
}

#cartoucheVente_bas1, #cartoucheVente_bas2 {
	text-align: center;
}

.RAL9004 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #333333;
}

.RAL7035 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #bbbbbb;
}

.RAL9003 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #ffffff;
}

.RAL9010 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #f1ece1;
}

.RAL9005 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #0e0e10;
}

table.responsive td, th{
	border: outset 1px;
}



.divTableOverflow {
	overflow-x:auto;
	width:100%;
	max-width:400px;
}
	
@media screen and (max-width: 830px) {
		*, *:after, *:before {
	  box-sizing: border-box;
	}

	table.responsive thead {
		display:none;
	}
	
	table.responsive td {
		/*display:block;*/
		float: left;
		clear: both;
		width:100%;
		border: solid 1px;
	}
	
	table.responsive td::before {
		content: attr(data-thead);
		display:block;
		font-weight:bold;
	}
	
	table.responsive {
		border-collapse:separate; 
		border-spacing: 0 18px;
	}
	
	.divTableOverflow {
		width:100%;
		max-width:100%;
	}
}