.visible {visibility:hidden;}

.wrap11, 
.wrap12,
.wrap13,
.vrap21, 
.wrap111,
.wrap122,
.wrap1111 {
width:100%
max-width: 1060px;
display: grid;
column-gap: 0%;
grid-template-columns: 1fr; 
}
.visible {
	visibility:hidden;
	width:0px;}
.logo {	width: 60px; }
.image_acc { height: 100px; }
.head_drive { font-size:18px;}
.head_texte { font-size:10px;}
.head_bouton { width: 100px; }
.head_rech {
	height:18px;
	font-size:14px;
}
.prod_photo { width: 100px; }
.desc_photo { height: 200px; }
.cor_texte { font-size:10px;}
.cor_titre { font-size:18px; font-weight:bold;}


@media screen and (min-width: 360px) { /* en desoous de 640 px de large */
.wrap11, 
.wrap12, 
.wrap13,
.wrap21 { grid-template-columns: 1fr 1fr; }
.wrap111,
.wrap122 { grid-template-columns: 1fr; }
.wrap1111 { grid-template-columns: 1fr 1fr; }
.visible {
	visibility:hidden;
	width:0px;}
.prod_photo { width: 100px; }
.desc_photo { height: 200px; }
.logo {width: 60px; }
.image_acc { height: 100px; }
.head_drive { font-size:18px;}
.head_texte { font-size:10px;}
.head_bouton { width: 100px; }
.head_rech {
	height:18px;
	font-size:14px;
}
}
@media screen and (min-width: 640px) { /* en desoous de 768 px de large */
.wrap11,
.wrap12,
.wrap13,
.wrap21 { grid-template-columns: 1fr 1fr; }
.wrap111,
.wrap122 { grid-template-columns: 2fr 2fr; }
.wrap1111 { grid-template-columns: 1fr 1fr; }
.visible {
	visibility:hidden;
	width:0px;
}
.prod_photo { width: 100px; }
.desc_photo { height: 200px; }
.logo {	width: 80px; }
.image_acc { height: 100px; }
.head_drive { font-size:24px;}
.head_texte { font-size:10px;}
.head_bouton { width: 150px; }
.head_rech {
	height:20px;
	font-size:16px;
}
}

@media screen and (min-width: 768px) { /* en desoous de 992 px de large */
.wrap11 { grid-template-columns: 1fr 1fr; }
.wrap12 { grid-template-columns: 1fr 2fr; }
.wrap13 { grid-template-columns: 1fr 3fr; }
.wrap21 { grid-template-columns: 2fr 1fr; }
.wrap111,
.wrap1111 { grid-template-columns: 1fr 1fr 1fr; }
.wrap122 { grid-template-columns: 1fr 2fr; }
.visible {
	visibility:hidden;
	width:0;
}
.prod_photo { width: 100px; }
.desc_photo { height: 300px; }
.logo {width: 100px; }
.image_acc { height: 120px; }
.head_drive { font-size:30px;}
.head_texte { font-size:10px;}
.head_bouton { width: 180px; }
.head_rech {
	height:24px;
	font-size:18px;
}
}

@media screen and (min-width: 992px) { /* en desoous de 1200 px de large */
.wrap11 { grid-template-columns: 1fr 1fr; }
.wrap12 { grid-template-columns: 1fr 2fr; }
.wrap13 { grid-template-columns: 1fr 3fr; }
.wrap21 { grid-template-columns: 2fr 1fr; }
.wrap111,
.wrap1111 { grid-template-columns: 1fr 1fr 1fr; }
.wrap122 { grid-template-columns: 1fr 2fr 2fr; }
.visible {
	visibility:visible;
	width:263px;
}
.prod_photo { width: 100px; }
.desc_photo { height: 400px; }
.logo {	width: 120px; }
.image_acc { height: 163px; }
.head_drive { font-size:35px;}
.head_texte { font-size:12px;}
.head_bouton { width: 220px; }
.head_rech {
	height:30px;
	font-size:20px;
}
}

@media screen and (min-width: 1200px) {
.wrap11 { grid-template-columns: 1fr 1fr; }
.wrap12 { grid-template-columns: 1fr 2fr; }
.wrap13 { grid-template-columns: 1fr 3fr; }
.wrap21 { grid-template-columns: 2fr 1fr; }
.wrap111 { grid-template-columns: 1fr 1fr 1fr; }
.wrap122 { grid-template-columns: 1fr 2fr 2fr; }
.wrap1111 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.visible {
	visibility:visible;
	width:263px;
}
.prod_photo { width: 120px; }
.desc_photo { height: 500px; }
.logo {	width: 140px; }
.image_acc { height: 163px; }
.head_drive { font-size:40px;}
.head_texte { font-size:12px;}
.head_bouton { width: 260px; }
.head_rech {
	height:36px;
	font-size:22px;
}
}