/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/css/style_produits.css ***!
  \**********************************************************************************************************************/
:root {
	--greenMH: #21C366;
	--greyMH: #D5D5D5;
	--blueMH: #0076BA;
	--greyTextMH: #5E5E5E;
}

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    outline: 0;*/
/*    font-size: 100%;*/
/*    vertical-align: baseline;*/
/*    background: transparent;*/
/*}*/


/*html {*/
/*  font-family: 'Mulish', sans-serif;*/
/*}*/

/* Styles pour la mise en page */
body {
	/*font-family: Arial, sans-serif;*/
	margin: 0;
	/*padding: 20px;*/
	/*background-color: #f4f4f4;*/
}

.produit a {
	display: block;
	text-decoration : none;
	width: auto;
	height: auto;
	padding: 1%;
}

.produit p {
	margin-top : 1rem;
	margin-left: 1rem;

}

.marque {
	color : grey;
	text-transform : uppercase;
	font-size : 12px;
}

.nom {
	color : black;
	font-size : 15px;
	font-weight: 600;
	margin-bottom:0px!important;

}

.prix {
	color : black;
	font-size : 16px;
	margin-top:5px!important;
	margin-bottom: 0px !important;
}

.nbrCouleurs {
	color: var(--greyTextMH);
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px !important;
	margin-bottom: 1.5rem;
}

/*.cliquable:hover .nom {*/
/*	text-decoration: underline;*/
/*}*/

.produit:hover .nom{
	text-decoration: underline;
}
.grid-produits {
		margin: 3rem auto;
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	justify-content: center;
}

.produit {
	width: 23%;
	margin: 1%;
	max-width: 270px;
	overflow: hidden;
	position: relative;

}
.produit:hover img{
	opacity : 0.7;
	border: 1px solid var(--greenMH);
}

.produit img {
	/*width: 100%;*/
	/*border : 1px solid var(--greenMH);*/
	/*border-radius: 30px;*/
	/*height: auto;*/
	/*display: block;*/
	/*transition: opacity 8.0s ease;*/
	width: 99%;
	border : 1px solid var(--greenMH);
	border-radius: 20px;
	aspect-ratio: 601 / 600;
	display: block;
	/*transition: opacity 8.0s ease;*/
	transition: opacity 0.10s ease-in-out;
	/*transition: opacity 0.4s cubic-bezier(0.25,0.46,0.45,0.94);*/
}

.message{
	margin: 0 24rem;
	text-align: center;
}

.message a {
	color: var(--greenMH);
	text-decoration: none;
	font-weight: bold;
}

.message a:hover{
	border-bottom: 2px solid var(--greenMH);
}
@media screen and (max-width: 1024px){
    .grid-produits{
        width:100%;
        gap:20px;
        min-width:unset;
        padding: 0px 20px;
        margin: 70px 0px 0px 0px;
    }
    .produit img{
        width:100%;
		border-radius: 10px;

    }
    .produit .nom{
        margin-bottom:0px!important;
    }
    .produit .prix{
        margin-top:5px!important;
        margin-bottom:0px!important;
		font-size: 15px;
    }
    .produit .nbrCouleurs {
        margin-top: 5px !important;
    }
    .produit{ 
            margin: 0px;
        width:calc(33.3% - 20px);
        
        
    }
}
@media screen and (max-width: 767px){
        .produit{
        text-align:center;
            width:calc(50% - 10px);
    
    }
    .produit p {
        margin-left: 0;
    }
    
    
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVpdHMuY3NzIiwibWFwcGluZ3MiOiI7OztBQUFBO0NBQ0Msa0JBQWtCO0NBQ2xCLGlCQUFpQjtDQUNqQixpQkFBaUI7Q0FDakIscUJBQXFCO0FBQ3RCOztBQUVBLE1BQU07QUFDTixpQkFBaUI7QUFDakIsa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixrQkFBa0I7QUFDbEIsdUJBQXVCO0FBQ3ZCLGdDQUFnQztBQUNoQywrQkFBK0I7QUFDL0IsSUFBSTs7O0FBR0osU0FBUztBQUNULHVDQUF1QztBQUN2QyxJQUFJOztBQUVKLGdDQUFnQztBQUNoQztDQUNDLGtDQUFrQztDQUNsQyxTQUFTO0NBQ1QsaUJBQWlCO0NBQ2pCLDZCQUE2QjtBQUM5Qjs7QUFFQTtDQUNDLGNBQWM7Q0FDZCxzQkFBc0I7Q0FDdEIsV0FBVztDQUNYLFlBQVk7Q0FDWixXQUFXO0FBQ1o7O0FBRUE7Q0FDQyxpQkFBaUI7Q0FDakIsaUJBQWlCOztBQUVsQjs7QUFFQTtDQUNDLFlBQVk7Q0FDWiwwQkFBMEI7Q0FDMUIsZ0JBQWdCO0FBQ2pCOztBQUVBO0NBQ0MsYUFBYTtDQUNiLGdCQUFnQjtDQUNoQixnQkFBZ0I7Q0FDaEIsMkJBQTJCOztBQUU1Qjs7QUFFQTtDQUNDLGFBQWE7Q0FDYixnQkFBZ0I7Q0FDaEIsd0JBQXdCO0NBQ3hCLDZCQUE2QjtBQUM5Qjs7QUFFQTtDQUNDLHdCQUF3QjtDQUN4QixlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCLDBCQUEwQjtDQUMxQixxQkFBcUI7QUFDdEI7O0FBRUEsMEJBQTBCO0FBQzFCLCtCQUErQjtBQUMvQixJQUFJOztBQUVKO0NBQ0MsMEJBQTBCO0FBQzNCO0FBQ0E7RUFDRSxpQkFBaUI7Q0FDbEIsYUFBYTtDQUNiLGVBQWU7Q0FDZixVQUFVO0NBQ1YsdUJBQXVCO0FBQ3hCOztBQUVBO0NBQ0MsVUFBVTtDQUNWLFVBQVU7Q0FDVixnQkFBZ0I7Q0FDaEIsZ0JBQWdCO0NBQ2hCLGtCQUFrQjs7QUFFbkI7QUFDQTtDQUNDLGFBQWE7Q0FDYixnQ0FBZ0M7QUFDakM7O0FBRUE7Q0FDQyxlQUFlO0NBQ2YscUNBQXFDO0NBQ3JDLHVCQUF1QjtDQUN2QixnQkFBZ0I7Q0FDaEIsa0JBQWtCO0NBQ2xCLGlDQUFpQztDQUNqQyxVQUFVO0NBQ1YsaUNBQWlDO0NBQ2pDLG1CQUFtQjtDQUNuQix1QkFBdUI7Q0FDdkIsY0FBYztDQUNkLGlDQUFpQztDQUNqQyxxQ0FBcUM7Q0FDckMsOERBQThEO0FBQy9EOztBQUVBO0NBQ0MsZUFBZTtDQUNmLGtCQUFrQjtBQUNuQjs7QUFFQTtDQUNDLHFCQUFxQjtDQUNyQixxQkFBcUI7Q0FDckIsaUJBQWlCO0FBQ2xCOztBQUVBO0NBQ0MsdUNBQXVDO0FBQ3hDO0FBQ0E7SUFDSTtRQUNJLFVBQVU7UUFDVixRQUFRO1FBQ1IsZUFBZTtRQUNmLGlCQUFpQjtRQUNqQix3QkFBd0I7SUFDNUI7SUFDQTtRQUNJLFVBQVU7RUFDaEIsbUJBQW1COztJQUVqQjtJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0lBQ0E7UUFDSSx3QkFBd0I7UUFDeEIsMkJBQTJCO0VBQ2pDLGVBQWU7SUFDYjtJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0lBQ0E7WUFDUSxXQUFXO1FBQ2Ysd0JBQXdCOzs7SUFHNUI7QUFDSjtBQUNBO1FBQ1E7UUFDQSxpQkFBaUI7WUFDYixzQkFBc0I7O0lBRTlCO0lBQ0E7UUFDSSxjQUFjO0lBQ2xCOzs7QUFHSiIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2Fzc2V0cy9jc3Mvc3R5bGVfcHJvZHVpdHMuY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcclxuXHQtLWdyZWVuTUg6ICMyMUMzNjY7XHJcblx0LS1ncmV5TUg6ICNENUQ1RDU7XHJcblx0LS1ibHVlTUg6ICMwMDc2QkE7XHJcblx0LS1ncmV5VGV4dE1IOiAjNUU1RTVFO1xyXG59XHJcblxyXG4vKiogeyovXHJcbi8qICAgIG1hcmdpbjogMDsqL1xyXG4vKiAgICBwYWRkaW5nOiAwOyovXHJcbi8qICAgIGJvcmRlcjogMDsqL1xyXG4vKiAgICBvdXRsaW5lOiAwOyovXHJcbi8qICAgIGZvbnQtc2l6ZTogMTAwJTsqL1xyXG4vKiAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7Ki9cclxuLyogICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7Ki9cclxuLyp9Ki9cclxuXHJcblxyXG4vKmh0bWwgeyovXHJcbi8qICBmb250LWZhbWlseTogJ011bGlzaCcsIHNhbnMtc2VyaWY7Ki9cclxuLyp9Ki9cclxuXHJcbi8qIFN0eWxlcyBwb3VyIGxhIG1pc2UgZW4gcGFnZSAqL1xyXG5ib2R5IHtcclxuXHQvKmZvbnQtZmFtaWx5OiBBcmlhbCwgc2Fucy1zZXJpZjsqL1xyXG5cdG1hcmdpbjogMDtcclxuXHQvKnBhZGRpbmc6IDIwcHg7Ki9cclxuXHQvKmJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7Ki9cclxufVxyXG5cclxuLnByb2R1aXQgYSB7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0dGV4dC1kZWNvcmF0aW9uIDogbm9uZTtcclxuXHR3aWR0aDogYXV0bztcclxuXHRoZWlnaHQ6IGF1dG87XHJcblx0cGFkZGluZzogMSU7XHJcbn1cclxuXHJcbi5wcm9kdWl0IHAge1xyXG5cdG1hcmdpbi10b3AgOiAxcmVtO1xyXG5cdG1hcmdpbi1sZWZ0OiAxcmVtO1xyXG5cclxufVxyXG5cclxuLm1hcnF1ZSB7XHJcblx0Y29sb3IgOiBncmV5O1xyXG5cdHRleHQtdHJhbnNmb3JtIDogdXBwZXJjYXNlO1xyXG5cdGZvbnQtc2l6ZSA6IDEycHg7XHJcbn1cclxuXHJcbi5ub20ge1xyXG5cdGNvbG9yIDogYmxhY2s7XHJcblx0Zm9udC1zaXplIDogMTVweDtcclxuXHRmb250LXdlaWdodDogNjAwO1xyXG5cdG1hcmdpbi1ib3R0b206MHB4IWltcG9ydGFudDtcclxuXHJcbn1cclxuXHJcbi5wcml4IHtcclxuXHRjb2xvciA6IGJsYWNrO1xyXG5cdGZvbnQtc2l6ZSA6IDE2cHg7XHJcblx0bWFyZ2luLXRvcDo1cHghaW1wb3J0YW50O1xyXG5cdG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubmJyQ291bGV1cnMge1xyXG5cdGNvbG9yOiB2YXIoLS1ncmV5VGV4dE1IKTtcclxuXHRmb250LXNpemU6IDEzcHg7XHJcblx0Zm9udC13ZWlnaHQ6IDQwMDtcclxuXHRtYXJnaW4tdG9wOiA1cHggIWltcG9ydGFudDtcclxuXHRtYXJnaW4tYm90dG9tOiAxLjVyZW07XHJcbn1cclxuXHJcbi8qLmNsaXF1YWJsZTpob3ZlciAubm9tIHsqL1xyXG4vKlx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7Ki9cclxuLyp9Ki9cclxuXHJcbi5wcm9kdWl0OmhvdmVyIC5ub217XHJcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbn1cclxuLmdyaWQtcHJvZHVpdHMge1xyXG5cdFx0bWFyZ2luOiAzcmVtIGF1dG87XHJcblx0ZGlzcGxheTogZmxleDtcclxuXHRmbGV4LXdyYXA6IHdyYXA7XHJcblx0d2lkdGg6IDgwJTtcclxuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxufVxyXG5cclxuLnByb2R1aXQge1xyXG5cdHdpZHRoOiAyMyU7XHJcblx0bWFyZ2luOiAxJTtcclxuXHRtYXgtd2lkdGg6IDI3MHB4O1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxufVxyXG4ucHJvZHVpdDpob3ZlciBpbWd7XHJcblx0b3BhY2l0eSA6IDAuNztcclxuXHRib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ncmVlbk1IKTtcclxufVxyXG5cclxuLnByb2R1aXQgaW1nIHtcclxuXHQvKndpZHRoOiAxMDAlOyovXHJcblx0Lypib3JkZXIgOiAxcHggc29saWQgdmFyKC0tZ3JlZW5NSCk7Ki9cclxuXHQvKmJvcmRlci1yYWRpdXM6IDMwcHg7Ki9cclxuXHQvKmhlaWdodDogYXV0bzsqL1xyXG5cdC8qZGlzcGxheTogYmxvY2s7Ki9cclxuXHQvKnRyYW5zaXRpb246IG9wYWNpdHkgOC4wcyBlYXNlOyovXHJcblx0d2lkdGg6IDk5JTtcclxuXHRib3JkZXIgOiAxcHggc29saWQgdmFyKC0tZ3JlZW5NSCk7XHJcblx0Ym9yZGVyLXJhZGl1czogMjBweDtcclxuXHRhc3BlY3QtcmF0aW86IDYwMSAvIDYwMDtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHQvKnRyYW5zaXRpb246IG9wYWNpdHkgOC4wcyBlYXNlOyovXHJcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAwLjEwcyBlYXNlLWluLW91dDtcclxuXHQvKnRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBjdWJpYy1iZXppZXIoMC4yNSwwLjQ2LDAuNDUsMC45NCk7Ki9cclxufVxyXG5cclxuLm1lc3NhZ2V7XHJcblx0bWFyZ2luOiAwIDI0cmVtO1xyXG5cdHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLm1lc3NhZ2UgYSB7XHJcblx0Y29sb3I6IHZhcigtLWdyZWVuTUgpO1xyXG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuXHRmb250LXdlaWdodDogYm9sZDtcclxufVxyXG5cclxuLm1lc3NhZ2UgYTpob3ZlcntcclxuXHRib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tZ3JlZW5NSCk7XHJcbn1cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAyNHB4KXtcclxuICAgIC5ncmlkLXByb2R1aXRze1xyXG4gICAgICAgIHdpZHRoOjEwMCU7XHJcbiAgICAgICAgZ2FwOjIwcHg7XHJcbiAgICAgICAgbWluLXdpZHRoOnVuc2V0O1xyXG4gICAgICAgIHBhZGRpbmc6IDBweCAyMHB4O1xyXG4gICAgICAgIG1hcmdpbjogNzBweCAwcHggMHB4IDBweDtcclxuICAgIH1cclxuICAgIC5wcm9kdWl0IGltZ3tcclxuICAgICAgICB3aWR0aDoxMDAlO1xyXG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcclxuXHJcbiAgICB9XHJcbiAgICAucHJvZHVpdCAubm9te1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206MHB4IWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5wcm9kdWl0IC5wcml4e1xyXG4gICAgICAgIG1hcmdpbi10b3A6NXB4IWltcG9ydGFudDtcclxuICAgICAgICBtYXJnaW4tYm90dG9tOjBweCFpbXBvcnRhbnQ7XHJcblx0XHRmb250LXNpemU6IDE1cHg7XHJcbiAgICB9XHJcbiAgICAucHJvZHVpdCAubmJyQ291bGV1cnMge1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDVweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLnByb2R1aXR7IFxyXG4gICAgICAgICAgICBtYXJnaW46IDBweDtcclxuICAgICAgICB3aWR0aDpjYWxjKDMzLjMlIC0gMjBweCk7XHJcbiAgICAgICAgXHJcbiAgICAgICAgXHJcbiAgICB9XHJcbn1cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpe1xyXG4gICAgICAgIC5wcm9kdWl0e1xyXG4gICAgICAgIHRleHQtYWxpZ246Y2VudGVyO1xyXG4gICAgICAgICAgICB3aWR0aDpjYWxjKDUwJSAtIDEwcHgpO1xyXG4gICAgXHJcbiAgICB9XHJcbiAgICAucHJvZHVpdCBwIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogMDtcclxuICAgIH1cclxuICAgIFxyXG4gICAgXHJcbn1cclxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/