@charset "utf-8";
/* https://www.site24x7.com/fr/tools/css-minimiseur.html */

@charset "iso-8859-1";
/* CONTENEUR */

html {
	margin:0;
	padding:0;
}


body {
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	/*background-attachment: fixed;
	background-image: url(images/background-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;	*/
}

p {
	margin-top:0px;	
	margin-bottom:0px;
}

img {
	max-width:100%;	
	height:auto;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	body {
		background-color:#FFF;	
	}
	
	img {
	/*max-width:95%;*/
	}
}

a {
	color: #333;	
}

.message {
	color: #C30;
}	

h5 {
	float:left;
	width:30%;	
}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#contenu {
	width: 1050px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
	height: auto;
	background-color: #FFF;

}

.content {
	width:100%;
	max-width:	1300px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1300px)
{
	.content {
		width: calc(100% - 10px);
		padding-left:5px;
		padding-right:5px;
	}
}

.champtexte {
	border: 1px solid #2D392B;
	background-color: #F8F8F8;
	-webkit-appearance: none;
	border-radius: 0;
}

select, select.champtexte {
	border: 1px solid #2D392B;
	background-color: #F8F8F8;
	border-radius: 0;
	-webkit-appearance:menulist;
}
.champtexte_qte {
	-webkit-appearance: none;
	border-radius: 0;

	margin:0;
	padding:0;
	border: 1px solid #2D392B;
	background-color: #F8F8F8;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	width:38px;
	height:38px;
	font-size:16px;
	display:inline;
	vertical-align: middle;

}

.champtexte_p15 {
	border: 1px solid #2D392B;
	background-color: #F8F8F8;
	-webkit-appearance: none;
	padding:10px;
	font-size:18px;
	max-width:calc(100% - 22px);
}

select.champtexte_p15 {
	border: 1px solid #2D392B;
	background-color: #F8F8F8;
	padding:10px;
	font-size:18px;
	max-width:100%;
    -webkit-appearance: none; /* Supprime le style par défaut dans Webkit/Safari */
    appearance: none;
	height:60px;
}
 
#list_pays {
    position: relative;
    display: inline-block;
}

#list_pays:after {
    content: "\0025BC"; /* Icône de flèche vers le bas */
    position: absolute;
    right: 10px; /* Positionne l'icône à 10 pixels du bord droit du conteneur */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Assure que la flèche ne bloque pas le clic sur le select */
}



.add_qte {
cursor: pointer;	
margin:0px;
vertical-align: middle;
}

.button {
	height: 25px;
	line-height: 20px;
	color: #666;
	font-size: 11.5px;
	border: 2px solid #CCC;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	cursor: pointer;
		-webkit-appearance: none;


}

.button_validation_commande {
	height: 35px;
	line-height: 30px;
	color: #FFF;
	font-size: 16px;
	border: 2px solid #CCC;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	cursor: pointer;
	background-color: #59B200;
	font-weight: bold;
	-webkit-appearance: none;
}

.button_maj {
	border: 1px solid #333;
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	font-size:10px;
	cursor: pointer;
}


@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	table {
	width: 98%;
	}
}

h1 {
	font-size:25px;
	width: auto;
	min-height: 25px;
	height:auto;
	line-height:30px;
	text-align: left;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	font-size:20px;
	font-weight:bold;
	width: auto;
	min-height: 20px;
	line-height:20px;
	text-align: left;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	font-style: normal;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align:center;
	}
}



.clear {
	clear: both;	
}

.text-align-left {
	text-align:left;	
}

/* ARBO */
#arbo {
	font-size: 12px;
	padding-bottom:10px;
	min-height:30px;
	display:inline-block;
	margin-left:5px;
}

@media (max-width: 469px)
{
	#arbo {
		display:none;
		font-size: 12px;
		margin-top:15px;
	}
}

#arbo img {
	margin-top: -5px;	
}

#arbo .arbo_link {
	color: #333333;
}

.link {
	display: inline;	
}

#arbo .desactive {
	text-decoration:none;
}



/* CONTENU */
#centre {
	margin:0;
	/*min-height:500px;*/
	height: auto;
	padding-bottom: 30px;
	text-align:left;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#centre-gauche {
	margin-left:10px;
	margin-top:0px;
	min-height:500px;
	height: auto;
	float: left;
	width:75%;
	padding-bottom: 10px;
}
#centre-droite {
	margin-right:10px;
	margin-top:0px;
	min-height:500px;
	height: auto;
	float: right;
	width:75%;
	padding-bottom: 10px;
}

#droite {
	float: right;
	max-width: 260px;
	width: 20%;
	min-height: 500px;
	height: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F4F4F4;
	padding-left:30px;

}

#gauche {
	float: left;
	max-width: 260px;
	width:20%;
	min-height:500px;
	height: auto;
}

#centre-page {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding-bottom: 30px;
	text-align:left;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width: 800px;
}

#centre-page h3 {
	color: #69F;
	font-size: 14px;
	padding:0px;
	background-color:#FFF;
	margin-bottom:3px;
	
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#gauche {
		display:none;
	}
	
	#centre-droite {
		width:95%;
	}

	#centre, #centre-page {
		padding-left:5px;
		padding-right:5px;
		width: calc(100% - 10px);
	}
	
	#centre-gauche {
		padding-left:15px;
		padding-right:15px;
		width:95%;
		width: calc(100% - 30px);
	}
	
	#droite {
		float: none;
		max-width: 1500px;
		margin-top:20px;
		padding-left:15px;
		padding-right:15px;
		width:95%;
		width: calc(100% - 30px);
		border: none;
	}
}



/* HEADER */
	#header-message {
		display: flex;
        align-items: center;
 		justify-content: center;
	/*background-color:#AC1F21; /* ROUGE */
	background-color: #D76011; /* ORANGE */
	color: #FFF;
	text-align: center;
	padding: 10px;
	width: calc(100% - 20px);
	/*position:fixed;
		z-index:500;
		top:0;*/
	font-size: 16px;
	}
	
	@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait)
	{	
		#header-message {
			padding:5px;
			width:calc(100% - 10px);
			/*z-index:16000;*/
			z-index:475;
			top:0;
			font-size:13px;
			position: fixed;
			display:none;

		}
		
		#header-message img {
			display:none;
		}

	}
	
	
	#header-message img {
		height:20px;
		margin-right:5px;	
	}
	
	#header {
		padding:10px;
		padding-bottom:15px;
		padding-top:0px;
		height:auto;
		width:98%;
		max-width:	1280px;
		margin-left: auto;
		margin-right: auto; /* -> 3 */
		background-color:#FFF;
	}
	



	#header #header-pre {
		font-size:11.5px;	
		min-height:20px;
		height:auto;
		line-height:20px;
		margin-bottom:10px;
	}
	
	#header #header-pre #header-pre-left {
		float:left;
		width:75%;
		text-align:left;
	}
	
	#header #header-pre #header-pre-right {
		float:right;
		width:25%;
		text-align:right;
		color:#06528B;
	}
	
	#header #header-pre .tel {
		display:inline;
		color: #003366;
		margin-right: 5px;	
	}
	
	#header #header-pre .garantie {
		color:#AC1F21;
		font-weight: bold;
	}
	
	#header #header-pre a {
		margin-left:5px;
		margin-right:5px;
	}
	
	#header #header-pre a.first {
		margin-left:0px;
	}

	@media all and (max-width: 1300px) {
	#header #header-pre a {
		margin-left:2px;
		margin-right:2px;
	}
	}

	
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
		#header #header-pre {
			display:none;
		}
	}

	#header #header-left {
		width: 20%;
		float:left;
		text-align:left;
	}
	
	#header #header-center {
		width: 55%;
		float:left;
		text-align:center;
	}
	
	
	#header #header-right {
		width: 25%;
		float:right;
	}
	
	@media all and (max-width: 1300px) {
		#header #header-left {
			width: 20%;
		}
		
		#header #header-center {
			width: 45%;
		}
		
		
		#header #header-right {
			width: 35%;
		}
	}
	
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
		#header #header-right {
			display:none;
		}
		
		#header #header-left {
			display:none;
		}
		
		#header #header-center {
			display:none;
		}

	}



	#header #logo {
		margin-top:10px;
		display:block;
		width:100%;
		text-align:left;
	}
		
	#header #logo img {
		margin-left: auto;
		margin-right: auto; /* -> 3 */
	}

		
	#header #logo-responsive {
		text-align:center;
		display:none;
	}
	
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
		#header #logo img {
		}
		
		#header #logo-responsive  {
			display:block;
			float:left;
			width:30%;
		}
	}
		
		
	/* HEADER CENTER */
	#header-center #slogan {
		font-family:  'Keepcal',Arial, Verdana, Helvetica, sans-serif;
		font-size: 17px;
	}
	
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
		#header-center #slogan {
			font-size: 14px;
			display:none;
		}
	}
		
	#header-center #recherche {
		width: 80%;
		height: 36px;
		text-align: left;
		line-height: 40px;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.moteur-recherche #champ, .moteur-recherche .champ {
		width: 80%;
		width: -webkit-calc(100% - 85px);
    	width: -moz-calc(100% - 85px);
		width: calc(100% - 85px);
		height: 30px;
		line-height:30px;
		vertical-align: middle;
		float: left;
		background-repeat: no-repeat;
		background-position: right;
		border:0;
		font-size:1rem;
		padding:5px;
		border: 5px solid #F4F4F4;
	
	}
	
	.moteur-recherche #champ:focus, .moteur-recherche .champ:focus {
		outline:  none;
	}
	
	.moteur-recherche #boutton {
		cursor: pointer;
		vertical-align: middle;
		text-align:center;
		float: left;
		height:40px;
		width:40px;
		background-color: #707070;
		border: 5px solid #707070;
	}
	
	.moteur-recherche #boutton #search-button {
		height:40px;
		width:40px;
	}

	
	@media all and (max-width: 420px) {
		
		#header-center #recherche {
			width: 90%;	
			margin-top:0px;
		}

	}



	/* HEADER RIGHT */
	#header-right #contact {
		font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
		font-size:17px;
		text-align:center;
		width:100%;
	}
	#header-right #contact #tel {
		display:inline;
		color: #468C00;
		white-space:nowrap;
	}
	
	@media all and (max-width: 420px) {
		#header-right #contact {
			display:none;	
		}
	}
	
	#header-right #contact:hover {
		cursor:pointer;
	}
	
	#header-right #compte-client {
		margin-top:15px;
		float:left;
		width:48%;
	}
	
	#header-right #compte-client #picto-client {
		float:left;
		width:45px;
	}
	
	#header-right #compte-client #text-client {
		float:left;
		width: calc(100% - 45px);
		line-height:40px;
		font-size:15px;
		white-space:nowrap;
	}
	
	#header-right #caddie-client {
		margin-top:15px;
		float:left;
		margin-left:4%;
		width:48%;
	}
	
	#header-right #caddie-client #picto-client {
		float:left;
		width:45px;
	}
	
	#header-right #caddie-client #text-client {
		float:left;
		width: calc(100% - 45px);
		line-height:40px;
		font-size:15px;
		white-space:nowrap;
	}
	
	#header-right #caddie-client #text-client #lien_panier{
		display:inline;
		margin-left:2px;
	}

	#lien_panier {
		color: 	#AC1F21;
	}
	
	#panier_mobile_badge {
	  position: absolute;
	  top: -4px; /* Ajustez la position verticale du badge */
	  right: 2px; /* Ajustez la position horizontale du badge */
	  background-color: #AC1F21;
	  color: white;
	  border-radius: 50%;
		display: flex;
	  justify-content: center;
	  align-items: center;
	  width:15px;
	  height:15px;
	  line-height:15px;
	  font-size: 10px;
		
	}
	
	#panier_mobile_badge:empty {
		display:none;	
	}
	
	#menu-responsive #panier {
		position: relative;
	display: inline-block;	
}	
	#conteneur {
		max-width: 1300px;
		width:98%;
		margin-left: auto;
		margin-right: auto; /* -> 3 */
		/*background-image: url(images/background-contenu.png);
		background-repeat: repeat-y;*/
		min-height: 500px;
		height: auto;
		padding-top:15px;
		background-color: #FFF;
		padding-bottom:30px;
	}

#header a {
	text-decoration:none;	
}

#header a:hover {
	text-decoration:underline;	
}

#header-responsive {
	display:none;	
}

#recherche-responsive {
	display:none;
	background-color: #FFFFFF;
}

/* RESPONSIVE */
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait)
{	
	
	/*header {
		display:none; 
	}*/
	
	#header {
		padding:0px;
		margin-top: 0px;
		margin-bottom:10px;
		min-height: 0px;
		height:auto;
		width:98%;
		margin-left: auto;
		margin-right: auto; /* -> 3 */
		display:none;
	}
	
	#header-responsive {
		display:block;
		position:fixed;
		background-color:#006699;
		color:#FFF;
		text-align:center;
		padding:2px;
		width:100%;
		/*z-index:10000;*/
		z-index:400;
		top:0;
	}
	

	
	#header #header-left {
		width:30%;
		height:45px;
	}
	
	#header #logo {
		display:block;
		margin-left: auto;
		margin-right: auto; /* -> 3 */
		width:100%;
		text-align:center;
	}
		
	#header #logo img {
		margin-left: auto;
		margin-right: auto; /* -> 3 */
	}

	
	#header #header-center {
		width:70%;
	}

	
	#header #header-right {
		display:none;
		margin-left: auto;
		margin-right: auto; /* -> 3 */
		width:100%;
	}
	
	#header-left #bk-1 {
	}
	
	#header-left #bk-2 {
		float:right;
		margin-top: 0px;
	}
	
	#header-right #bk-3 {
		float:left;
		width:35%;
		text-align: left;
		background-position: left;
		padding-right:0px;
		padding-left:35px;
	}

	#header-right #bk-3 #message,  #header-right #bk-4 #message {
		font-size:12px;
	}
	
	#header-right #bk-4 {
		float:right;
		width:35%;
		margin-top:0px;
	}
	
		
	#header-right #bk-4 #lien_caddie, #header-right #bk-3 #message-c {
		font-size:14px;
	}
	
	#header-panier {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}


	#header-slogan {
		width:70%;
				max-width:380px;

	}

	#header-tel {
		text-align: left;
		font-size:10px;
		display:none;
	}
	
	#header-contact {
		text-align: left;
		font-size:12px;
		width:45%;
	}
	
	#header-compte {
		text-align: left;
		font-size:12px;
		width:45%;
	}

	#header-panier {
		text-align:center;	
	}

	#header-panier #panier-logo {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	
	#header-panier #panier-contenu {
		float: none;
		clear:both;
		display: inline-block;
		vertical-align:middle;
	}
	
	#recherche-responsive {
		display:block;
		margin-top:0px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		/*padding-top: 75px;
		padding-top:15px;*/
	}
	
	#recherche-responsive .moteur-recherche {
		padding-top:15px;	
	}
	
	.recherche-responsive-padding{
		padding-top: 75px;
	}
	
	.sticky {
	  position: fixed;
	  top: 0;
	  width: 100%;
	  	border-bottom: 1px solid #F4F4F4;

	}

}




/* SEARCH */
.search-produit {
	padding: 2%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	height:auto;	
	width:96%;
}

.search-produit a {
	text-decoration:none;
}

.search-produit .image {
	float:left;
	width:20%;
}

.search-produit .texte {
	float:left;
	margin-left:5%;
	width:65%;
}

.search-produit .texte .nom {
	text-decoration:none;
	font-size:16px;
}

.search-produit .texte .taille {
	margin-top:5px;
	font-size:11px;
	font-weight:bold;
}

.search-produit .texte .taux_remise_prix {
	display:inline;
	background-color: #AC1F21;
	color: #fff;
	font-size:16px;
	padding:5px;
	/*font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing : 2px;*/
	margin-right:10px;
	font-weight:bold;
	
}


.search-produit .texte .prix {
	margin-top:15px;
	float:left;
	width:90%;
	color: #C30;
	font-size:16px;
}

@media all and (max-width: 767px) {
	.search-produit .texte .prix {
		margin-top:10px;
		float:left;
		width:100%;
	}
}

.search-produit .texte .prix  .prix_gauche {
	float:left;
	width:38%;
	text-align:center;
	font-size:25px;
	color:#333;
	height:50px;
}
	
.search-produit .texte .prix  .prix_gauche .pvc {
	font-size:11px;
	color:#333;
}

.search-produit .texte .prix .prix_centre_remise {
		float:left;
		width: calc(24% - 10px);
		text-align:center;
		background-color: #AC1F21;
		font-size:16px;
		color: #FFF;
		margin-top:15px;
		height:25px;
		line-height:25px;
		padding:5px;
	}
	
.search-produit .texte .prix .prix_centre_remise .euro{
	font-size:10px;
}
	
.search-produit .texte .prix  .prix_droite {
	float:left;
	width:38%;
	text-align:center;
	font-size:25px;
	color: #C30;
	height:50px;
}
	
.search-produit .texte .prix  .prix_droite .pvc {
	font-size:11px;
	color: #333;
}
	
.search-produit .texte .prix  .prix_centre {
	text-align:center;
	font-size:30px;
	color: #C30;
	height:50px;
	float:left;
	width:100%;
}
	
.search-produit .texte .prix  .prix_centre .pvc {
	font-size:12px;
	color: #333;
}

.search-produit .texte .prix .remise {
	font-size: 12px;
	color: #FFF;
	background-color: #C30;
	margin-top:10px;
	padding:3px;
	line-height:20px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	text-align:center;
}

.search-produit .texte .prix .remise .rem {
	font-size: 13px;
	color: #C30;
	background-color: #FF0;
	padding:3px;
	display:inline-block;
	font-weight:bold;
}

.search-produit .texte .commande {
	float:right;
	width:28%;	
}

@media all and (max-width: 767px) {
	.search-produit .texte .commande {
		width:100%;	
	}
}


.search-produit .texte .commande .goto {
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	border:0px;
	background-color:#618B3D;
	color:#FFF;
	font-size:11px;
	margin-top:15px;
	height:40px;
	height:auto;
	line-height:20px;
	text-transform:uppercase;
	/*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); */
	margin-bottom:10px;
	text-align:center;
	padding:5px;
}

/* FOOTER */
#b-newsletter {
	background-color:#F4F4F4;	
	width:100%;
	min-height:40px;
	height:auto;
	line-height:40px;
	margin-top:40px;
}

@media (max-width: 767px)
{	
	#b-newsletter {
		display:none;	
	}
}

#b-newsletter .titre {
	float:left;
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	width:30%;
			white-space:nowrap;

}

@media (max-width: 1200px)
{	
	#b-newsletter .titre {
		font-size:15px;
	}
}

#b-newsletter .formulaire {
	float:left;
		height:40px;
	line-height:40px;
	text-align:center;
	width:45%;

}
#b-newsletter .formulaire #email {
	margin:0;
	margin-top:5px;
	padding:1px;
	height:28px;
	border:none;
	background-color:#FFF;
	text-indent:10px;
	width:80%;
	outline:none;
	float:left;
}

#b-newsletter .formulaire #suscribe {
	margin-top:5px;
	height:30px;
	width:30px;
	background-color:#FFF;
	float:left;
}
#b-newsletter .formulaire #suscribe:hover {
	cursor:pointer;
}


#b-newsletter .accroche {
	padding-top:5px;
	float:right;
	font-size:11px;
	color:#535353;
	width:20%;
	line-height:15px;
	font-style:italic;
}

@media (max-width: 1200px)
{	
	#b-newsletter .accroche {
		font-size:10px;
	}
}

#b-1 {
	background-color:#0285B3;
	width:100%;
	height:100px;
}

#b-1 .bloc {
	height:100px;
	display:table;
	float:left;
	vertical-align:middle;
}

#b-1 .bloc.contact {
	width:20%;
}

#b-1 .bloc.securite {
	width:40%;
}

#b-1 .bloc.garantie {
	width:40%;
}

@media (max-width: 420px) {
	#b-1 {
		width:100%;
		height:210px;
	}
	
	#b-1 .bloc.contact {
		width:100%;
		height:70px;
	}
	
	#b-1 .bloc.securite {
		width:100%;
		height:70px;
	}
	
	#b-1 .bloc.garantie {
		width:100%;
		height:70px;
	}
}


#b-1 .bloc .image {
	width:25%;	
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

#b-1 .bloc .image img {
	margin-right:5px;
}

#b-1 .bloc .message {
	display:table-cell;
	width: 75%;
	color:#FFF;
	vertical-align:middle;
	line-height:20px;
}
#b-1 .bloc .message .titre{
	text-transform: uppercase;
	font-size:15px;
	font-family:  'Keepcal',Arial, Verdana, Helvetica, sans-serif;
}

#b-1 .bloc .message .contenu {
	font-size:12px;
}


#b {
	height:auto;
	width:100%;
	line-height:20px;
	margin-top:20px;
	font-size:13px;
}
#b .titre {
	font-size: 15px;
	font-weight: bold;	
}

#b .ct {
	margin-top: 5px;
	line-height: 20px;
	height: auto;
}

#b a{
	text-decoration: none;	
}
#b a:hover{
	text-decoration: underline;
}

#b-c1 {
	float: left;
	width: 15%;
	height:auto;
}

#b-c2 {
	float: left;
	width: 15%;
	height:auto;
}

#b-c23 {
	float: left;
	width: 15%;
	height:auto;
}

#b-c3 {
	float: left;
	width: 20%;
	height:auto;
}


#b-c3 img {
	display:inline-block;
}

#b-c4 {
	float: right;
	width: 35%;
	height:auto;
}

#b-c4 img {
	width: auto;
}

@media (max-width: 740px) {
	#b {
		text-align:center;	
	}
	
	#b-c1 {
		float: none;
		width: 100%;
		margin-bottom:15px;
	}
	
	#b-c2 {
		float: none;
		width: 100%;
		margin-bottom:15px;
	}
	
	#b-c23 {
		float: none;
		width: 100%;
		margin-bottom:15px;
	}
	
	#b-c3 {
		float: none;
		width: 100%;
		margin-bottom:15px;
	}
	
	#b-c4 {
		float: none;
		width: 100%;
		margin-bottom:15px;
	}
}



/* FOOTER RETOUR */
a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}

/* FOOTER DROITS*/
#footer-droits {
	width:98%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto; /* -> 3 */
	text-align: center;
	color: #333;
	margin-top:30px;
	height:30px;
	line-height:30px;
	padding-bottom:50px;
}
#footer-droits a{
	color: #333;
}
#footer-droits a{
	text-decoration: underline;	
}

/* FOOTER AVIS */
#footer-avis {
    position: fixed;
	bottom:50px;
	z-index:2222222222222222;	
}

@media all and (max-width: 420px) {
#footer-avis {
	display:none;
}
}

/* FOOTER COMMERCE */
#footer-commerce {
    position: fixed;
	width:100%;
    bottom: 0;
	background-color: #000;
	height:40px;
	z-index:100;
	color:#FFF;
	line-height:40px;
}

@media all and (max-width: 420px) {
#footer-commerce {
	display:none;
}
}




#footer-commerce div:hover {
	cursor:pointer;
}

#footer-commerce #favoris-footer {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	width: 200px;
	background-image: url(images/footer-ecommerce-arrow-top.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-indent: 20px;
}

#footer-commerce #favoris-footer #nb_favoris {
	display: inline-block;
	margin-left:8px;
	background: #AC1F21;
	border-radius:50%;
	width:25px;
	height:25px;
	border:2px solid #FFF;
	text-align:center;
	line-height:25px;
	text-indent:0px;
		
}

#footer-commerce #historique {
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-left:10px;
	padding-right:10px;	
	background-image: url(images/footer-ecommerce-arrow-top.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-indent: 20px;
}

#footer-commerce #historique #nb_historique {
	display: inline-block;
	margin-left:8px;
	background: #AC1F21;
	border-radius:50%;
	width:25px;
	height:25px;
	border:2px solid #FFF;
	text-align:center;
	line-height:25px;
	text-indent:0px;
}


#footer-commerce #contact-footer {
	float: right;
	background-image: url(images/footer-ecommerce-contact.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:30px;
	margin-right:5px;
}



#footer-commerce-content {
	width:1300px;
	margin-left:auto;
	margin-right:auto;
}

#favoris-add {
	position:fixed;
	height: 100px;
	width: 250px;
	border: 5px solid #000;
	background-color: #FFF;
	bottom:40px;
	z-index:500000;	
	display:none;
}

#favoris-add #image {
	float:left;
	padding-top:10px;
	width:28%;	
	margin-left:2%;
}
#favoris-add #produit {
	float:left;
	width:60%;
	margin-left:5%;
	text-align:left;
	font-weight:bold;
	padding-top: 10px;
	font-size:14px;	
}

#favoris-view {
	position:fixed;
	min-height: 250px;
	max-height:600px;
	height:auto;
	width: 1000px;
	max-width: 95%;
	border: 5px solid #000;
	background-color: #FFF;
	bottom:40px;
	z-index:500000;	
	display:none;
	padding:10px;
	overflow: auto;
}

#favoris-view #titre {
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
}

#favoris-view #comparer {
	text-align:center;
	margin-top:15px;
	font-size:15px;
}

#favoris-view #comparer a {
	font-weight:bold;
}

#favoris-view .favoris {
	float: left;
	width: calc(23% - 12px);
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;
	box-shadow: 8px 8px 12px #EBEBEB;
}

#favoris-view .favoris .croix {
	position: relative;
	z-index: 5000000;
	cursor: pointer;
	text-align:right;
}

#favoris-view .favoris .nom-produit {
	margin-top:10px;
	height:30px;
	line-height:15px;
	font-size:12px;	
}

#favoris-view .favoris .nom-produit a {
	text-decoration:none;	
}


#favoris-view .favoris .prix {
	margin-top:5px;	
	font-size:14px;
	height:30px;
	color: #AC1F21;
}

#favoris-view .favoris .prix .remise {
	display: inline-block;
	line-height:20px;
	background-color:#AC1F21;
	color:#FFF;
	padding:2px;
}

#favoris-view .favoris .prix .prix-barre {
	display: inline-block;
	color: #333;
	text-decoration:line-through;
	line-height:20px;
	margin-left:10px;
}

#favoris-view .favoris .prix .prix-barre .euro {
	display: inline-block;
	margin-left:0px;
}

#favoris-view .favoris .prix .prix{
	display: inline-block;
	margin-left:10px;
	line-height:20px;
}

#favoris-view .favoris .prix .prix_p {
	padding:2px;
	display: inline-block;
		line-height:20px;

}

#favoris-view .favoris .prix .euro {
	display: inline;
	margin-left:3px;
	font-size:10px;
}

#favoris-view .favoris  .prix .prix_gauche {
		float:left;
		width:35%;
		text-align:center;
		font-size:20px;
		color:#333;
		height:50px;
		line-height:20px;

	}
	

	
#favoris-view .favoris  .prix .prix_gauche .pvc {
		font-size:10px;
		color:#333;
	}
	
#favoris-view .favoris  .prix .prix_centre_remise {
		float:left;
		width:30%;
		text-align:center;
		background-color: #AC1F21;
		font-size:18px;
		color: #FFF;
		margin-top:15px;
		height:25px;
		line-height:25px;
	}
	
#favoris-view .favoris  .prix .prix_droite {
		float:right;
		width:35%;
		text-align:center;
		font-size:20px;
		color: #AC1F21;
		height:50px;
		line-height:20px;
	}
	
#favoris-view .favoris  .prix .prix_droite .pvc {
		font-size:10px;
		color: #333;
	}

#favoris-view .favoris  .prix  .prix_centre {
		text-align:center;
		font-size:20px;
		color: #C30;
		min-height:50px;
		line-height:20px;
	}
	
#favoris-view .favoris  .prix  .prix_centre .pvc {
		font-size:12px;
		color: #333;
		height:20px;
	}



#historique-view {
	position:fixed;
	height: 400px;
	width: 300px;
	border: 5px solid #000;
	background-color: #FFF;
	bottom:40px;
	z-index:500000;	
	display:none;
	margin-left:222px;
	padding:10px;
	overflow: auto;
}
#historique-view #vider {
	padding:5px;
	background-color:#CCC;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:pointer;
}

#historique-view .historique {
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-bottom:5px;
}

#historique-view .historique .image {
	float:left;
	width:30%;
}

#historique-view .historique .nom-produit {
	float:left;
	margin-left:5%;
	width:60%;
}

#historique-view .historique .prix {
	margin-top:15px;	
	font-size:14px;
	height:30px;
	color: #AC1F21;
	float:left;
	margin-left:5%;
	width:60%;
}

#historique-view .historique .prix .remise {
	display: inline-block;
	line-height:20px;
	background-color:#AC1F21;
	color:#FFF;
	padding:2px;
}

#historique-view .historique .prix .prix-barre {
	display: inline-block;
	color: #333;
	text-decoration:line-through;
	line-height:20px;
	margin-left:5px;
}

#historique-view .historique .prix .prix-barre .euro {
	display: inline-block;
	margin-left:0px;
}

#historique-view .historique .prix .prix_a {
	display: inline-block;
	margin-left:5px;
	line-height:20px;
}

#historique-view .historique .prix .prix_p {
	padding:2px;
	display: inline-block;
	line-height:20px;
}

#historique-view .historique .prix .euro {
	display: inline;
	margin-left:3px;
	font-size:10px;
}

/* FAVORIS */
#favoris-tab {
	overflow-x: auto;
	white-space:nowrap;
}

#favoris-tab #row {
    display: table-row;
}

#favoris-tab .favoris {
display: table-cell;
	max-width: 250px;
	min-width:250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E9E9E9;	
	padding:5px;
	text-align:center;
}

#favoris-tab .favoris .croix {
	position: relative;
	z-index: 5000000;
	cursor: pointer;
	text-align:right;
}

#favoris-tab .favoris .nom-produit {
	margin-top:10px;
	height:30px;
	line-height:15px;
	font-size:14px;	
}

#favoris-tab .favoris .nom-produit a {
	text-decoration:none;	
}


#favoris-tab .favoris .prix {
	margin-top:5px;	
	font-size:14px;
	height:60px;
	color: #AC1F21;
}

#favoris-tab .favoris .prix .remise {
	display: inline-block;
	line-height:20px;
	background-color:#AC1F21;
	color:#FFF;
	padding:2px;
}

#favoris-tab .favoris .prix .prix-barre {
	display: inline-block;
	color: #333;
	text-decoration:line-through;
	line-height:20px;
	margin-left:10px;
}

#favoris-tab .favoris .prix .prix-barre .euro {
	display: inline-block;
	margin-left:0px;
}

#favoris-tab .favoris .prix .prix{
	display: inline-block;
	margin-left:10px;
	line-height:20px;
}

#favoris-tab .favoris .prix .prix_p {
	padding:2px;
	display: inline-block;
		line-height:20px;

}

#favoris-tab .favoris .prix .euro {
	display: inline;
	margin-left:3px;
	font-size:10px;
}

#favoris-tab .favoris  .prix .prix_gauche {
		float:left;
		width:35%;
		text-align:center;
		font-size:20px;
		color:#333;
		height:50px;
		line-height:20px;

	}
	

	
#favoris-tab .favoris  .prix .prix_gauche .pvc {
		font-size:10px;
		color:#333;
	}
	
#favoris-tab .favoris  .prix .prix_centre_remise {
		float:left;
		width:30%;
		text-align:center;
		background-color: #AC1F21;
		font-size:18px;
		color: #FFF;
		margin-top:15px;
		height:25px;
		line-height:25px;
	}
	
#favoris-tab .favoris  .prix .prix_droite {
		float:right;
		width:35%;
		text-align:center;
		font-size:20px;
		color: #AC1F21;
		height:50px;
		line-height:20px;
	}
	
#favoris-tab .favoris  .prix .prix_droite .pvc {
		font-size:10px;
		color: #333;
	}

#favoris-tab .favoris  .prix  .prix_centre {
		text-align:center;
		font-size:20px;
		color: #C30;
		min-height:50px;
		line-height:20px;
	}
	
#favoris-tab .favoris  .prix  .prix_centre .pvc {
		font-size:12px;
		color: #333;
		height:20px;
	}
	
#favoris-tab .favoris  .goto {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	width: 75%;
	border: 0px;
	background-color: #618B3D;
	color: #FFF;
	font-size: 18px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing:2px;
}

#favoris-tab .favoris  .goto a{
	color: #FFF;
	text-decoration:none;
}

#favoris-tab .favoris  .goto:hover {
	cursor:pointer;
	background-color:#74A749;
}

#favoris-tab .favoris .description {
	clear:both;
	margin-top:15px;	
}

#favoris-tab .favoris .description  #avis_expert {
	margin-top:20px;
	font-family:  'Fjalla One',Arial, Verdana, Helvetica, sans-serif;
	background-color: #F6F6F6;
	padding:5px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}



#favoris-tab .favoris .description  #avis_expert .image {
	margin-top:10px;
	float:left;	
	width:10%;
}

#favoris-tab .favoris .description  #avis_expert .accroche {
	margin-top:10px;
	float:left;	
	width:88%;
	margin-left:2%;
}

#favoris-tab .favoris .description  #avis_expert .accroche .titre {
	font-size:16px;
	text-align:left;
	white-space: normal;

}

#favoris-tab .favoris .description  #avis_expert .accroche .expert {
	font-size:9px;
	line-height:13px;
	color:#666666;
	text-align:left;
	white-space: normal;
}

#favoris-tab .favoris .description  #avis_expert .avis {
	margin-top:5px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	white-space: normal;
	text-align:left;
}


/* CATEGORIE */
#h1-categorie {
	font-size:12px;	
	margin:0;
	padding:0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}

@media (max-width: 479px)
{
	#h1-categorie {
		text-align:center;
	}
}


#h2-categorie {
	font-size:25px;
	width: auto;
	min-height: 25px;
	height:auto;
	line-height:25px;
	text-align: left;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-bottom: 10px;
	font-family:   Arial, Verdana, Helvetica, sans-serif;
}

@media (max-width: 479px)
{
	#h2-categorie {
		margin-top:10px;
		text-align:center;
	}
}

#contenu-header-view {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.5s ease;
  position: relative;
  padding-bottom: 10px; /* Ajustez si nécessaire */
}

#contenu-header-view.fade::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; /* Superposez plutôt qu'ajouter à la hauteur */
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));*/
    background: linear-gradient(
    to bottom,
    rgba(248, 249, 251, 0),  /* version transparente */
    rgba(248, 249, 251, 1)   /* version opaque */
  );
  pointer-events: none; /* S'assurer que l'élément ne gêne pas les clics */
  z-index: 1;
}

#contenu-header-view.expanded::after {
  opacity: 0;
}

#contenu-header-view-toggle {
  text-decoration: underline;
  cursor: pointer;
  display: none;
  text-align: right;
  font-size: 10px;
}

#categorie-header {
	line-height:20px;	
}

#categorie-header #noel {
	background-color: #000;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}

#categorie-banniere {
	width:100%;	
}

#categorie-banniere img {
	width:100%;	
	height:auto;
}

#categorie-description {
	margin-top: 10px;
	font-family:  'Conv_Roboto-Light',Arial, Verdana, Helvetica, sans-serif;
}

#categorie_description_go {
	margin-top:5px;
	cursor:pointer;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}

#categorie-noel {
	margin-top:15px;
}

#categorie-noel img {
	max-width:50%;
}


@media (min-width: 0px) and (max-width: 1200px)
{
	#categorie-noel {
		display:none;
	}
}

#tri-couleur {
	display:inline-block;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

#classement {
	margin-top: 10px;
	height:auto;
	line-height:25px;
}

#classement .champ {
	border: 1px solid #CCC;
	font-size:11px;
}

#classement-footer {
	margin-top: 10px;
	padding: 5px;
	line-height:25px;
	text-align:right;
}


@media (max-width: 479px)
{
	#classement-footer {
		text-align:center;
	}
}

#gauche #bannieres img {
	width:105%;
	height:auto;
	margin-top:10px;
}

#gauche #garantie-vie {
	text-align:center;
	margin-bottom:10px;
	margin-left:6px;	
}

#centre-gauche-filtres-header {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 20px;
	line-height: 20px;
	background-color: #333;
	color: #FFF;
	text-align:left;
}

#centre-gauche-filtres-header #titre {
	font-weight: bold;
	font-size: 14px;
}

#centre-gauche-filtres-resum {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	line-height: 20px;
	background-color: #F9F9F9;
}

#centre-gauche-filtres-resum .filtre{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-weight:bold;
	font-size:11px;
}

#centre-gauche-filtres-resum .filtre img{
	float: right;
}

#filtres-masquer-afficher {
	float: right;
	font-size: 10px;
}

#filtres-masquer-afficher .link_afficher{
	color: #CC0A0A;
}

#centre-gauche-filtres {
		/*width: inherit;/* STICKY */
		width: 100%;
z-index: 1box_c00;
position: relative;

	padding: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #EEEEEE;
}

#centre-gauche-filtres #titre {
	font-weight: bold;
}

#centre-gauche-filtres .attribut, #centre-gauche-filtres .attribut-categorie {
	margin-left:10px;
	margin-bottom: 5px;
	min-height: 10px;
	height: auto;
	clear: both;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}
#centre-gauche-filtres .attribut .contenu-overflow, #centre-gauche-filtres .attribut-categorie .contenu-overflow {
	overflow:auto;
	width:auto;
	height: 80px;
}

#centre-gauche-filtres .attribut .contenu, #centre-gauche-filtres .attribut-categorie .contenu {
	font-size: 12px;
	clear:both;
	line-height:17px;
}

#centre-gauche-filtres .attribut .contenu .ligne, #centre-gauche-filtres .attribut-categorie .contenu .ligne {
	margin-bottom:5px;
}

#centre-gauche-filtres .attribut-categorie ul {
	margin:0;	
	padding:0;
}

#centre-gauche-filtres .attribut-categorie ul li {
	margin: 0;
	padding:0;
	list-style-type: none;
}

#centre-gauche-filtres .attribut .contenu .check {
	text-decoration:none;
	height: 15px;
	line-height:15px;
	float:left;
	cursor:pointer;
	margin-right:5px;
}

#centre-gauche-filtres .attribut .ligne_color {
}

#centre-gauche-filtres .attribut .ligne_color .check_color {
	text-decoration: none;
	height: 25px;
	width: 25px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 2px solid #CCCCCC;
}

#centre-gauche-filtres .attribut .contenu a, #centre-gauche-filtres .attribut-categorie .contenu a{
	text-decoration:none;
	min-height: 15px;
	height:auto;
	float:left;
	width: calc(100% - 30px);
	margin-left:5px;
}
#centre-gauche-filtres .attribut .contenu a:hover, #centre-gauche-filtres .attribut-categorie .contenu a:hover {
	text-decoration:underline;
}
#centre-gauche-filtres .attribut .contenu-bloc {
	float: left;
	margin-right:5px;
	height: auto;
}
#centre-gauche-filtres .attribut .couleur {
	height: 15px;
	width: 15px;
	margin: 2px;
	border: 1px solid #E5E5E5;
	cursor: pointer;
	display: inline-block;
}



#centre-gauche-filtres .slider {
	
	min-height: 30px;
	height: auto;
	width:250px;
}
#centre-gauche-filtres .titre {
	color: #666666;
	font-family: "Keepcal",Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 30px;
	height:auto;
	font-weight:normal;
	margin-bottom:5px;
}

#centre-gauche-filtres .checkall{
	display: inline-block;
	text-decoration: underline;
	font-size: 9px;
}

/* PGS */
#categorie-produit-shopping {
	width: 90%;
	width: -webkit-calc(97% - 22px);
	width: -moz-calc(97% - 22px);
	width: calc(97% - 22px);
	padding: 10px;
	border: 1px solid #EBEBEB;
	margin-top:10px;
	margin-bottom:10px;
}

#categorie-produit-shopping #shop-left {
	float:left;
	width:50%;	
		text-align:center;	

}

#categorie-produit-shopping #shop-left #marketing {
	text-align:center;	
}


#categorie-produit-shopping #shop-right {
	float:left;
	margin-left:10%;
	width:40%;
	text-align: center;	
}

@media (max-width: 479px)
{
#categorie-produit-shopping #shop-left {
	float:none;
	width:100%;	
}


#categorie-produit-shopping #shop-right {
	float:none;
	margin-left:0;
	width:100%;
	text-align: center;	
}
}

#categorie-produit-shopping #shop-right #nom-produit {
	font-size:18px;
	font-weight:bold;
	text-align: center;
}

#categorie-produit-shopping #shop-right #avis-clients {
	margin-top:5px;
	font-size:11px;
}

#categorie-produit-shopping #shop-right #temoignages a {
	color:#0961E9;
	text-decoration:none;
	font-weight:bold;
	height:15px;
	line-height:15px;
}

#categorie-produit-shopping #shop-right #temoignages a:hover .txt {
	text-decoration:underline;
}


#categorie-produit-shopping #shop-right #description-categorie {
	margin-top:20px;
	line-height:20px;
	font-weight:normal;
}

#categorie-produit-shopping #shop-right #description-categorie:not(:empty) {
	/*padding:2px;
	background-color:#F0F0F0;*/
}

#categorie-produit-shopping #shop-right #description-categorie ul {
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
}

#categorie-produit-shopping #shop-right #description-categorie #avis_expert {
	display:none;
}

#categorie-produit-shopping #shop-right #prix_promo #prix_public_promo {
	text-align:center;
	font-size:14px;
	color: #608B3D;
	font-weight:bold;
	line-height:14px;
	display:block;
	/*margin-top:10px;*/
	padding:2px;
	padding-top:0px;
	/*padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;*/
}


#categorie-produit-shopping #shop-right #prix_public_promo #prix_public_promo_rupture {
	margin-top: 5px;
	font-size: 13px;
	/* BLEU SUR FOND GRIS */
	/*color: #00C;
	background-color: #F4F4F4;*/
	
	/* JAUNE SUR FOND NOIR */
	/*color: #FFFF00;
	background-color: #000;
	padding: 7px;*/
	
	/* ORANGE*/
	/*color: #FFB545;
	
	/* ROUGE */
	/*color: #AC1F21;*/
	
	/* ORANGE FONCE */
	/*color: #E17100;
	background-image: url(images/round-error-symbol-prd.png?v1.1.2);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:25px;
	height:20px;
	line-height:20px;*/
	
	/* ORANGE */
	color: #F60;
	font-weight:bold;

	display: inline-block;
}


#categorie-produit-shopping #shop-right #fiche-technique {
	margin-top:10px;
}

#categorie-produit-shopping #shop-right #buy {
	margin-top:25px;
}

#categorie-produit-shopping #shop-right #buy #prix_p {
	margin-top:10px;
	text-align:left;
	font-size:20px;	
	color:#AC1F21;
}

#categorie-produit-shopping #shop-right #buy #prix_p #remise {
	display: inline-block;
	font-size:25px;
	line-height:25px;
	background-color:#AC1F21;
	color:#FFF;
	padding:5px;
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;

}

#categorie-produit-shopping #shop-right #buy #prix_p #prix-barre {
	display: inline-block;
	color: #333;
	font-size:20px;
	text-decoration:line-through;
	line-height:30px;
	margin-left:10px;
}

#categorie-produit-shopping #shop-right #buy #prix_p #prix-barre .euro {
	display: inline;
	margin-left:0px;
}

#categorie-produit-shopping #shop-right #buy #prix_p #prix{
	display: inline-block;
	margin-left:10px;
	line-height:30px;
	font-size:20px;
}

#categorie-produit-shopping #shop-right #buy #prix_p .euro {
	display: inline;
	margin-left:3px;
	font-size:12px;
}

#categorie-produit-shopping #shop-right #buy #promo {
	font-size:12px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
	text-align:center;
}

#categorie-produit-shopping #shop-right #buy #promo #date {
	color: #AC1F21;
	display:inline;
}

#categorie-produit-shopping #shop-right #buy #promo #limite {
	font-size:11px;
}

#categorie-produit-shopping #shop-right #buy #promo #restant {
	margin-top:10px;
	text-transform: uppercase;
	background-color:#BE2C2C;
	padding:5px;
	color:#FFF;
	font-size:14px;
	display: inline-block;
}

#categorie-produit-shopping #shop-right #buy #promo_count {
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;

}

#categorie-produit-shopping #shop-right #buy #promo_count #countdown_g {
	color: #AC1F21;
	display:inline;
	font-weight:bold;
	padding:4px;
	background-color: #FF0;
}

#categorie-produit-shopping #shop-right #buy  .prix_gauche {
		float:left;
		width:35%;
		text-align:center;
		font-size:25px;
		color:#333;
		height:50px;
		line-height:20px;

	}
	

	
#categorie-produit-shopping #shop-right #buy .prix_gauche .pvc {
		font-size:12px;
		color:#333;
	}
	
#categorie-produit-shopping #shop-right #buy  .prix_centre_remise {
		float:left;
		width:30%;
		text-align:center;
		height:30px;
		line-height:30px;
	}
	
#categorie-produit-shopping #shop-right #buy  .prix_centre_remise .prix_centre_remise_remise {
		background-color: #AC1F21;
		font-size:25px;
		color: #FFF;
		display: inline-block;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
		width:auto;
	}
	
#categorie-produit-shopping #shop-right #buy .prix_droite {
		float:right;
		width:35%;
		text-align:center;
		font-size:25px;
		color: #AC1F21;
		height:50px;
		line-height:20px;
	}
	
#categorie-produit-shopping #shop-right #buy .prix_droite .pvc {
		font-size:12px;
		color: #333;
	}

#categorie-produit-shopping #shop-right #buy  .prix_centre {
		text-align:center;
		font-size:25px;
		color: #C30;
		height:30px;
		line-height:20px;
			width: 100%;

	}
	
#categorie-produit-shopping #shop-right #buy  .prix_centre .pvc {
		font-size:12px;
		color: #333;
}

#categorie-produit-shopping #shop-right #buy #stock:not(:empty) {
	margin-top:10px;
	text-align: center;
	font-size:15px;
	color: #618B3D;
	font-weight:bold;
}

#categorie-produit-shopping #shop-right #buy #qte_stock:not(:empty) {
	margin-top:10px;
	text-align: center;
	font-size:15px;
	color: #AC1F21;
}
#categorie-produit-shopping .stock-dispo-2 {
	font-size:12px;
}

#categorie-produit-shopping #shop-right #buy #msg_noe:not(:empty) {
margin-top:5px;font-size: 12px;color: #ac1f21;font-weight:bold;text-align:center;
}

#categorie-produit-shopping #shop-right #buy .bt-commander {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	width: 100%;
	padding-left:24px;
	border: 0px;
	background-color: #618B3D;
	font-weight: bold;
	color: #FFF;
	font-size: 22px;
	min-height: 40px;
	height: auto;
	line-height: 40px;
	text-transform: uppercase;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5LjI1IDE5LjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4yNSAxOS4yNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnIGlkPSJMYXllcl8xXzEwN18iPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTkuMDA2LDIuOTdjLTAuMTkxLTAuMjE5LTAuNDY2LTAuMzQ1LTAuNzU2LTAuMzQ1SDQuNDMxTDQuMjM2LDEuNDYxICAgICBDNC4xNTYsMC45NzksMy43MzksMC42MjUsMy4yNSwwLjYyNUgxYy0wLjU1MywwLTEsMC40NDctMSwxczAuNDQ3LDEsMSwxaDEuNDAzbDEuODYsMTEuMTY0YzAuMDA4LDAuMDQ1LDAuMDMxLDAuMDgyLDAuMDQ1LDAuMTI0ICAgICBjMC4wMTYsMC4wNTMsMC4wMjksMC4xMDMsMC4wNTQsMC4xNTFjMC4wMzIsMC4wNjYsMC4wNzUsMC4xMjIsMC4xMiwwLjE3OWMwLjAzMSwwLjAzOSwwLjA1OSwwLjA3OCwwLjA5NSwwLjExMiAgICAgYzAuMDU4LDAuMDU0LDAuMTI1LDAuMDkyLDAuMTkzLDAuMTNjMC4wMzgsMC4wMjEsMC4wNzEsMC4wNDksMC4xMTIsMC4wNjVjMC4xMTYsMC4wNDcsMC4yMzgsMC4wNzUsMC4zNjcsMC4wNzUgICAgIGMwLjAwMSwwLDExLjAwMSwwLDExLjAwMSwwYzAuNTUzLDAsMS0wLjQ0NywxLTFzLTAuNDQ3LTEtMS0xSDYuMDk3bC0wLjE2Ni0xSDE3LjI1YzAuNDk4LDAsMC45Mi0wLjM2NiwwLjk5LTAuODU4bDEtNyAgICAgQzE5LjI4MSwzLjQ3OSwxOS4xOTUsMy4xODgsMTkuMDA2LDIuOTd6IE0xNy4wOTcsNC42MjVsLTAuMjg1LDJIMTMuMjV2LTJIMTcuMDk3eiBNMTIuMjUsNC42MjV2MmgtM3YtMkgxMi4yNXogTTEyLjI1LDcuNjI1djIgICAgIGgtM3YtMkgxMi4yNXogTTguMjUsNC42MjV2MmgtM2MtMC4wNTMsMC0wLjEwMSwwLjAxNS0wLjE0OCwwLjAzbC0wLjMzOC0yLjAzSDguMjV6IE01LjI2NCw3LjYyNUg4LjI1djJINS41OTdMNS4yNjQsNy42MjV6ICAgICAgTTEzLjI1LDkuNjI1di0yaDMuNDE4bC0wLjI4NSwySDEzLjI1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8Y2lyY2xlIGN4PSI2Ljc1IiBjeT0iMTcuMTI1IiByPSIxLjUiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPGNpcmNsZSBjeD0iMTUuNzUiIGN5PSIxNy4xMjUiIHI9IjEuNSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 5% center;
	letter-spacing:2px;
	margin-top:15px;
}

#categorie-produit-shopping #shop-right #buy .bt-commander:hover {
	cursor: pointer;
	background-color:#74A749;
}



#categorie-produit-shopping #shop-right #benefices_titre {
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
}
	
#categorie-produit-shopping #shop-right .benefice {
	height: 20px;
	margin-top:10px;	
	margin-bottom:6px;
}
#categorie-produit-shopping #shop-right #info {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: bold;
	display: none;
	width:60%;
	width: -webkit-calc(60% - 10px);
	width: -moz-calc(60% - 10px);
	width: calc(60% - 10px);

}

#categorie-produit-shopping .reservation {
	font-size:14px;
	line-height:18px;
	color: #F60;
	font-weight: bold;
}

#categorie-produit-shopping .stock {
	margin-top:10px;	
	font-size:15px;
	height:20px;
	color: #468C00;
	text-align:center;
	/*text-transform:uppercase;*/
	font-weight:bold;
}

#categorie-produit-shopping .stock-dispo-2 {
	margin-top:5px;	
	font-size:12px;
	height:20px;
	color: #618B3D;
	text-align:center;
	font-weight:bold;
}

/* BLOC PRODUIT 1 */
.bloc-produit-1 {
	float: left;
	min-height: 345px;
	height: auto;
	width: 48%;
	width: -webkit-calc(48% - 12px);
	width: -moz-calc(48% - 12px);
	width: calc(48% - 12px);
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-right: 2%;
	padding: 5px;
	border: 1px solid #F0F0E1;
}

.bloc-produit-1 a {
	text-decoration:none;
}

.bloc-produit-1 .gauche {
	float:left;
	width:40%;
}


.bloc-produit-1 .droite {
	float:right;
	margin-left:5%;
	width:55%;
	text-align:left;
}

.bloc-produit-1 .droite .nom-produit {
	font-size:18px;
	font-weight:bold;
}

.bloc-produit-1 .droite .description {
	line-height:22px;
}

.bloc-produit-1 .droite .description_lien {
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;	
	margin-bottom:15px;
}

.bloc-produit-1 .droite .prix_gauche {
	display:inline-block;
	text-align: left;
	font-size: 20px;
	color: #333;
	height: 35px;
	line-height: 35px;
	position: relative;
	margin-left:10px;
	margin-right:10px;
	}
	
	
.bloc-produit-1 .droite .prix_gauche:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
}

	
.bloc-produit-1 .droite .prix_gauche .pvc {
	font-size:11px;
	color:#333;
}
	
.bloc-produit-1 .droite .prix_centre_remise {
	display:inline-block;
	width: calc(20% - 10px);
	text-align:center;
	background-color: #AC1F21;
	font-size:25px;
	color: #FFF;
	height:35px;
	line-height:35px;
	padding-left:5px;
	padding-right:5px;
}
	
.bloc-produit-1 .droite .prix_droite {
	display:inline-block;
	text-align:center;
	font-size:25px;
	color: #AC1F21;
	height:35px;
	line-height:35px;
}
	
.bloc-produit-1 .droite .prix_droite .pvc {
	font-size:11px;
	color: #333;
}

.bloc-produit-1 .droite .prix_centre {
	text-align:center;
	font-size:25px;
	color: #C30;
	height:35px;
	line-height:35px;
}
	
.bloc-produit-1 .droite .prix_centre .pvc {
	font-size:12px;
	color: #333;
	height:20px;
}


.bloc-produit-1 .droite .commande {
	margin-top:10px;
}

.bloc-produit-1 .droite .commande .qte {
	display:inline-block;
}

.bloc-produit-1 .droite .commande .goto {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	border: 0px;
	background-color: #4084F2;
	color: #FFF;
	font-size: 15px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing:2px;
	display:inline-block;
	margin-left:10px;
	max-width: 250px;
	text-align:center;
	padding-left:15px;
	padding-right:15px;

}
.bloc-produit-1 .droite .commande  .goto a{
	color: #FFF;
	text-decoration:none;
}


/* BLOC PRODUIT */

.bloc-produit {
	float: left;
	min-height: 345px;
	height: auto;
	width: 30%;
	width: -webkit-calc(31% - 12px);
	width: -moz-calc(31% - 12px);
	width: calc(31% - 12px);
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-right: 2%;
	padding: 5px;
	z-index: 1;
	position: relative;
	border-bottom: 1px solid #EBEBEB;
}

.bloc-produit a {
	text-decoration:none;
}

.bloc-produit:hover {
}

.bloc-produit .marketing {
	height: 30px;	
	text-align: right;
}

.bloc-produit .image .hover {
	z-index: 2;
	position: absolute;
	background-color: #618B3D;
	padding: 5px;
	color: #FFF;
	top: 30%;
	display: none;
	margin-left:auto;
	margin-right:auto;
	  transform: translateX(-50%);
  left: 50%;
  font-weight:bold;
  font-size:12px;

}

.bloc-produit .image .hover a {
	color:#FFF;	
}

 
.bloc-produit:hover .hover {
    display: none;

}


.bloc-produit .image:hover .img-prd {
    /*opacity:0.5;*/
}

.bloc-produit .hover .vu {
	display:inline-block;
	width:30%;
	text-align:center;
}

.bloc-produit .hover .vu img {
	vertical-align:middle;
}
	
.bp-rq {
	min-height:410px;	
}

.bloc-produit .image {
	max-width:100%;	
	height:auto;
	text-align:center;
}

.bloc-produit .taux_remise {
	z-index: 4;
	position: absolute;
	margin-top:-5px;
	margin-left: -5px;
	background-color: #AC1F21;
	color: #fff;
	font-size:20px;
	padding:3px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}

.banniere {
	z-index: 2;
	position:absolute;;
	
}

.banniere_promo {
	z-index: 2;
	position:absolute;
	text-align:right;
	width:100%;
}

.banniere_promo .taux_remise {
		text-align:center;
		background-color: #AC1F21;
		font-size:18px;
		color: #FFF;
		padding:5px;
		display: inline-block;
}



.banniere img {

}

/* BANNIERE PRODUIT */
.ban-v3-texte {
  position: absolute;
  top: 5px;
  left: 5px;
  background: red;
  color: white;
  border-radius:5px;
  font-size: 16px;
  padding: 3px 8px;
  z-index: 10;
  font-weight: bold;
	text-transform: uppercase;
		opacity:0.8;

}

@media (max-width: 600px) {
	.ban-v3-texte {
	  font-size: 12px;
	}
}

.bloc-produit .nom-produit {
	font-size: 14px;
	margin-top: 10px;
	height:40px;
	line-height:20px;
	font-weight:bold;
}

.bloc-produit .nom-produit a {
	text-decoration:none;
}

.bloc-produit .nom-produit a:hover {
	text-decoration:underline;
}

.bloc-produit .nom-produit .drapeau {
	height: 12px;
	width: auto;
}

.bloc-produit .avis-clients {
	height:20px;
	line-height:20px;
	font-size:12px;	
}

.bloc-produit .slogan {
	font-size: 12px;
	margin-top: 2px;
	height:30px;
	line-height:15px;
	padding:2px;
}

.bloc-produit .attributs-marketing {
	font-size: 11px;
	margin-top: 2px;
	height:40px;
	line-height:20px;
	padding:2px;
}

.bloc-produit .attributs-marketing:not(:empty) {
	background-color:#F0F0F0;
}

@media (max-width: 479px)
{
		.bloc-produit .attributs-marketing:not(:empty) {
			height:40px;
		}
}


.bloc-produit .taux_remise_prix {
	display:inline;
	background-color: #AC1F21;
	color: #fff;
	font-size:16px;
	padding:5px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin-right:10px;
	/*letter-spacing : 2px;*/
}

.bloc-produit .prix {
	margin-top:10px;	
	font-size:16px;
	line-height:55px;
	height:55px;
	color: #AC1F21;
}

.bloc-produit .prix .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}

.bloc-produit .promo {
	margin-top:5px;	
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#608B3D;
	height:25px;
	line-height:25px;
}

.bloc-produit .prix .prix_gauche {
		float:left;
		width:35%;
		text-align:center;
		font-size:21px;
		color:#333;
		height:50px;
		line-height:20px;

	}
	

	
.bloc-produit .prix .prix_gauche .pvc {
		font-size:11px;
		color:#333;
	}
	
.bloc-produit .prix .prix_centre_remise {
		float:left;
		width:30%;
		text-align:center;
		background-color: #AC1F21;
		font-size:24px;
		color: #FFF;
		margin-top:5px;
		height:25px;
		padding-top:5px;
		padding-bottom:5px;
		line-height:25px;
		letter-spacing:1px;
	}
	
@media (min-width:480px) and (max-width: 1024px)
{
	.bloc-produit .prix .prix_centre_remise {
		font-size:16px;
	}
}

	
.bloc-produit .prix .prix_centre_remise_responsive {
	display: none;
}

	
.bloc-produit .prix .prix_droite {
		float:right;
		width:35%;
		text-align:center;
		font-size:20px;
		color: #AC1F21;
		height:50px;
		line-height:20px;
	}
	
.bloc-produit .prix .prix_droite .pvc {
		font-size:11px;
		color: #333;
	}
	
.bloc-produit .pvc_p {
		display:inline;
}

.bloc-produit .prix  .prix_centre {
		text-align:center;
		font-size:25px;
		color: #C30;
		height:50px;
		line-height:20px;
	}
	
.bloc-produit .prix  .prix_centre .pvc {
		font-size:12px;
		color: #333;
		height:20px;
	}
	
.bloc-produit .prix_public_promo {
	margin-top:5px;
	font-size:12px;
	color:#608B3D;
	padding:0px;
	line-height:15px;
}

.bloc-produit .promo .date {
	color: #AC1F21;
	display:inline;
}

.bloc-produit .promo .msg {
	display:inline;
	padding:4px;
}

.bloc-produit .promo .promo_count {
	font-weight:bold;
}

.bloc-produit .promo .promo_count .countdown {
	color: #AC1F21;
	display:inline;
	font-weight:bold;
	padding:4px;
	background-color: #FF0;
}


.bloc-produit .stock {
	margin-top: 5px;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: #468C00;
	text-transform: uppercase;
	font-weight: bold;
}

.bloc-produit .stock .stock-dispo-2{
	font-size:10px;
}


.bloc-produit .unites {
	margin-top:5px;	
	font-size:13px;
	line-height:15px;
	height:15px;
	color: #C30;
}

.bloc-produit .livraison {
	margin-top:5px;	
	font-size:11px;
	line-height:15px;
	height:15px;
	text-transform:uppercase;
}

.bloc-produit .goto {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:2px;
	width: 75%;
	border: 0px;
	background-color: #618B3D;
	color: #FFF;
	font-size: 15px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
}
.bloc-produit .goto a{
	color: #FFF;
	text-decoration:none;
}

.bloc-produit .goto:hover {
	cursor: pointer;
	background-color: #74A749;
}

.bloc-produit-accueil {
	float: left;
	min-height: 355px;
	height:auto;
	width:21%;
	width: calc(23% - 12px);
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-left: 1%;
	margin-right: 1%;
	padding:5px;
	z-index:1;
	position:relative;
		border-bottom: 1px solid #F4F4F4;

}

/* RESPONSIVE */
@media (max-width: 479px)
{
	.bloc-produit {
		width:95%;	
		height:auto;
	}
	
	
	.bloc-produit .nom-produit {
		font-size: 20px;
		min-height:30px;

		height:auto;
		line-height:30px;
	}

}
@media (min-width: 480px) and (max-width: 768px), (min-device-width: 480px) and (max-device-width : 768px) and (orientation : portrait)
{
	.bloc-produit {
		width:45%;
		margin-left:1%;
		margin-right:1%;
	}
	

}


@media (min-width:768px) and (max-width: 1200px)
{	
	.bloc-produit .promo {
		font-size:10px;
	}
	
	.bloc-produit .slogan {
		height:45px;
	}

}



.bloc-produit:hover {
	/*border: 1px solid #CCC;*/	
}
}

/* CATEGORIE : PAGINATION */

.pagination {
	clear: both;
	display:block;
	padding-top: 10px;	
	text-align: right;
	margin-right:20px;
	font-size:30px;
}

.pagination a {
	text-decoration:none;	
	display:block;
	padding:10px;
}
.pagination .p-n-select:hover a {
	color: #FFF;
}

.pagination .p-select, .pagination .p-n-select:hover {
	display: inline-block;
	background-color: #7E7C7C;
	color: #FFF;
	border: 1px solid #7E7C7C;
	margin-left: 5px;
}


.pagination .p-select {
	padding:10px;
}


.pagination .p-n-select {
	display: inline-block;
	color: #7E7C7C;
	border: 1px solid #CCCCCC;
	margin-left:5px;
}

/* AVIS : PAGINATION */
.avis-pagination {
	clear: both;
	padding-top: 10px;	
	text-align: right;
	margin-right:20px;
	font-size:25px;
}

.avis-pagination a {
	text-decoration:none;	
}
.avis-pagination .p-n-select:hover a {
	color: #FFF;
}

.avis-pagination .p-select, .avis-pagination .p-n-select:hover {
	display: inline-block;
	background-color: #000000;
	color: #FFF;
	border: 1px solid #000000;
	margin-left: 5px;
}


.avis-pagination .p-select {
	padding:10px;
}


.avis-pagination .p-n-select {
	display: inline-block;
	border: 1px solid #CCCCCC;
	margin-left:5px;
	padding: 10px
}


#description_footer {
	line-height: 20px;	
	width:95%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;	

}

/* BOX CATEGORIE PRODUIT */
#box_categorie_produit {
	display: none;
	position: fixed;
;
		top: 50%; /* poussé de la moitié de hauteur du référent */
 	-webkit-transform: translate3d(-50%,-50%,0);

  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  	width: 50%;

	
	min-height:450px;
  	padding: 0;
	padding-top:15px;
	padding-bottom:15px;
  	margin:0;
  	background-color: #FFF;
	opacity:0.999;
  	z-index:11;
  	border-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;

}

#ajax_categorie_produit {
display: table;
	min-height:450px;
	width:100%;
}

#ajax_categorie_produit #croix {
	position:absolute;
	right:10px;
	top:10px;
	cursor: pointer;
	z-index:10;
}


#ajax_categorie_produit #prev {
	width:30px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	z-index:1;
	min-height:450px;
}

#ajax_categorie_produit #next {
	width:30px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	z-index:1;
}

#ajax_categorie_produit #produit {
	width: calc(100% - 70px);
	display:table-cell;
	vertical-align:top;
	text-align:center;
	z-index:1;
}

#ajax_categorie_produit #produit #left {
	float:left;
	width:50%;
	height:100%;
	text-align:center;
}

#ajax_categorie_produit #produit #left #lien{
	margin-top:30px;
	background-color: #F5F5F5;
	padding:10px;
	border-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	height:25px;
	line-height:25px;
}


#ajax_categorie_produit #produit #left #lien a{
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
}
#ajax_categorie_produit #produit #left #lien a:hover{
	text-decoration:underline;
}


#ajax_categorie_produit #produit #left #liste{
	margin-top: 30px;
	background-color: #F5F5F5;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	height:25px;
	line-height:25px;
}

#ajax_categorie_produit #produit #left img {
	vertical-align:middle;
	margin-right:10px;
	
}
#ajax_categorie_produit #produit #left #liste a {
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
}

#ajax_categorie_produit #produit #left #liste a:hover{
	text-decoration:underline;
}


#ajax_categorie_produit #produit #right {
	float:left;
	width:50%;
}

#ajax_categorie_produit #produit #right #nom_produit {
	font-family:  'Keepcal',Arial, Verdana, Helvetica, sans-serif;
	font-size:25px;
}

#ajax_categorie_produit #produit #right #description-categorie {
	margin-top:20px;
	line-height:20px;
}

#ajax_categorie_produit #produit #right #description-categorie:not(:empty) {
	padding:2px;
	background-color:#F0F0F0;
}


#ajax_categorie_produit #produit #right #description-categorie ul {
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
}

#ajax_categorie_produit #produit #right #description-categorie #avis_expert {
	margin-top:20px;
	font-family:  'Fjalla One',Arial, Verdana, Helvetica, sans-serif;
	background-color: #F6F6F6;
	padding:5px;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}



#ajax_categorie_produit #produit #right #description-categorie #avis_expert .image {
	margin-top:10px;
	display:inline-block;	
}

#ajax_categorie_produit #produit #right #description-categorie #avis_expert .accroche {
	margin-top:10px;
	display:inline-block;	
}

#ajax_categorie_produit #produit #right #description-categorie #avis_expert .accroche .titre {
	font-size:25px;
}

#ajax_categorie_produit #produit #right #description-categorie #avis_expert .accroche .expert {
	font-size:11px;
	line-height:13px;
	color:#666666;
}

#ajax_categorie_produit #produit #right #description-categorie #avis_expert .avis {
	margin-top:5px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	text-align:justify;
}


#ajax_categorie_produit #produit #right ul {
	margin:0;
	padding:0;
	margin-top:20px;
	text-align:left;
}

#ajax_categorie_produit #produit #right ul li {
	padding: 0;
	margin: 0;
	background-image: url(images/produit-description-check.png);
	list-style-type: none;
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom:15px;
}


#ajax_categorie_produit #produit #right #prix-b {
	margin-top:20px;
	text-align:center;
	font-size:18px;	
	color:#AC1F21;
}

#ajax_categorie_produit #produit #right #action #commande {
	margin-top:10px;
	text-align:center;
	display:table-cell;
	width:50%;
		vertical-align:middle;


}

#ajax_categorie_produit #produit #right #prix-b #remise {
	display:inline;
	background-color: #AC1F21;
	color: #fff;
	font-size:16px;
	padding:5px;
	/*font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing : 2px;*/
	margin-right:10px;
	font-weight:bold;

}

#ajax_categorie_produit #produit #right #prix-b #prix-barre {
	display: inline-block;
	color: #333;
	font-size:15px;
	text-decoration:line-through;
	line-height:20px;
	margin-left:5px;
}

#ajax_categorie_produit #produit #right #prix-b #prix-barre .euro {
	display: inline;
	margin-left:0px;
}

#ajax_categorie_produit #produit #right #prix-b #prix {
	display: inline-block;
	margin-left:5px;
	line-height:20px;
	font-size:15px;
}

#ajax_categorie_produit #produit #right #prix-b .euro {
	display: inline;
	margin-left:3px;
	font-size:12px;
}

#ajax_categorie_produit #produit #right #prix-b #promo {
	font-size:12px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
}

#ajax_categorie_produit #produit #right #prix-b #promo #date {
	color: #AC1F21;
	display:inline;
}

#ajax_categorie_produit #produit #right #prix-b #promo #limite {
	font-size:11px;
}

#ajax_categorie_produit #produit #right #disponibilite {
	margin-top:20px;
}

#ajax_categorie_produit #produit #right #disponibilite .stock {
	color:#618B3D;
	text-align:center;
	font-size: 16px;
	/*text-transform:uppercase;*/
}
#ajax_categorie_produit #produit #right #disponibilite .stock_delai {
	color: #818181;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

#ajax_categorie_produit #produit #right #bt {
	margin-top: 10px;
	text-align:center;
}

#ajax_categorie_produit #produit #right #bt .bt-commander {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	width: 75%;
	border: 0px;
	background-color: #618B3D;
	color: #FFF;
	font-size: 18px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
		letter-spacing:2px;

}

#ajax_categorie_produit #produit #right #bt .bt-commander:hover {
	cursor:pointer;
	background-color:#74A749;
}

#ajax_categorie_produit #produit #right #franco {
	margin-top: 15px;
	text-align:center;
}

/* PRODUIT */
#images_mood {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	width:100%;
}

#images_mood:not(:empty) {
	margin-bottom:20px;	
}

#images_mood .image_mood {
	max-width: calc(50% - 20px);
 	flex: calc(50% - 20px);
	padding:10px;
 }
 
 @media (max-width: 600px)
{
	#images_mood .image_mood {
		width:100%;
		max-width: calc(100% - 20px);
		flex: none;
		height: auto;
		padding:10px;
		min-height: 0;
	}
}
 
#produit-contenu h3 {
	color: #69F;
	font-size: 14px;
	padding:0px;
	background-color:#FFF;
	margin-bottom:3px;
	
}
#fiche-technique table {
		/*border:0;*/
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	margin-top:20px;
}
#fiche-technique table > tbody > td {
		word-break:normal;
}
#fiche-technique table > tbody > tr:nth-child(odd) {
	background-color: #F8F8F8;
}
#fiche-technique table > tbody > tr:nth-child(even) {
	background-color: #FFF;

}

#fiche-technique table > tbody > tr > td:first-child {
	width: calc(40% - 10px);
	max-width: calc(40% - 10px);
	padding: 5px;
	min-height: 35px;
	line-height: 35px;
	height: auto;
	font-weight: bold;
	vertical-align: top;
}
#fiche-technique table > tbody > tr > td:nth-child(2) {
	width: calc(60% - 10px);
	max-width: calc(60% - 10px);
	padding: 5px;
	min-height: 35px;
	line-height: 35px;
	height: auto;
	vertical-align: top;
}


#fiche-technique-complete table img, #description-complete table img {
	width:100%;	
}

#produit-presentation th {
	font-weight:normal;
	text-align: inherit ;
	text-align:left;
	padding:2%;
	vertical-align:top;
}

#produit-presentation th > table > tbody > tr > td > p {
	text-align: inherit;
	text-align:left;
}

.td-l {
	background-color: #F5F5F5;
	width: 35%;
	max-width:35%;
	padding: 5px;
	min-height: 25px;
	line-height: 25px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.td-r {
	background-color: #FFF;	
	width:65%;
	max-width:65%;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

#fiche-gauche {
	/*float: left;
	width:48%;*/
	
}

#fiche-droite {
	/*float:right;
	width:48%;*/
	
}

#fiche-gauche tr, #fiche-droite tr {
	vertical-align: top;	
}

th img {
	max-width:100%;	
	height:auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	th img {
		width:100%;	
	}
}


@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#fiche-gauche {
		/*float: none;
		width:95%;*/
	}
	
	#fiche-droite {
		/*float:none;
		width:95%;*/
	}
	
	th {
		display: block;
		width:100%;
	}
	
	th img {
 		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}


	/* PRODUIT SHOPPING */
	#produits-shopping {
		margin-left:35px;
		margin-right:35px;
		margin-bottom:30px;	
	}
	
	.produit-shopping {
		float: left;
		text-align:center;
		width:25%;
	}
	
	.produit-shopping img {
		max-width:100%;	
		margin-left:auto;
		margin-right:auto;
	}
	
	.produit-shopping .nom-produit {
		font-weight: bold;
		height: 45px;	
	}
	
	.produit-shopping .nom-produit a{
		color: #2D392C;
		text-decoration: none;
	}
	
	.produit-shopping .prix {
		color: #CC3300;	
		font-size: 18px;
		height:30px;
		line-height:30px;
	
	}
	
	.produit-shopping .euro {
		display:inline;
		font-size:11px;
		margin-left:2px;
	}
	
	.produit-shopping .remise {
		background-color: #FF0;
		color: #CC3300;
		padding: 1px;
		font-weight: bold;
		margin-top: 5px;
	}
	
	.produit-shopping .commande {
		margin-top: 5px;	
	}
	
	.produit-shopping .bt-commander {
		margin-top:5px;
		width:80%;
		border:0px;
		background-color:#4084F2;
		font-weight:bold;
		color:#FFF;
		font-size:13px;
		min-height:30px;
		height:auto;
		line-height:30px;
		text-transform:uppercase;
	}
	
	.produit-shopping .bt-commander:hover {
	cursor: pointer;
	background-color: #2F77F0;
	}


#produit-gauche {
	margin-top:20px;
	float: left;
	width: 33%;
	min-height: 250px;
	height: auto;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#produit-gauche {
		float: none;
		width: 100%;
	}
}

#produit-centre {
	margin-top:10px;
	float: left;
	width: 33%;
	min-height: 250px;
	height: auto;
	margin-left:2%;
}

#produit-centre-h1 {
	margin-top:20px;
	float: left;
	width: 64%;
	height: auto;
	margin-left:3%;
}

#produit-centre #avis-clients, #produit-centre #like {
	display:inline-block;
	margin-right:10px;
	margin-top:5px;
}

#produit-centre #avis-clients:empty {
	margin-top:0px;
	display:none;
}


	@media (max-width: 420px)
	{
		#produit-centre #avis-clients {
			/*display:none;*/
		}
	}
	
#produit-centre #description-marketing #benefices_titre {
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	color: #006699;
}
	
#produit-centre #description-marketing .benefice {
	background-image: url(images/produit-header-check.png?v1.1);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	text-indent: 20px;	
	margin-top:5px;	
	margin-bottom:15px;
	font-weight:bold;
}

	@media (max-width: 479px)
	{
		#produit-centre #description-marketing .benefice {
			background-image:none;
			text-indent:0px;
		}
	}
	
#produit-centre #description-marketing .vignette-reference, #produit-contenu .vignette-reference {
	display: inline-block;
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #E6E6E6;
	text-align:center;
}
#produit-centre #description-marketing .vignette-reference img, #produit-contenu .vignette-reference img {
	max-width:70px;
}

#produit-centre #description-marketing .vignette-reference .nom-reference, #produit-centre #description-marketing .vignette-reference .nom-reference {
	margin-top:10px;
}

	
#produit-droite {
	margin-top: 10px;
	float: right;
	width: 29%;
	height: 10px;
	text-align: center;
}

#produit-droite #countdown_produit {
	/*font-size: 13px;
	line-height:15px;*/
	
	font-size:11px;
	line-height:25px;
	
	margin-bottom: 10px;
	padding: 4px;
	background-color: #F4F4F4;
	padding-left: 40px;
	text-align: left;
	background-image: url(images/countdown.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#produit-droite #countdown_produit #countdown {
	display:inline;
	color: #AC1F20;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
#produit-droite #countdown_produit {
	display:none;
}
}

#produit-droite #countdown_produit #discount {
	display:inline;
	color: #AC1F20;
}


#produit-droite #produit-commande-3-epuise {
	font-size:20px;
	color:#AC1F21;	
}

#produit-droite #bloc-commande {
	width: inherit;
z-index: 1box_c00;
position: relative;

}

#produit-droite #bloc-commande #commande {
	border: 5px solid #F4F4F4;
	padding:15px;
	width:95%;
	width: calc(100% - 40px);
}



#produit-droite #bloc-commande #commande #liste_references:not(:empty) {
	margin-top:10px;
}

#produit-droite #bloc-commande #commande #liste_references select {
	margin:0px;
}


#produit-droite #bloc-commande #commande #liste_references .select {
}

#produit-droite #bloc-commande #bt_mobile {
	display:none;

}

#produit-droite #bloc-commande #bt_paiement {
	margin-top: 20px;

}

#produit-droite #garantie-vie {
	margin-top:20px;
}

#produit-droite #bloc-commande #bt-devis {
	margin-top:10px;
}

#produit-droite #bloc-commande .bt-devis {
	width: 60%;
	border: 0px;
	background-color: #AAAAAA;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	min-height: 30px;
	height: auto;
	line-height: 30px;
	text-transform: uppercase;
	font-weight:normal;
}


#produit-droite #bloc-commande .bt-devis:hover {
	cursor: pointer;
	background-color: #B7B7B7;
}


@media (max-width: 420px)
{
	#produit-droite #bloc-commande #commande {
		border: none;
		padding:0;
		width:100%;
	}
	
		#produit-droite #bloc-commande #bt_mobile {
		display:block;
	}

}



@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#produit-droite {
		float: none;
		width:100%;
	}
	
	#produit-droite #bloc-commande {
		border: none;
		width:100%;
		text-align:center;
	}
	
	#produit-droite #bloc-commande #bt {
		/*clear:both;
		bottom: 10px;
		position: fixed;
		width:100%;
		margin-left:-6%;*/
	}
	

}



#produit-droite #bloc-commande-mobile {
	display:none;
}

@media (max-width: 600px)
{
	#produit-droite #bloc-commande #commande {
		border: none;
		padding:0;
		width:100%;
		
	}
	
	#produit-droite #bloc-commande #bt_mobile {
		display:block;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#produit-droite #bloc-commande-mobile {
		display:block;
		position:fixed;
		bottom:0;
		margin:0;
		left:0;
		width:100%;
		background-color:#FFF;
		padding-top:5px;
		z-index:500;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #F4F4F4;
		padding-top:10px;
		padding-bottom:30px;

	}
	
	#produit-droite #bloc-commande-mobile #prix_p {
		margin-top:10px;
		text-align:center;
		font-size:20px;	
		color:#AC1F21;
		padding-bottom:0px;
		border:none;
	}
	
	#produit-droite #bloc-commande-mobile #prix_public_promo_rupture {
		margin-bottom:10px;	
	}
	
#produit-droite #bloc-commande-mobile .delai {
	color: #608B3D;
	text-align: center;
	font-size: 18px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	border:none;
	margin-top:3px;
}

#produit-droite #bloc-commande-mobile .delai .stock {
	/*text-transform: uppercase;*/

}

#produit-droite #bloc-commande-mobile .delai .stock_delai {
	/*color: #949494;*/
	color:#333;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	/*text-transform:uppercase;*/
	margin-top:10px;
}


#produit-droite #bloc-commande-mobile .delai .date_livraison{
	color: #333;
	font-size: 12px;
}

#produit-droite #bloc-commande-mobile .delai .reservation {
	font-size:13px;
	line-height:20px;
		color: #F60;

}

#produit-droite #bloc-commande-mobile .delai .stock-dispo-2{
	font-size:12px;
	line-height:20px;
}


}

#produit-centre ul {
	margin:0;
	padding:0;
	margin-top:20px;
}

#produit-centre ul li {
	padding: 0;
	margin: 0;
	background-image: url(images/produit-description-check.png);
	list-style-type: none;
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom:15px;
	
}
#produit-description {
	margin-top: 20px;
}


#produit-gauche #images_mobile {
	display:none;	
}

@media all and (max-width: 468px) {
	#produit-gauche #images_mobile {
		display:block;	
	}
	
	#produit-gauche #images_desktop {
		display:none;	
	}
}

#images_desktop_v2, #mainImageWrapper {
	position:relative;
}


#images_desktop_v2 .slick-prev, #images_desktop_v2 .slick-next {
	width: 20px;
	height: 20px;
	z-index: 300;
	top: 50%;
}

#images_desktop_v2 .slick-prev {
	left: -25px;
}

#images_desktop_v2 .slick-next {
	right: -25px;
}

#images_desktop_v2 .slick-prev:before, #images_desktop_v2 .slick-next:before {
	font-size: 20px;
}

#images_desktop_v2 .slick-slide img {
	display: block;
	width:100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}	

#images_desktop_v2 #thumbnails {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 10px;
}

#images_desktop_v2 #thumbnails img {
	margin: 5px;
	cursor: pointer;
}

#images_desktop_v2  #mainImage {
	cursor:pointer;
	width: calc(100% - 50px);
	margin-left:auto;
	margin-right:auto;
}

#produit-gauche #image_link img {
	width: 100%;
}

#produit-gauche #miniatures {
	text-align:center;	
}

#produit-gauche #miniatures .miniature {
	display:inline-block;
	margin:5px;	
}

#produit-gauche #miniatures_mobile {
	text-align:center;	
}

#produit-gauche #miniatures_mobile .miniature {
	display:inline-block;
	width:18%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:10px;
}
#produit-contenu {
	clear:both;	
	padding-top:20px;
	line-height: 25px;
	width:69%;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#produit-contenu {
		width:100%;
	}
}

#produit-contenu ul {
	margin:0;
	padding:0;
}

#produit-contenu ul li {
	padding: 0;
	margin: 0;
	background-image: url(images/produit-description-check.png);
	list-style-type: none;
	min-height: 20px;
	line-height: 20px;
	font-size: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 30px;
}

#produit-contenu .titre {
	font-weight:normal;
	font-size: 17px;
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
	padding:10px;
	background-color: #F4F4F4;
	height:auto;
}

/* FPM 1 */
	#produit-contenu .fpm {
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
	}
	
	#produit-contenu .fpm .img {
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		
	}
	
	#produit-contenu .fpm .content_fpm {
		
	}
	
	#produit-contenu .fpm .content_fpm .titre_fpm {
		font-weight: bold;
		font-size:18px;
		text-align: center;
	}
	
	#produit-contenu .fpm .content_fpm .description_fpm {
		font-size:16px;
		text-align:justify;
		text-align-last: center;
	
	}

/* FPM 2 */
	/* COLONNE */
	#produit-contenu .fpm_v.c {
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
	}
	
	#produit-contenu .fpm_v.c:nth-child(odd) .img {
		float: left;
		width: 33%;
	}
	
	#produit-contenu .fpm_v.c:nth-child(even) .img {
		float: right;
		width: 33%;
	}
	
	#produit-contenu .fpm_v.c:nth-child(odd)  .content_fpm{
		float: left;
		width: calc(67% - 20px);
		margin-left:20px;
		text-align: left;
	}
	
	#produit-contenu .fpm_v.c:nth-child(even) .content_fpm {
		float: right;
		width: calc(67% - 20px);
		margin-right:20px;
		text-align:right;
	}
	
	#produit-contenu .fpm_v.c .content_fpm .titre_fpm {
		font-weight: bold;
		font-size:18px;
	}
	
	
	#produit-contenu .fpm_v.c .content_fpm .description_fpm {
		font-size:16px;
	}
	
	@media (max-width: 600px)
	{
		#produit-contenu .fpm_v.c {
			max-width:500px;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:20px;
		}
		
		#produit-contenu .fpm_v.c:nth-child(even) .img, #produit-contenu .fpm_v.c:nth-child(odd) .img  {
			float:none;
			display: block;	
			text-align: center;
			width:80%;
			margin-left:auto;
			margin-right:auto;
		}
		
		#produit-contenu .fpm_v.c:nth-child(odd)  .content_fpm, #produit-contenu .fpm_v.c:nth-child(even) .content_fpm {
			float:none;
			display: block;	
			width:80%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
	
	}


	/* LIGNE */
	#produit-contenu #fpm_l {
	   	resize: horizontal;
	   	overflow: hidden;
	  	display: flex;
	}
	
	#produit-contenu .fpm_v.l {
		flex: auto;
		margin-left:15px;
		margin-right:15px;;
	}
	
	#produit-contenu .fpm_v.l .content_fpm .titre_fpm {
		font-weight: bold;
		font-size:18px;
		text-align:center;
		margin-top:5px;
	}
	
	
	#produit-contenu .fpm_v.l .content_fpm .description_fpm {
		font-size:15px;
		text-align: justify;
		text-align-last: left;
		margin-top:5px;
	}
	
	@media (max-width: 479px)
	{
		#produit-contenu #fpm_l {
			display: block;
		}
	}


	/* IMAGE */
	#produit-contenu .fpm_v.i {
		text-align:center;
	}

#produit-contenu .attribut-nom-groupe {
	font-weight: bold;	
	color: #999;
	margin-top: 10px;
}

#produit-contenu .attribut-nom-groupe:not(:empty):after {
	content: " :";
}

#produit-contenu .attribut-tab {
   display: table;
   width:100%;
   max-width:100%;
   white-space: nowrap;
}

#produit-contenu .attribut-tab .row-group  {
	display: table-row-group;
	height: 35px;
}

#produit-contenu .attribut-tab .row  {
    display: flex;
    align-items: flex-start; /* Alignement au début pour gérer le texte multiligne */
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: nowrap; /* Empêche les éléments de passer à la ligne suivante */
	height:auto;
	min-height:35px;
	line-height:35px;
}

#produit-contenu .attribut-tab .row:nth-child(odd) {
	background-color: #F8F8F8;
}
#produit-contenu .attribut-tab .row:nth-child(even) {
	background-color: #FFF;

}

#produit-contenu .attribut-tab .cell {
	display: table-cell;
   text-align: left;
   vertical-align: middle;
   padding: 5px;
   	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;*/
	 white-space: break-spaces;
}

#produit-contenu .attribut-tab-float {
   width:100%;
   white-space: nowrap;
}

#produit-contenu .attribut-tab-float .row {
	height: 35px;
	float:left;
	width:50%;
}

#produit-contenu .attribut-tab-float .cell {
   float:left;
   text-align: left;
   vertical-align: middle;
   padding: 5px;
   	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;*/

}

#produit-contenu .attribut-tab img {

}

#produit-contenu .attribut-tab .picto {
    flex: 0 0 0px;
    height: 35px;
    background-size: contain;
}

#produit-contenu .attribut-tab .picto.has-picto  {
    flex: 0 0 35px; /* Applique 35px si la classe `has-picto` est présente */
}

#produit-contenu .attribut-tab .attribut,
#produit-contenu .attribut-tab .valeur {
    flex-grow: 1;
    flex-basis: auto; /* Ajuste automatiquement la base selon le contenu */
    min-width: 0; /* Permet au texte de revenir à la ligne correctement dans Flexbox */
    word-wrap: break-word; /* Assure que le texte revient à la ligne à l'intérieur de l'élément */
}

#produit-contenu .attribut-tab .attribut {
    flex-basis: calc(50% - 10px); /* Ajustement pour le gap */
}

#produit-contenu .attribut-tab .valeur {
    flex-basis: calc(45% - 10px);
}

@media (max-width: 479px)
{
	#recommandations {
		/*display:none;*/
	}
}

/* FICHE TECHNIQUE V2 */
#fiche-technique ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
	margin-left:5px;
}

#fiche-technique ul li {
	background: none;
    position: relative;
    padding-left: 15px;       /* décale tout le texte à droite de la puce */
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;          /* justifie à gauche, tu peux utiliser justify si tu veux le texte justifié */
}

#fiche-technique ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;               /* ajuste cette valeur pour bien centrer sur la 1ère ligne */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #555;         /* couleur de la puce (plein) */
    display: inline-block;
}


#h1-produit, #h1-categorie {
	margin: 0;
	padding:0;
	font-size: 12px;
	font-weight: normal;
	background-color: #EFEFEF;
	display: inline-block;
	padding: 5px;
	min-height: 15px;
	height:auto;
	line-height: 15px;
		font-family:  Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0px;
}

@media (max-width: 479px)
{
	#h1-categorie {
		text-align:center;

	}
	
	#h1-produit {
		display: block;
		height:12px;
		line-height:12px;
		background-color:#FFF;
		padding:0px;
		font-size:10px;
		color: #999;
		margin-left:auto;
		margin-right:auto;
	}
}


#produit-droite #header-commande {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	padding-bottom:10px;
}

#produit-droite #header-commande #vignette {
	position:absolute;
	z-index:5;
	width:50px;
}

@media (max-width: 420px)
{
	#produit-droite #header-commande #vignette {
		display:none;
	}
}

#produit-droite #header-commande #h2-produit {
	text-align:center;	
	font-size:18px;
	height:auto;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	margin-left:50px;
	margin-right:50px;
	letter-spacing:normal;
	font-weight: bold;
}

	#produit-centre #garantie-vie {
		color: #AC1F21;	
	}


@media (max-width: 479px)
{

#produit-droite #header-commande #h2-produit {
	margin:0px;
	font-size:22px;
}

}


#produit-droite #header-commande #avis-clients {
	margin-top:10px;
	font-size:11px;	
	line-height:15px;
	height:15px;
}

#produit-droite .selection-reference {
	margin-top:20px;
	max-width:100%;	
}

#produit-droite #nom_marque {
	margin-top:10px;
}

#produit-droite #avis-clients {
	margin-top:10px;
}

.liste_options {
	margin-top:10px;
	width:80%;
	border-radius: 	2px;
	border-color: #666;
}

.liste_betonnage {
	color: #AC1F21;
}


#produit-droite #prix_p_intro {
	margin-top:20px;
	width:100%;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#AC1F21;	
}

#produit-droite #info {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: bold;
	display: none;
}



#produit-droite #franco {
	margin-top:15px;
	width:45%;
	text-align:center;
	height:22px;
	display:inline-block;
	  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

#produit-droite #last_stock {
	margin-top:15px;
	width: 45%;
	text-align: center;
	height: 22px;
	display: inline-block;
	  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

#produit-droite #disponibilite {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
}

#produit-droite #livraison {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
}

#produit-droite #disponibilite .delai {
	color: #618B3D ;
	text-align: center;
	font-size: 18px;

	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;*/
}
#produit-droite #disponibilite .delai .stock_delai {
	/*color: #949494;*/
	color:#333;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	/*text-transform:uppercase;*/
	margin-top:10px;
}

#produit-droite #disponibilite .noel {
margin-top:0px;font-size: 12px;color: #ac1f21;
}

#produit-droite #disponibilite .date_livraison{
	color: #333;
	font-size: 12px;
}

#produit-droite #disponibilite .stock {
	/*text-transform:uppercase;*/
}

#produit-droite #disponibilite .qte_stock {
	color:#618B3D;
	font-size:13px;
}

#produit-droite #disponibilite .stock-dispo-2{
	font-size:12px;
	line-height:20px;
}

#produit-droite #disponibilite .reservation {
	font-size:13px;
	line-height:20px;
	color: #F60;
}

#produit-droite #noel {
	font-size:12px;
	font-weight:bold;
}

#produit-droite #prix_p {
	margin-top:10px;
	text-align:center;
	font-size:20px;	
	color:#AC1F21;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	padding-bottom:10px;
}

#produit-droite #prix_p #remise {
	display: inline-block;
	font-size:25px;
	line-height:25px;
	background-color:#AC1F21;
	color:#FFF;
	padding:5px;
	/*font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;*/

}

#produit-droite #prix_p #prix-barre {
	display: inline-block;
	color: #333;
	font-size:20px;
	text-decoration:line-through;
	line-height:30px;
	margin-left:10px;
}

#produit-droite #prix_p #prix-barre .euro {
	display: inline;
	margin-left:0px;
}

#produit-droite #prix_p #prix{
	display: inline-block;
	margin-left:10px;
	line-height:30px;
	font-size:20px;
}

#produit-droite #prix_p .euro {
	display: inline;
	margin-left:3px;
	font-size:11px;
}

#produit-droite #prix_p #prix_gauche {
		float:left;
		width:40%;
		text-align:center;
		font-size:21px;
		color:#333;
	}
	
#produit-droite #prix_p #prix_gauche #pvc {
		font-size:10px;
		color:#333;
	}
	
#produit-droite #prix_p #prix_centre_remise {
		float:left;
		width:20%;
		text-align:center;
		background-color: #AC1F21;
		font-size:20px;
		color: #FFF;
		margin-top:10px;
		height:25px;
		line-height:25px;
		padding-top:5px;
		padding-bottom:5px;
	}
	
#produit-droite #prix_p #prix_droite {
		float:right;
		width:40%;
		text-align:center;
		font-size:20px;
		color: #AC1F21;
	}
	
#produit-droite #prix_p #prix_droite #pvc {
		font-size:10px;
		color: #333;
	}
	
#produit-droite #prix_p #prix_centre {
		text-align:center;
		font-size:20px;
		color: #AC1F21;
	}
	
#produit-droite #prix_p #prix_centre #pvc {
		font-size:10px;
		color: #333;
	}



#produit-droite #fin_promo {
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
	padding:5px;
	padding-top:0px;
}

#produit-droite #fin_promo #date {
	color: #AC1F21;
	display:inline;
}

#produit-droite #prix_promo #promo #limite {
	font-size:11px;
}

#produit-droite #prix_promo #promo #restant {
	margin-top:10px;
	text-transform: uppercase;
	background-color:#BE2C2C;
	padding:5px;
	color:#FFF;
	font-size:14px;
	display: inline-block;
}


#produit-droite #prix_promo #promo_count {
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
	padding:5px;
	padding-top:0px;
	padding-bottom:10px;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;

}

#produit-droite #prix_promo #promo_count {
	font-weight:bold;
}

#produit-droite #prix_promo #promo_count #countdown {
	color: #AC1F21;
	display:inline;
	font-weight:bold;
	padding:4px;
	background-color: #FF0;
}

#produit-droite #prix_promo #prix_public_fin_promo{
	font-size:12px;
	line-height:25px;
	padding:5px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;

}

#produit-droite #prix_promo #prix_public_fin_promo #remise {
	display: inline-block;
	font-size:15px;
	line-height:25px;
	background-color:#AC1F21;
	color:#FFF;
	padding:2px;
	margin-left:5px;
}


#produit-droite #prix_promo #prix_public_promo {
	
	font-size:12px;
	color: #608B3D;
	font-weight:bold;
	line-height:14px;
	display:block;
	/*margin-top:10px;*/
	padding:2px;
	padding-top:0px;
	/*padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;*/
}

#produit-droite #prix_public_promo #prix_public_promo_rupture {
	margin-top: 5px;
	font-size: 13px;
	/* BLEU SUR FOND GRIS */
	/*color: #00C;
	background-color: #F4F4F4;*/
	
	/* JAUNE SUR FOND NOIR */
	/*color: #FFFF00;
	background-color: #000;
	padding: 7px;*/
	
	/* ORANGE*/
	/*color: #FFB545;
	
	/* ROUGE */
	/*color: #AC1F21;*/
	
	/* ORANGE FONCE */
	/*color: #E17100;
	background-image: url(images/round-error-symbol-prd.png?v1.1.2);
	background-repeat: no-repeat;
	text-indent:25px;
	background-position: left center;
	height:20px;
	line-height:20px;*/
	
	/* ORANGE */
	color: #F60;
	font-weight:bold;
	
	display: inline-block;
}


#produit-droite #prix_promo #prix_public_promo_date {
	
	font-size:12px;
	color: #000;
	font-weight:bold;
	line-height:14px;
	display:block;
	margin-top:10px;
	padding:2px;
	padding-top:0px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
}

#produit-droite #ban_produit_promo {
	margin-top:10px;	
	
}

#produit-droite .qte_stock {
	height: 25px;
	line-height: 25px;
	background-image: url(images/picto-dernieres-pieces.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 25px;
	padding-left: 25px;
}

#produit-droite #bt {
	margin-top:10px;
}

#produit-droite #bt_paiement {
	margin-top:20px;
}

#produit-droite #qte {
	margin-top:10px;
}

#produit-droite .bt-commander {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:2px;
	width: 100%;
	padding-left: 24px;
	border: 0px;
	background-color: #618B3D;
	color: #FFF;
	font-size: 22px;
	min-height: 40px;
	height: auto;
	line-height: 40px;
	text-transform: uppercase;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5LjI1IDE5LjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4yNSAxOS4yNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnIGlkPSJMYXllcl8xXzEwN18iPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTkuMDA2LDIuOTdjLTAuMTkxLTAuMjE5LTAuNDY2LTAuMzQ1LTAuNzU2LTAuMzQ1SDQuNDMxTDQuMjM2LDEuNDYxICAgICBDNC4xNTYsMC45NzksMy43MzksMC42MjUsMy4yNSwwLjYyNUgxYy0wLjU1MywwLTEsMC40NDctMSwxczAuNDQ3LDEsMSwxaDEuNDAzbDEuODYsMTEuMTY0YzAuMDA4LDAuMDQ1LDAuMDMxLDAuMDgyLDAuMDQ1LDAuMTI0ICAgICBjMC4wMTYsMC4wNTMsMC4wMjksMC4xMDMsMC4wNTQsMC4xNTFjMC4wMzIsMC4wNjYsMC4wNzUsMC4xMjIsMC4xMiwwLjE3OWMwLjAzMSwwLjAzOSwwLjA1OSwwLjA3OCwwLjA5NSwwLjExMiAgICAgYzAuMDU4LDAuMDU0LDAuMTI1LDAuMDkyLDAuMTkzLDAuMTNjMC4wMzgsMC4wMjEsMC4wNzEsMC4wNDksMC4xMTIsMC4wNjVjMC4xMTYsMC4wNDcsMC4yMzgsMC4wNzUsMC4zNjcsMC4wNzUgICAgIGMwLjAwMSwwLDExLjAwMSwwLDExLjAwMSwwYzAuNTUzLDAsMS0wLjQ0NywxLTFzLTAuNDQ3LTEtMS0xSDYuMDk3bC0wLjE2Ni0xSDE3LjI1YzAuNDk4LDAsMC45Mi0wLjM2NiwwLjk5LTAuODU4bDEtNyAgICAgQzE5LjI4MSwzLjQ3OSwxOS4xOTUsMy4xODgsMTkuMDA2LDIuOTd6IE0xNy4wOTcsNC42MjVsLTAuMjg1LDJIMTMuMjV2LTJIMTcuMDk3eiBNMTIuMjUsNC42MjV2MmgtM3YtMkgxMi4yNXogTTEyLjI1LDcuNjI1djIgICAgIGgtM3YtMkgxMi4yNXogTTguMjUsNC42MjV2MmgtM2MtMC4wNTMsMC0wLjEwMSwwLjAxNS0wLjE0OCwwLjAzbC0wLjMzOC0yLjAzSDguMjV6IE01LjI2NCw3LjYyNUg4LjI1djJINS41OTdMNS4yNjQsNy42MjV6ICAgICAgTTEzLjI1LDkuNjI1di0yaDMuNDE4bC0wLjI4NSwySDEzLjI1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8Y2lyY2xlIGN4PSI2Ljc1IiBjeT0iMTcuMTI1IiByPSIxLjUiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPGNpcmNsZSBjeD0iMTUuNzUiIGN5PSIxNy4xMjUiIHI9IjEuNSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 5% center;
}


#produit-droite .bt-commander:hover {
	cursor: pointer;
	background-color: #74A749;
}




#produit-droite #stock {
	margin-top:15px;
	text-align:center;
}

#produit-droite #franco-texte {
	margin-top:5px;
	font-size:12px;
	padding-bottom:5px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
}

#produit-droite #franco-texte .offert {
	color: #CC3300;	
}



.avis_expert {
	margin-top:25px;
	font-family:  'Fjalla One',Arial, Verdana, Helvetica, sans-serif;
	background-color: #F6F6F6;
	padding:5px;
	
}



.avis_expert .image {
	margin-top:10px;
	display:inline-block;	
}

.avis_expert .accroche {
	margin-top:10px;
	display:inline-block;	
}

.avis_expert .accroche .titre {
	font-size:25px;
}

.avis_expert .accroche .expert {
	font-size:11px;
	line-height:13px;
	color:#666666;
}

.avis_expert .avis {
	margin-top:5px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	text-align:justify;
}

#social {
	text-align:center;
	margin-top:25px;
}

#social #titre {
	font-size:11px;
	color: #999;	
}

#social #facebook {
	vertical-align:middle; /* On aligne les éléments au milieu */
 	display:inline-block;
}
	
#social #google_plus {
	vertical-align:middle; /* On aligne les éléments au milieu */
	display:inline-block;
	margin-left: 5px;
	padding-top:4px;
}
	
#social #twitter {
	vertical-align:middle; /* On aligne les éléments au milieu */
 	display:inline-block;
	margin-left: 5px;
}

#social #pinterest {
	vertical-align:middle; /* On aligne les éléments au milieu */
 	display:inline-block;
	margin-left: 5px;
}

#social #liste{
	margin-top: 10px;
	height:25px;
	line-height:25px;
}

#social #liste img {
	vertical-align:middle;
	margin-right:10px;
	
}
#social #liste a {
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
}

#social #liste a:hover{
	text-decoration:underline;
}

@media (max-width: 420px)
{
	#social {
		display:none;	
	}
	
	#social #titre, #social #add {
		display:none;
	}
	
	#social #liste {
		display:block;
	}
}

#support {
	margin-top: 40px;
	height: auto;
	text-align: center;
	padding: 5px;
}

#videos_c {
	max-width: 800px;
	height:auto;
	margin:auto;	
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#produit-gauche {
		width: 95%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	#produit-gauche #image_link img {
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#produit-centre {
		width: 95%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		min-height:0px;
	}
	
	#produit-centre #h2-produit {
		text-align:center;
		height:auto;
		line-height:25px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	@media (max-width: 420px)
	{
		#h2-produit {
			text-align:center;
			margin-top:5px;
			padding:0;
		}
	}
	
	
	#produit-droite, #produit-description {
		width: 90%;
		margin-left:5%;
		margin-right:5%;
		height:auto;
		text-align:center;
	}
	
	#support {
		width: 90%;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		text-align:center;
	}

	
	#social {
		height:auto;	
	}
	
	#social #pinterest {
		display:none;
	}
	
	#produit-contenu {
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.produit-cross {
		width:30%;	
	}

	
	
}

/* CATEGORIE MARQUE */
#categorie-marques {
  	width: 100%;
}

.categorie-marque {
	display: inline-block;
	width: calc(28% - 10px);
	margin: 2%;
	padding: 5px;
	border: 1px solid #CCC;	
	text-align:center;
}

/* CATEGORIE */

#bannieres_gauche  {
	width:inherit
}

#bannieres_gauche img {
	margin-bottom:30px;
	max-width:100%;
}

.attribut {
	margin-right:15px;
}
@media (max-width: 767px)
{
	.attribut {
		margin-bottom:10px;
		line-height:30px;	
	}

}


.attribut .titre {
	vertical-align:top;
	display:inline-block;
	min-height:25px;
	height:auto;
	font-weight:bold;
}

.attribut .all {
	vertical-align:top;
	display:inline-block;
	height:25px;
	line-height:25px;
	text-decoration:underline;
	font-size:13px;
}

.attribut .contenu {
	height:auto;
	line-height:25px;
}

.attribut .contenu a {
	display:block;
	text-decoration:none;
	line-height:20px;
	margin-top:10px;
}

.attribut .contenu a:hover {
	text-decoration:underline;
}

attribut .contenu radio {
	margin:0;
	padding:0;	
}


.attribut .ligne_color, .attribut .ligne {
	/*display:inline-table;
	margin-left: 10px;*/
}

.attribut .ligne_color .check_color {
	height: 16px;
	width: 16px;
	cursor: pointer;
	border: 2px solid #CCCCCC;
	border-radius:50%;
}

.attribut .ligne_color .all {
	height: 20px;
	line-height:20px;
	cursor: pointer;
}

.attribut .ligne .check{
	height: 16px;
	width: 16px;
	cursor: pointer;
		display:inline-table;

}

.attribut .ligne a{
	cursor: pointer;
}

.attribut .ligne .check_valeur {
	height: 16px;
	display:inline-table; 
	margin-left:5px;
	font-size:13px;

}




#affichage, #affichage-prix {
	clear: both;
	width: 750px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 13px;
	margin-top: 10px;
	border-radius: 10px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	background-color: #F9F9F9;
}

#centre-droite #affichage #titre, #centre-droite #attribut-prix #titre {
	font-size: 12px;
	color: #CC0A0A;
	font-weight:bold;
	margin-right: 5px;
}

#centre-droite #affichage #titre, #centre-droite #attribut-prix #titre a{
	color: #999;
}

#centre-droite #affichage #tri {
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}
#centre-droite #affichage #option {
	float: right;
	margin-right: 5px;
}

#attribut-prix {
	width: 750px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-top: 10px;
	background-image: url(images/background-filtres-affichage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 5px;
}

#ajax-produits-chargement {
	text-align: center;	
}

#ajax-produits {
	margin-top:10px;
	clear: both;
	margin-bottom:10px;	
}

#ajax-produits #nb_produits {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 13px;
}

.produit-cross {
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 15.5%;
	text-align:center;
}

.produit-cross img {
	max-width:100%;	
	margin-left:auto;
	margin-right:auto;
}

.produit-cross .nom-produit {
	font-weight: bold;
	height: 45px;	
}

.produit-cross .nom-produit a{
	color: #2D392C;
	text-decoration: none;
}

.produit-cross .prix {
	color: #CC3300;	
	font-size: 18px;
	height:30px;
	line-height:30px;

}

.produit-cross .euro {
	display:inline;
	font-size:11px;
	margin-left:2px;
}

.produit-cross .remise {
	background-color: #FF0;
	color: #CC3300;
	padding: 1px;
	font-weight: bold;
	margin-top: 5px;
}

.produit-cross .commande {
	margin-top: 5px;	
}

.produit-cross .bt-commander {
	margin-top:5px;
	width:90%;
	border:0px;
	background-color:#4084F2;
	font-weight:bold;
	color:#FFF;
	font-size:13px;
	min-height:30px;
	height:auto;
		line-height:30px;
	text-transform:uppercase;
}
	
.produit-cross .bt-commander:hover {
	cursor: pointer;
	background-color: #2F77F0;
}

#fiche_produit {
	margin-top: 10px;	
}

#guide_taille {
	text-align:center;
	margin-top: 10px;	
}

#guide_taille #tee {
	float:left;
	width:48%;
	margin-top:10px;	
}

#guide_taille #tab {
	float:right;
	width:48%;
	margin-top:10px;	
}

	#poser_question {
		margin-top:15px;	
		text-align:center;
	}
	
	#poser_question #envoi_question {
		font-weight:bold;
	}
	
	
#poser_question .input {
	color: #3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 15px;
	border-radius: 0;
	line-height: 19px;
	background-color: #fbfbfb;
	padding: 10px;
	margin-top: 10px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #CCC;
	margin-left: auto;
	margin-right: auto;
	}
	
#poser_question .input:focus{
	box-shadow: 0;
	border: 2px solid #4084F2;
	outline: none;
}

#poser_question #recaptcha {
	margin-top: 10px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
}

#poser_question  .poser {
	width: 30%;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid #333;
	cursor:pointer;
	background-color: #333;
	color:white;
	font-size:18px;
	padding:10px;
 	margin-top:10px;
  	line-height: 30px;
	height:50px;
	display:block;
	vertical-align:middle;
	-webkit-appearance: none;
  border-radius: 0;
}
	
#poser_question  .poser:hover {
	background-color: #2F77F0;
	border-color: #2F77F0;
}

@media (max-width: 420px)
{
	#poser_question .input {
		width:95%;
	}
	
	#poser_question  .poser {
		width:95%;
	}
	
	#poser_question #recaptcha {
		width: 95%;
transform:scale(0.9);
    transform-origin:0 0;

	}
}


@media (max-width: 767px)
{
	#guide_taille #tee {
		float:left;
		width:98%;
		margin-top:10px;	
	}
	
	#guide_taille #tab {
		float:right;
		width:98%;
		margin-top:10px;	
	}
	
	.produit-cross {
		width:48%;
		margin-bottom:15px;
	}
	

}



#fiche, #guide {
	margin-top:2px;	
}


/* CADDIE - COMMANDE */

#h1-caddie {
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 15px;
}


.th_caddie  {
	font-weight:normal;
	text-align: inherit ;
	text-align:left;
	padding:0%;
	vertical-align:top;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	.th_caddie  {
		display:block;
		width:100%;	
		background-color: #09F;
	}
	
}


#caddie-gauche {
	float:left;
	width:60%;	
}

#caddie-droite {
	float:right;
	width:35%;	
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#caddie-gauche {
		float:left;
		width:100%;	
	}
	
	#caddie-droite {
		float:right;
		width:100%;	
	}
}

#caddie-gauche .nom_produit {
	text-decoration:none;	
}

#caddie-gauche .rupture, .rupture_commande_2 {
	margin-top: 5px;
	font-size: 12px;
	color: #E17100;
	background-image: url(images/round-error-symbol-prd.png?v1.1.2);
	background-repeat: no-repeat;
	background-position: left center;
	height:20px;
	line-height:20px;
	text-indent:25px;
	display:inline-block;
	margin-bottom:5px;
	
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){

	#caddie-gauche .rupture, .rupture_commande_2 {
		margin-top: 5px;
		font-size: 11px;
		color: #E17100;
		display:inline-block;
	}
}


#panier-gauche {
	float: left;
	width: 300px;	
}

#panier-droite {
	float: right;
	width: 700px;	
}


.header-tableau-caddie{
	background-color: #333333;
	color: #FFF;
}
.tableau-caddie{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 15px;
}

#total_a_payer {
	display:inline;
	color:#AC1F21;
	margin-left:5px;
}

#caddie-support {
	margin-top:20px;
	text-align:center;	
}

#caddie-support img {
	display:block;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
#caddie-support {
	display:none;
}
}

.caddie {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}

.remise_caddie:not(:empty) {
 margin-top: 10px;
 	color: #CC3300;
	display:block;
	font-size:12px;

}

.remise_caddie .euro {
	display:inline;
	font-size:9px;
	margin-left:2px;
}

.caddie .infos-remises {
	min-height: 20px;
	height: auto;
	line-height: 25px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	background-color: #E2E2E2;
	width: 180px;
	margin-bottom: 5px;
}
	
.caddie .note {
	display:inline;	
}
	
.caddie .titre{
	color: #CC0000;
	font-weight: bold;
}

.caddie .pourcentage{
	color: #CC0000;
	font-weight: bold;
	background-color:#FF0;
	padding: 2px;
	font-size:15px;
}

.caddie .remise{
	color: #CC0000;
	font-weight:bold;
}

.caddie_euro {
	display: inline;
	font-size:10px;	
}

.caddie_total_euro, .euro {
	display: inline;
	font-size:12px;	
}

.max_qte_commande {
	font-size: 11px;
	display: block;
	font-weight: bold;
}

.caddie_invisible {
	display:none;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
.caddie_visible {
	display:none;
	width:0%;
}
.caddie_invisible {
	display:block;
}
}

	.info-pv {
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:underline;
	}
	 
	.info-pv:hover{
	z-index:25;
	background-color:#FFF;
	cursor: pointer;
	}
	 
	.info-pv span{
	display: none
	}
	 
	.info-pv:hover span{
	display:block;
	position:absolute;
	width:250px;
	border:1px dashed #000;
	background-color:#FFF;
	color:#000;
	font-size:12px;
	text-align: justify;
	padding:5px;
	}


#commande-total {
	float:left;
	text-align: left;
	width: 300px;
	padding:5px;
	background-color:#FAFAF5;
	margin-top:15px;
	line-height: 20px;
}
#commande-support{
	float:left;
	text-align: left;
	width: 310px;
	padding:5px;
	margin-top:15px;
	margin-left: 15px;
	line-height: 20px;
}
#commande-adresse-livraison{
	float:left;
	text-align: left;
	width: 300px;
	padding:5px;
}
#commande-adresse-facturation{
	float:left;
	text-align: left;
	width: 300px;
	padding:5px;
	margin-top:10px;
}

#commande-remarques-client{
	float:left;
	text-align: left;
	width: 300px;
	padding:5px;
	margin-top:10px;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	
	#commande-adresse-livraison{
		width: 95%;
	}
	#commande-adresse-facturation{
		width: 95%;

	}
	#commande-remarques-client{
		width: 95%;

	}
}
#commande-validation{
	margin-top: 10px;
	clear: both;
	float:left;
	text-align: left;
	width: 620px;
	padding:5px;
}
#panier-paiement {
	color: #666;
	float:left;
	width:48%;
	margin-top: 15px;
	text-align: center;
	padding: 5px;
	min-height: 280px;
	height: auto;
}

#panier-paiement img {
	width:95%;
	max-width:500px;	
}

#panier-paiement #titre{
	text-align: left;
}

#panier-paiement img {
	display: inline-block;
	margin: 15px;
}

#panier-paiement ul{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-left: 15px;
}
#panier-paiement ul li{
	margin-top: 5px;
}

#panier-support {
	width:100%;
	margin-top: 10px;
	height: auto;
	text-align:center;
}



#panier-support img {
	width:100%;
	height:auto;
	max-width: 500px;
}

#validationpanier {
	text-align: center;
	margin-top:5px;
	height: auto;
	color:#262626;
	font-size:14px;
	line-height:40px;
	min-height:40px;
	height:auto;
	margin-bottom:10px;
}

#ajax-bon-reduction {
	color: #390;
}

#bon-reduction {
	text-align: right;
	padding:5px;
	margin-top:5px;
	height: auto;
	
	color: #666;
	line-height:20px;
}

#bon-reduction .ch {
	height: 20px;	
	width: 100px;
	display:inline-block;
	margin-left:10px;
}

#bon-reduction #bt {
	border: 1px solid #669933;
	background-color: #669933;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	margin-left:10px;
	font-size:11px;
	display:inline-block;
	height:25px;
}

#bon-reduction-commande {
	text-align: right;
	padding:5px;
	margin-top:5px;
	height: auto;
	
	color: #666;
	line-height:20px;
}

#bon-reduction-commande .ch {
	height: 20px;	
	width: 100px;
	display:inline-block;
	margin-left:10px;
}

#bon-reduction-commande #bt {
	border: 1px solid #669933;
	background-color: #669933;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	margin-left:10px;
	font-size:11px;
	display:inline-block;
	height:25px;
}

#validationpanier #total {
	height: 40px;
	line-height: 40px;
	font-size:16px;
	display:inline;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
#validationpanier #total {
	height: 30px;
	line-height: 30px;
	font-size:18px;
}}

#panier-achat {
	height: 40px;
	line-height: 40px;
	color:#262626;
	font-size:16px;
	font-weight:normal;
}

#panier-achat #total_final {
	display:inline-block;
	color:#AC1F21;
}

#panier-achat-reduction {
	clear: none;
	float:none;
	color:#262626;
	font-size:14px;
	font-weight:normal;
	height:20px;
	line-height:20px;
}

#panier-achat-reduction #remise {
	display:inline-block;
	color:#AC1F21;
}

#validationpanier #bouton {
	margin-left:5px;
	margin-top:5px;
	min-height:40px;
	line-height:40px;
}


#validationpanier #bouton a {
	margin-bottom: 20px;
	text-align:center;
	
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:2px;

	width:90%;
	border:0px;
	background-color: #468C00;
	color:#FFF;
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	
}
#validationpanier #bouton img {
	vertical-align: top;
	margin-top:8px;
	margin-right:5px;
}

#validationpanier #bouton a:hover {
	cursor:pointer;
	background-color: #58B000;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
#validationpanier #bouton {
	display:block;
	margin-left:0px;
	margin-top:5px;
	width:100%;
}
#validationpanier #bouton a {
	width:100%;
	padding-left:10px;
	padding-right:10px;
	font-size:13px;

}

}

@media (min-width: 600px) {
#validationpanier_mobile {
	display:none;	
}

}

#validationpanier_mobile {
	text-align: center;
	margin-top:20px;
	height: auto;
	color: #666;
	line-height:40px;
	min-height:40px;
	height:auto;
	margin-bottom:10px;
}


#validationpanier_mobile #bouton {
	margin-left:5px;
	margin-top:5px;
	height:40px;
	line-height:40px;
}


#validationpanier_mobile #bouton a {
	margin-bottom: 20px;
	text-align:center;
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:2px;

	border:0px;
	background-color:#468C00;
	color:#FFF;
	font-size:14px;
	line-height:40px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:90%;
		padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
#validationpanier_mobile #bouton img {
	vertical-align: top;
	margin-top:8px;
	margin-right:5px;
}

#validationpanier_mobile #bouton a:hover {
	cursor:pointer;
	background-color:#58B000;
}


#caddie-paiement-2018 {
	margin-top:20px;
	text-align:center;
}

.button_commande {
	text-align: center;
	
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:2px;

	min-width: 60%;
	width: auto;
	max-width:100%;
	border: 0px;
	background-color: #468C00;
	color: #FFF;
	font-size: 18px;
	min-height: 20px;
	height: auto;
	line-height: 20px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-left:20px;
	padding-right:20px;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0;
	background-image: url(images/caddie-lock.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	text-indent:20px;
}

.button_commande:hover {
	cursor:pointer;
	background-color: #58B000;
}


#bouton-caddie-devis {
}

#bouton-caddie-devis .ajouter {
	float:left;
}

#bouton-caddie-devis .devis {
	float:right;
}

#bouton-caddie-devis .devis-commande {
	float:right;margin-right:20px;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#bouton-caddie-devis {
		text-align:center;
		
	}
	#bouton-caddie-devis .ajouter {
		float:none;
	}
	
	#bouton-caddie-devis .devis {
		float:none;
	}
	
	#bouton-caddie-devis .devis-commande {
		float:none;
		margin-right:0px;
	}
}

#panier-expedition {
	text-align: left;
	padding: 5px;
	margin-top: 10px;
	/*min-height: 280px;*/
	height: auto;
	font-size:12px;
}

#panier-livraison {
	text-align: left;
	padding: 5px;
	margin-top: 15px;
	/*min-height: 280px;*/
	height: auto;
	font-size:12px;
}
@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#panier-paiement {
		display:none;
		width:95%;
		float:none;	
		margin-left:auto;
		margin-right:auto;
		min-height:0px;
		height:auto;
	}
	
		#panier-support {
		width:95%;
		float:none;	
		margin-left:auto;
		margin-right:auto;
	}
	
	#panier-livraison {
		width: 95%;
		float:none;	
		margin-left:auto;
		margin-right:auto;
		min-height:0px;
	}
	
	#validationpanier {
		margin-top:15px;
		width: 95%;
		float:none;	
		padding:5px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#validationpanier #total {
		width:100%;
		height:auto;
	}
	
	#validationpanier #bouton {
		width:100%;
		margin-top: 10px;
	}
		
	#bon-reduction {
		width: 95%;
	}

	.button_commande {
		font-size:14px;
		margin-left:auto;
		margin-right:auto;
	}

}

#panier-livraison #titre{
	text-align: left;
	font-weight:bold;
}

#panier-livraison .choix {
	margin-bottom: 5px;
	background-color: #EFEFEF;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

/* Fake (pseudo) element, that enables vertical-align */
.choix:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  	padding-top:10px;
	padding-bottom:10px;

}

#panier-livraison .choix .l {
	display:inline-block;
	width: 5%;	
	margin-right:1%;
	margin-left:1%;
	vertical-align:middle;
		cursor:pointer;
}
#panier-livraison .choix .l2 {
	display:inline-block;
	width: 25%;	
	vertical-align:middle;
		cursor:pointer;

}

#panier-livraison .choix .c {
	display:inline-block;
	width: 60%;	
	margin-left:5%;
	vertical-align: middle;
		cursor:pointer;
		text-align:left;

}

#panier-livraison .choix .c .message_livraison {
	/*color: #900;
	background-color:#FF0;
	padding:2px;*/
	
	color: #468C00;
	font-size:12px;
}


#panier-livraison .choix .c .c1 {
}

#panier-livraison .choix .c .c2 {
}
#panier-livraison .choix .c .c2 .frais {
	font-size:10px;
}


#panier-livraison .choix .r {
	display:inline-block;
	margin-left: 5%;
	width: 10%;	
	vertical-align: middle;
	text-align:right;
}


@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	
#panier-livraison .choix .l {
	width: 10%;	
}

#panier-livraison .choix .l2 {
	width: 25%;	
}

#panier-livraison .choix .c {
	width: 45%;	
	font-size: 13px;
}

#panier-livraison .choix .c .c1 {
	float:left;
	width: 95%;	
}

#panier-livraison .choix .c .c2 {
	float:left;
	width: 95%;	
	font-size:12px;
}

#panier-livraison .choix .c .c2 .frais {
	font-size:10px;
	display:block;
	width:100%;
}

#panier-livraison .choix .r {
	display:block;
	margin-left:0%;
	margin-right:2%;
	width: 98%;	
	vertical-align: middle;
	margin-top:10px;
	text-align:right;
}
}


#panier-livraison .choix .c .plus_lien {
	text-decoration:underline;
	font-size:10px;
}

#panier-livraison .choix .c .plus {
	width:100%;
	margin-top:10px;
	font-style:italic;
	display:none;
	font-size:12px;
	line-height:14px;
}

.panier-commande-livraison [type="radio"]{
    opacity:0;
	display:none;
}

.panier-commande-livraison [type="radio"] + label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block;
    color:#666;
}

.panier-commande-livraison [type="radio"] + label::before{
    content:"";
    position:absolute;
    left:0;
    top:-18px;
    width:18px;
    height:18px;
    border-radius: 100%;
    border:2px solid #aaa;
    background:#fff;

}

.panier-commande-livraison [type="radio"]:checked + label::after{
    content:"";
    position:absolute;
    left:4px;
    top:-14px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#aaa;
    transform:scale(1);
    opacity:1;
    transition:all .3s ease;
}

.panier-commande-livraison [type="radio"]:not(:checked) + label::after{
    content:"";
    position:absolute;
    left:4px;
    top:-14px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#fff;
    transform:scale(0);
    opacity:0;
}


#top_relais {
overflow-y: scroll;
overflow-x: hidden;
height: 200px;
	background-color:#FAFAF5;
display:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.relais {
	line-height: 20px;	
	background-color:#FAFAF5;
	margin-bottom: 5px;
	padding: 5px;
}

.caddie-cs {
	margin-top: 200px;
	margin-bottom: 10px;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	box-shadow: 1px 1px 12px #555;
	padding-bottom: 10px;
}

.caddie-cs .produit-cross {
	margin-left: 5px;
	margin-right: 5px;
}

.cross-selling-titre {
	font-weight: bold;
	font-size: 15px;	
	padding: 15px;
	color: #CC3300;
}
#cross-selling {
	margin-left:35px;
	margin-right:35px;
}
#cross-selling #message {
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

#cross-selling #message a {
	color: #CC3300;	
}

/* PAGES */
h3 {
	color: #69F;
	font-size: 14px;
	background-color: #F0F0F0;	
	padding:5px;
}
.mode-paiement {
	margin-bottom:10px;	
}

.mode-paiement .logo-paiement {
	float: left;
	width:15%;
}

.mode-paiement .contenu-paiement {
	float: right;
	width:80%;
}

#prix-contenu {
	float: left;
	width: 590px;
	line-height: 20px;
}
#prix-image {
	float: left;
	margin-left: 20px;
	width: 350px;
}
.bold-rouge {
	font-weight: bold;
	font-size: 15px;
	color:#C00;	
	
}
.page-livraison {
	float: left;
	margin-right: 10px;
	width: 230px;
	background-color:#F5F5F5;
	padding: 5px;
	margin-bottom: 20px;
}
.page-livraison .titre {
	font-weight: bold;
	font-size: 14px;	
}

.page-livraison .logo {
	margin-top:5px;
}

.page-livraison .description {
	margin-top:5px;
}
.page-livraison .franco {
	margin-top:5px;
	color:#C30;
	font-weight:bold;
}

.page-livraison table {
	margin-top:5px;
}
.page-livraison table td {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
	height: 20px;
	line-height: 20px;
}

.page-livraison .frais-remise {
	text-decoration: line-through;
	font-size: 10px;
}

#page-livraison-message {
	margin-top: 10px;
	margin-bottom: 10px;	
	font-weight: bold;
	font-size: 17px;
	color: #C30;
}

#page-livraison-message #franco-conditions{
	margin-left: 5px;
	font-size: 12px;
	color: #333;
}

#livraison-image {
	width:90%;
	max-width:500px;
	height:auto;
}

#magasin-gauche {
	float: left;
	width:450px;
	height: auto;
	padding: 10px;
	background-color:#FBFBFB;
	text-align: left;
}

#magasin-gauche #adresse {
	line-height: 20px;
	font-size:16px;	
}

#magasin-gauche #adresse #titre {
	color:#80B931;
	font-weight: bold;	
	text-align: left;
}

#magasin-gauche #infos {
	line-height: 20px;
	font-size:13px;	
}
#magasin-gauche #infos .titre {
	color:#80B931;
	font-weight: bold;
}
#magasin-gauche #plan {
	margin-top: 10px;
	line-height: 20px;
	font-size:11px;	
	text-align: center;
}
#magasin-gauche #photos {
	margin-top: 10px;
	line-height: 20px;
	text-align: center;
}
#magasin-droite {
	float: right;
	width: 530px;
}
#magasin-droite #titre-m {
	color: #A6D513;
	clear:left;
	background-image: url(images/puceV.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:22px;
	font-size:16px;
	font-weight:bold;
	width: auto;
	height:20px;
	line-height:20px;
	text-align: left;
}

.guide-taille {
	float:left;
	margin-right:20px;	
	
}

#rq {
	margin:10px;	
}

/* TEMOIGNAGES */

#temoignages-header a {
	color:#0961E9;
	text-decoration:none;
	font-weight:bold;
	height:15px;
	line-height:15px;
}

#temoignages-header a:hover .txt {
	text-decoration:underline;
}

	.temoignage {
		clear:both;
		margin-bottom: 20px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #F4F4F4;
		padding-bottom: 5px;
	}
	.temoignage .nom{
		display: inline-block;
	}
	.temoignage .note_etoile {
		font-size:10px;
		display: inline-block;
	}
	.temoignage .note{
		font-size:12px;
		font-weight:bold;
		display: inline-block;
	}
	.temoignage .achat{
		font-size:12px;
		font-weight:bold;
		display: inline-block;
		color:#BE2D2D;
		margin-left:10px;
	}
	.temoignage .quote{
		clear:both;
		margin-top: 5px;
		float:left;
		width: 25px;
		margin-right : 10px;
	}
	.temoignage .contenu{
		margin-bottom:10px;
	}
	
	.temoignage .reponse{
		clear:both;
		margin-left: 35px;
		border: 1px solid #EBEBEB;
		padding: 10px;
		
	}


	.faq {
		margin-top: 10px;
		line-height: 20px;	
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #F4F4F4;
		padding-bottom: 10px;

	}
	
	.faq .titre_faq {
		font-weight: bold;	
	}
	
	.faq .question {
		margin-top: 5px;
	}
	
	.faq .reponse {
		margin-top: 10px;
		padding: 5px;
		background-color:#FBF7E3;
		margin-left:10px;
	}
	
	.faq .reponse .titre-r {
		color:#BE2D2D;	
	}

.plan-site a {
	margin-bottom:5px;
}

.plan-titre {
	margin-top:10px;
	font-weight:bold;	
}

#plan-gauche {
	float:left;
	width:48%;
}

#plan-droite {
	float:right;
	width:48%;	
}

@media (max-width: 469px)
{
	#plan-gauche {
		float:none;
		width:100%;
	}
	
	#plan-droite {
		float:none;
		width:100%;
	}
}


/* BLOG */
#droite .titre {
	font-weight:bold;
}

#droite ul {
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
	margin-bottom:30px;	
}

#droite ul li {
	margin-bottom:10px;	
}

.h1-blog {
	color : #AC1F21;
}

.h2-blog {
	color : #AC1F21;
}
.h2-blog a{
	color : #AC1F21;
	text-decoration:none;
}

article {
	margin-top: 30px;
	padding-bottom:20px;
	border-bottom-style: solid;
	border-bottom-color: #AC1F21;		
}

.publication {
	font-size: 12px;
}

article .article {
	margin-top:20px;
	line-height:30px;	
	height:auto;
}

.article-blog {
	line-height:30px;	
	height:auto;
}

.article-blog img {
	margin-top:15px;

}



article .lire {
	margin-top:20px;
}

article .lire a {
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:10px;
	background-color:#AC1F21;	
	color:#FFF;
	text-decoration:none;
}


.pagination-blog {
	margin-top:20px;
	text-align: center;
}

.pagination-blog a {
	text-decoration:none;	
}

.pagination-blog .p-select {
	display: inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	background-color: #333;
	color: #FFF;
	border: 1px solid #333;
	margin-left:5px;
	padding:2px;
}


.pagination-blog .p-n-select {
	display: inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	color: #333;
	border: 1px solid #333;
	margin-left:5px;
	padding:2px;
}



/* ESPACE CLIENT */
#commande-total {
	float:left;
	text-align: left;
	width: 300px;
	padding:5px;
	background-color:#FAFAF5;
	margin-top:15px;
	line-height: 20px;
}

.espace-client-livraison {
	font-size: 9px;	
}

/* ACCUEIL */
#h1-accueil {
	margin-top:5px;
	font-size:20px;
	text-align:center;
	height:auto;
}

#h2-accueil {
	margin-top:20px;
	font-size:18px;
	text-align:center;
	height:auto;
}

.bloc-home {
	width:21%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;	
}

#home-brands {
	
	
}

#home-brands img {
	float: left;
	width:30%;
	margin-right:3%;
	
}

#home-sliders {
	margin-top:20px;
	margin-bottom:10px;	
	padding-bottom:50px;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#home-brands {
		display:none;
	
}
	
	#home-sliders {
		display:none;
	}
}


#home-intro {
	margin-top:10px;
	width:75%;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#home-intro {
		width:100%;
	}
}


#home-supports {
	margin-top:20px;
	height:auto;
	text-align:center;
}

#home-supports .sld {
	width:calc(20% - 5px);
	display:inline-block;
	height:auto;
	margin:0;
	padding:0;
	margin-bottom:10px;
	text-align:center;
}

#home-supports img {
		max-width:240px;
}

#home-categories {
	margin-top:10px;
	text-align:center;
}

#home-categories img {
	width: 15%;
	margin-right:1%;
	max-width: 170px;
	height:auto;
	display:inline;
}

#home-content {
	margin-top:20px;	
}

#home-content #titre {
	font-size:25px;
	width: auto;
	min-height: 20px;
	height:auto;
	text-align: center;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-bottom: 20px;
	font-style: normal;
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
}

#home-text {
	margin-top:10px;	
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:20px;
}

#home-content #titre {
	font-size:20px;
	margin-bottom:10px;	
}

#home-favoris-title {
	font-size:25px;
	width: auto;
	min-height: 20px;
	height:auto;
	text-align: center;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-bottom: 20px;
	font-style: normal;
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
}

#home-historique-title {
	font-size:25px;
	width: auto;
	min-height: 20px;
	height:auto;
	text-align: center;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-top:20px;
	margin-bottom: 10px;
	font-style: normal;
	font-family:  'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
}

#home-historique {
	
}

		#home-blog {
			margin-top: 10px;
			 display: flex;
  			flex-wrap: wrap;
			    justify-content: center; /* Centrer les éléments horizontalement */
    align-items: top; /* Centrer les éléments verticalement, si nécessaire */
			box-sizing: border-box;
		}

		.home-article {
    flex: 0 0 calc(33.33% - 20px); /* 20px correspond à 10px de marge de chaque côté */
    margin: 10px;
			}
		  
		.home-article a {
			display: block;
			height: 100%;
			cursor: pointer;
			text-decoration:none;
		}
		
		.home-article .titre {
			font-size:20px;
			font-weight:bold;
		}
		
		.home-article .contenu_intro {
			margin-top:5px;
			font-size:15px;
			line-height:25px;	
		
		}
		
		.home-article .savoir {
			margin-top:7px;
			box-sizing: border-box;
			border: 1px solid #ccc;
			border-radius: 3px;
			overflow: hidden;
			border-color: #2A2A2A;
			color:#2A2A2A;
			text-transform:capitalize;
			padding:10px;
			display:inline-block;
		}
		.home-article .savoir:hover {
			background-color: #2A2A2A;
			color:#FFFFFF;
		}
		
		
	@media only screen and (max-width: 767px) {
		.home-article {
			flex: 0 0 calc(100% - 20px); /* Assure que la marge est incluse */
			margin: 10px 0; /* Marges seulement verticales pour mobile */
		}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		.home-article {
			flex: 0 0 calc(50% - 20px);
		}
	}

.favoris-home {
	float: left;
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;
	margin-top:15px;
	box-shadow: 8px 8px 12px #EBEBEB;
}

.favoris-home .nom-produit {
	margin-top:10px;
	height:30px;
	line-height:15px;
	font-size:12px;	
}

.favoris-home .nom-produit a {
	text-decoration:none;	
}


.favoris-home .prix {
	margin-top:5px;	
	font-size:14px;
	height:30px;
	color: #AC1F21;
}

.favoris-home .prix .remise {
	display: inline-block;
	line-height:20px;
	background-color:#AC1F21;
	color:#FFF;
	padding:2px;
}

.favoris-home .prix .prix-barre {
	display: inline-block;
	color: #333;
	text-decoration:line-through;
	line-height:20px;
	margin-left:10px;
}

.favoris-home .prix .prix-barre .euro {
	display: inline-block;
	margin-left:0px;
}

.favoris-home .prix .prix{
	display: inline-block;
	margin-left:10px;
	line-height:20px;
}

.favoris-home .prix .prix_p {
	padding:2px;
	display: inline-block;
		line-height:20px;

}

.favoris-home .prix .euro {
	display: inline;
	margin-left:3px;
	font-size:10px;
}

.favoris-home .promo {
	margin-top:5px;	
	font-size:12px;
	height:10px;
	margin-bottom:10px;	
	
}
.favoris-home .promo .date {
	color: #AC1F21;
	display:inline;
}

.favoris-home .promo .msg {
	display:inline;
	padding:4px;
}

.favoris-home .goto {
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	width: 75%;
	border: 0px;
	background-color: #618B3D;
	color: #FFF;
	font-size: 18px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
		letter-spacing:2px;

}
.favoris-home .goto a{
	color: #FFF;
	text-decoration:none;
}

.favoris-home .goto:hover {
	cursor:pointer;
	background-color:#74A749;
}




@media all and (max-width: 768px) {
	#home-sliders {
		float:none;
		width:100%;
		margin-right:auto;
		margin-left:auto;
	}
	
	#home-supports {
		display:none;
	}
	
	#home-supports img {
		width:45%;
		margin:2%;
		display:inline-block;
	}
	
	#home-categories img {
		width: 45%;
		margin-right:1%;
		height:auto;
		float:none;
		display:inline-block;

	}
}

#home-lien {
	text-align:center;	
	margin-top:20px;
	margin-bottom:20px;
}

#home-lien a {
	font-size:25px;
	color: #006699;	
	font-weight: bold;
}

#home-choisir {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;	
}

#home-choisir p {
	line-height:25px;
}

#home-choisir h3 {
	background-color:#FFFFFF;
	color:var(--h3-color);
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
}

#home-clients {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;	
}

/* CATEGORIE + PAGE DE CONTENU */
#categorie-header h3, #description_footer h3 , #contenu-footer h3 {
	padding:0;
	background-color:#FFFFFF;
	color:var(--h3-color);
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:20px;
}


/* MAGASIN */
#magasin-gauche  {
	float:left;
	width:45%;
}

#magasin-droite {
	float:right;
	width:45%;
	text-align:center;
}

#magasin-gauche img {
	margin-bottom:15px;
	width:100%;	
	height:auto;
}

#magasin-droite img {
	margin-top:10px;
	width:90%;	
	height:auto;
}

#magasin-droite #tel {
	color:#608B3C;
	font-weight:bold;
	text-align:center;
	display:inline;
}
#magasin-gauche #horaires {
	font-size:20px;
	line-height:25px;
	text-align:center;
	margin-bottom:15px;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#magasin-gauche  {
		margin-top:15px;
		float:none;
		width:95%;
		text-align:center;
	}
	
	#magasin-droite {
		float:none;
		width:95%;
	}

}



/* BOX CADDIE */
#box_caddie 
{
  	display: none;
 	position: fixed;
	top: 50%; /* poussé de la moitié de hauteur du référent */
	-webkit-transform: translate3d(-50%,-50%,0);
  	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translate(-50%, -50%);
  	left: 50%;
 	width: 50%;
  	min-width:1000px;
  height: auto;
  padding: 0;
  /*margin-left:-25%;*/
  background-color: white;
  z-index:2000;
  overflow: auto;
  	border-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
}



#box_caddie #image {
	float: left;
	margin-left:10px;
	margin-top:10px;
	width:20%;
}

#box_caddie #image img {
	width:100%;
}

#box_caddie #croix-f {
	float: right;
	margin-right:10px;
	margin-top:10px;
	cursor: pointer;
}

#box_caddie #titre {
	float: right;
	font-size: 25px;
	font-weight:bold;
	color:#669933;
	margin-top:20px;
	width: 75%;
		text-align: center;

}


#box_caddie #categorie_cross:not(:empty) {
	font-size: 20px;
	color:#AC1F21;
	padding-top:20px;
	text-align: center;
	width:100%;
}
#box_caddie #categorie_cross a {
	color:#AC1F21;
}
#box_caddie #produit {
	float: left;
	font-size: 25px;
	font-weight:bold;
	color: #333;
		text-align: center;

	margin-top:10px;
	width: 75%;
}

#box_caddie #actions {
	float: left;
	font-size: 25px;
	font-weight:bold;
	color: #333;
	margin-top:10px;
	width: 75%;
	text-align: center;
}

#box_caddie #actions #rester {
	float:left;
	width:50%;	
	cursor: pointer;
}

#box_caddie #actions #action {
	float:left;
	width: 50%;	cursor: pointer;
}

@media all and (max-width: 1000px) {
	#box_caddie 
	{
		min-width:0px;
		width: 90%;
		font-size:13px;
	}
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	
	#box_caddie #titre {
		font-size: 25px;
		margin-top:5px;
		width: 100%;
	}

	#box_caddie #produit {
		font-size: 25px;
		margin-top:10px;
		width: 100%;
	}
	
	#box_caddie #image {
		display: none;
	}
	
	#box_caddie #actions {
		width: 100%;
	}
	
	#box_caddie #actions #rester {
		width: 100%;
	}
	
	#box_caddie #actions #action {
		margin-top:10px;
		width: 100%;
		text-align:center;
		margin-bottom:10px;
	}

}

/* BOX CONTACT */
#box_contact
{
	display: none;
  	position: fixed;
	top: 50%; /* poussé de la moitié de hauteur du référent */
 	-webkit-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate(-50%, -50%);

  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  	width: 50%;
 	 height: auto;
  	padding: 0;
  	background-color: white;
  	overflow: auto;
	padding:10px;
	text-align:center;
  	border-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	

}

@media all and (max-width: 1000px) {
	#box_contact 
	{
		min-width:0px;
		width: 90%;
		font-size:13px;
		height:95%;
	}
}


#box_contact #croix {
	float: right;
	cursor: pointer;
}


#box_contact #message_information  {
	margin-top:10px;
	color: #C00;	
}

#box_contact .bloc {
	margin-bottom:20px;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#box_contact .bloc-logo {
		display:none;
	}
}

#box_contact .title {
	font-size:23px;

}

#box_contact .tel {
	font-size:20px;
	color: #468C00;
}

#box_contact .horaire {
	font-size:14px;
	margin-left:10px;
	margin-top:5px;
}

#box_contact .feedback-input {
	color: #3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-top: 10px;
	width: 50%;
	min-width:300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #CCC;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#box_contact .feedback-input {
		font-size: 16px;
	}
}

#box_contact .feedback-input:focus{
	box-shadow: 0;
	border: 3px solid #3498db;
	outline: none;
  	padding: 13px 13px 13px 54px;
}

#box_contact .focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

#box_contact textarea {
    width: 50%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

#box_contact #objet {
	background-image: url(images/contact-icon-objet.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#box_contact #email {
	background-image: url(images/contact-icon-email.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#box_contact #comment {
	background-image: url(images/contact-icon-message.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#box_contact #button-blue{
	width: 50%;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid #3498db;
	cursor:pointer;
	background-color: #3498db;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	  -webkit-appearance: none;
  border-radius: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:10px;
  font-weight:700;

}

#box_contact #button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
#box_contact .submit:hover {
	color: #3498db;
}
#box_contact #reponse {
	color:#C00;	
}

/* BOX GARANTIE 5 ANS */
#box_g5ans
{
	display: none;
  	position: fixed;
	top: 50%; /* poussé de la moitié de hauteur du référent */
 	-webkit-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate(-50%, -50%);

  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  	width: 50%;
 	 height: auto;
	 max-height:90%;
  	padding: 0;
  	background-color: white;
  	z-index:2000;
  	overflow: auto;
	padding:10px;
	text-align:center;
  	border-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	

}

@media all and (max-width: 1000px) {
	#box_g5ans 
	{
		min-width:0px;
		width: 90%;
		font-size:13px;
		height:95%;
	}
}


#box_g5ans #croix {
	float: right;
	cursor: pointer;
}

#box_g5ans .titre {
	margin-top:15px;
	font-size:18px;
	font-weight:bold;	
}

#box_g5ans .titre-rouge {
	margin-top:15px;
	font-size:18px;
	font-weight:bold;	
	color: #B20000;
}


#box_g5ans .texte {
	margin-top:10px;
	line-height:25px;
}

#box_5ans strong {
}

#box_g5ans #produit {
	margin-top:15px;
	font-size:18px;
	font-weight:bold;	
	color: #B20000;
}

.link_g5ans {
	font-size:11px;	
}

/* SHADOWING */
#shadowing, #shadowing_categorie_produit, #shadowing_contact, #shadowing_g5ans {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index:1500;
  opacity:0.4;
  filter: alpha(opacity=40);
}


#croix {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	right:0px;
	top:0px;
}

/* VIDEO YOUTUBE */
.wrapper {
    max-width: 680px;
    margin: 60px auto;
    padding: 0 20px;
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


/* SITE */


#site-livraison-noel {
	height:50px;
	text-align:center;
	background-color: #000;	
}

#site-livraison-noel-croix {
	float:right;
		cursor:pointer;

}

@media all and (max-width: 468px) {
#site-livraison-noel #croix {
	display:none;
}
#site-livraison-noel {
	display:none;
}
}

/* FILTRE MOBILE */
#attributs-mobile {
	position: fixed;
	top: 0;
	left:0;
  	width: 100%;
 	height: 100%;
  	padding: 0;
  	background-color: #FFFFFF;
  	z-index:10000;
  	overflow-y: scroll;
	padding:10px;
}

.filtres-mobile
{
	visibility: visible;
}

.no-filtres-mobile {
	visibility: hidden;
	background-color: #FF0;	
}

.filtrer {
	display: none;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait) {
	.filtrer_visible {
		display: block;
		float:right;
		text-align: center;
		margin-right:10px;
	}
	
	.filtrer a {
		display: block;
		padding: 5px;
		padding-left: 10px;
		padding-right:10px;
		background-color:#333;
		color: #FFF;	
		text-decoration: none;
	}
}


#attributs-mobile .attribut {
	margin-left:10px;
	margin-bottom: 5px;
	min-height: 10px;
	height: auto;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}

#attributs-mobile .attribut .contenu {
	height: auto;
}

#attributs-mobile .attribut .contenu .ligne {
		font-size: 15px;
	clear:both;
	line-height:20px;
	margin-bottom: 5px;

}


#attributs-mobile .attribut .contenu-overflow {
	overflow:auto;
	width:auto;
	min-height: 80px;
	height: auto;
}

#attributs-mobile .attribut .contenu .check {
	text-decoration:none;
	height: 20px;
	line-height:20px;
	float:left;
	cursor:pointer;
	margin-right:5px;
}

#attributs-mobile .attribut .ligne_color {
}

#attributs-mobile .attribut .ligne_color .check_color {
	text-decoration: none;
	height: 25px;
	width: 25px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 2px solid #CCCCCC;
}

#bt-filtres-mobile {
	text-align: center;	
	background-color:#FFF;
	position:fixed;
	bottom:0;
	margin:0;
	left:0;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bt-annuler {
	line-height: 20px;
	color: #666;
	font-size: 15px;
	border: 2px solid #CCC;
	padding:10px;
	cursor: pointer;
	font-weight:bold;
	-webkit-appearance: none;
	background-color: #CCC;
	text-transform:capitalize;
	width:40%;
}

.bt-filtrer {
	line-height: 20px;
	color: #FFF;
	font-size: 15px;
	border: 2px solid #59B200;
	padding:10px;
	cursor: pointer;
	font-weight:bold;
	-webkit-appearance: none;
	background-color: #59B200;
	text-transform:capitalize;
	width: 40%;
}

/* PAGE CONTENT */
#page-support-header {
	line-height: 20px;	
}
#page-support-footer {
	margin-top:10px;
	line-height: 20px;	
}


/* CONTACT */
.form_label {
	clear: both;
  	/*overflow: hidden;*/
  	margin-bottom:5px;	
}

.form_label label {
	width: 20%;
  	float: left;
  	text-align: right;
}
.form_label div {
  width: 79%;
  float: left;
}


	.button_contact {
		border:0px;
		background-color: #618B3D;
		color:#FFF;
		padding:10px;
		font-size:15px;
		margin-top:10px;
		height:30px;
		height:auto;
		line-height:30px;
		text-transform:uppercase;
		display:inline-block;
		/*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); */
		margin-bottom:10px;
		-webkit-appearance: none;
		border-radius: 0;
	}



@media (max-width: 600px) {
  	.form_label {
  		margin-bottom:15px;	
	}

  
  .form_label label {
	width: 100%;
	float: none;
	text-align: left;
  }
	.form_label div {
    width: 100%;
    float: none;
	margin:0;
	text-align: left;
  }
  
  .form_label input[type=text],
  .form_label input[type=email],
 .form_label input[type=url],
 .form_label input[type=password],
  .form_labeltextarea,
  .form_labelselect {
    width: 95%; 
  }
  
  .form_label input[type=text],
  .form_label input[type=email],
 .form_label  input[type=url],
  .form_label input[type=password],
 .form_label select {
	height:20px;
  }
  
}

/* CODE PROMO */
#header-code-promo {
	background-color:#AC1F21;
	color: #FFF;
	
	min-height:35px;
	line-height:35px;
	height:auto;
	display: none;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	position:fixed;
	z-index:1400;
	top:0;
	font-size: 14px;
	padding:5px;
	padding-right:30px;
	transition: top 0.5s ease; /* Animation sur la propriété top */
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait)
{
	#header-code-promo {
		font-size: 12px;
				min-height:20px;
		line-height:20px;
		font-size: 12px;
		padding:10px;
			padding-right:30px;

	}
}


#header-code-promo #appliquer {
	display: inline-block;
	margin-left:10px;
	background-color: #FFFFFF;
	cursor:pointer;
	color:#AC1F21;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: middle;
	 white-space: nowrap;
	 height:26px;
	 line-height:26px;
}

#header-code-promo  #close-btn {
    font-size:25px;
	position: absolute;
	right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    line-height: 1; /* Assurez-vous que la hauteur de ligne est standard */
}

#produit-code-promo {
	/*color: #669933;*/
	text-align:center;
	color:#2B2B2B;
	font-size: 12px;
	line-height:15px;
    flex-basis: 100%; /* Force l'élément à occuper une ligne entière */
    width: 80%; /* S'assure que l'élément prend toute la largeur disponible */
	padding-left:10%;
	padding-right:10%;
	    box-sizing: border-box; /* Inclut le padding dans la largeur */

}
#produit-code-promo-desktop {
	/*color: #669933;*/
	text-align:left;
	color:#2B2B2B;
	font-size: 12px;
	line-height:15px;
    flex-basis: 100%; /* Force l'élément à occuper une ligne entière */
    width: 80%; /* S'assure que l'élément prend toute la largeur disponible */
	box-sizing: border-box; /* Inclut le padding dans la largeur */
}

#produit-code-promo #appliquer, #produit-code-promo-desktop #appliquer {
	margin-top:5px;
	display:inline-block;
	background-color:#AC1F21;
	cursor:pointer;
	color: #FFFFFF;
	padding:5px;
}

/* NEW DESIGN */
body {
    font-family: 'Nunito Sans', Arial, sans-serif;
	font-size: 16px;

}

:root {
	--max-width-header:100%;
	--max-width-footer:100%;
	--max-width-content:1400px;
	--price-color: #8C0000;
	--border-champ-color: #A2A2A2;
	--border-champ-color-focus: #4B4B4B;
	--error-form:#CC3300;
	--filtres-color: #F30004;
	--bt-action-color:#618B3D;
	--bt-action-color-hover:#5C843A;
	--avis-client-color: #0961E9;
	--produit-benefices-color: #C18718;
	--color-deals:#C0090C;
}

/* CLASS LARGEUR */

.v2-width {
    width: 100%;
    max-width: var(--max-width-header);
    margin: 0 auto; /* Centre le contenu horizontalement */
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	height:100%;
}


h1, h2, #h1-produit, #h1-categorie {
	font-family:  'Nunito Sans', Arial, sans-serif;
}

#h1-categorie, #h1-blog, #h1-support {
	font-size:25px;
	width: 100%;
	min-height: 25px;
	height:auto;
	line-height:25px;
	text-align: center;
	border-bottom-style: none;
	margin:0;
	padding: 0;
	margin-bottom: 20px;
	background-color:#ffffff;
	font-weight:bold;
	text-align:center;
	
}

#h1-center {
	font-family:  'Nunito Sans', Arial, sans-serif;
	font-size:35px;
	text-align:center;
    font-weight: bold; /* Renforce l'impact visuel */
	margin-bottom:30px;
}

/* Classe pour désactiver le scroll */
.no-scroll {
    /*position: fixed;*/
    /*overflow-y: scroll; /* Garde la barre de défilement verticale visible  */
	overflow: hidden; /* Désactive le défilement */
    width: 100%;
    height: 100%;
	pointer-events: none; /* Désactive l'interaction avec le contenu */
}

.no-scroll-fixed {
    position: fixed;
    overflow-y: scroll; /* Garde la barre de défilement verticale visible  */
    width: 100%;
    height: 100%;
	pointer-events: none; /* Désactive l'interaction avec le contenu */
}


#conteneur {
	background-color:#FFF;
	width: 100%;
	padding-left:20px;
	padding-right:20px;
	max-width:none;
 	box-sizing: border-box;
	min-height: 500px;
	height: auto;
	padding-top:15px;
}

	/* BACKGROUND V2 */
	#conteneur {
		background-color: #F8F9FB;	
	}
	
	#conteneur:has(#produit-v2), #conteneur:has(.caddie-v2), #conteneur:has(.commande-2-v2), #conteneur:has(.commande-3-v2){
		background-color:#fff;	
	}


#conteneur .v2-width {
	display:block;	
	max-width: var(--max-width-content);
}

#back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #CDCDCD; /* Couleur de fond gris foncé pour plus de contraste */
	border-radius: 50%; /* Forme ronde */
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Ombre subtile pour un effet 3D */
	display: none; /* Masqué par défaut */
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 1000;
	transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#back-to-top::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-left: 3px solid white;
    border-bottom: 3px solid white;
    transform: rotate(135deg);
    margin-top: 19px; /* Ajuste la position verticale */
	margin-left: 16px;
}

#back-to-top:hover {
	background-color: #C0C0C0; /* Assombrir légèrement au survol pour plus de contraste */
	transform: scale(1.1); /* Agrandir légèrement au survol */
}

@media all and (min-width: 600px) {
	#back-to-top {
		display:none;
	}
}

.alert-green {
	color:green;	
}

.alert-red {
	color:red;	
}

.alert-green:not(:empty), .alert-red:not(:empty) {
	margin-bottom:10px;	
}

#arbo {
	font-size: 14px;
	padding-bottom:0px;
	min-height:5px;
	margin:0;
	margin-bottom:10px;
	display:block;
	text-align:center;
}

#produit-v2 #arbo {
	display:inline-block;
	text-align:left;	
}

#arbo .link a {
	text-decoration:none;	
}

#arbo .link a:hover {
	text-decoration:underline;	
}


@media all and (max-width: 600px) {
	#produit-v2 #arbo {
		display:block;
		text-align:center;
		color: #999;
		font-size:12px;

	}
	
	#produit-v2  #arbo .link a {
		color: #999;
	}
	
}

#centre-page {
	max-width: 100%;
}

#page-support-v2 {
	padding-bottom:20px;	
}

#page-support-v2 #page-support-v2-contenu {
	width:100%;
    max-width: 800px; /* Largeur maximum pour le contenu */
    margin: 0 auto; /* Centrer le contenu */
    font-size: 18px; /* Taille de police du texte */
    line-height: 1.6; /* Espacement entre les lignes */
    padding: 20px; /* Marges intérieures */
    color: #333; /* Couleur du texte pour une bonne lisibilité */
	box-sizing:border-box;
}

/* HEADER V2 */
#header-2 {
	pointer-events: auto; /* Autorise les interactions */
	background: linear-gradient(135deg, #231F20, #434343);
	width: 100%;
	padding-left:20px;
	padding-right:20px;
	max-width: none;
 	box-sizing: border-box;
	display: flex;
    align-items: center;
	align-items: stretch; 
	padding-top:10px;
	padding-bottom:10px;
	flex-direction: row; /* Défaut: disposition en ligne */
	flex-wrap: wrap;
}

@media all and (max-width: 800px) {
    #header-2.header-2-fixed {
        position: fixed; /* Rend le header fixe en haut de la page */
        top: 0; /* Place le header en haut */
        left: 0;
        width: 100%; /* S'assure que le header occupe toute la largeur */
        z-index: 950; /* Assure que le header reste au-dessus des autres éléments */
        border-bottom: none; /* Supprime la bordure existante */
        background-color: #fff; /* Ajoute un fond pour éviter la transparence */
    	
	}
	
	.header-2-fixed-shadow {
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Exemple d'ombre douce */
		transition: box-shadow 0.3s ease; /* Animation pour un effet fluide */
	}
}

#header-2 #fin_promo_header {
	padding:0px;
	margin:0px;
	background-color:#FFF;
	color: #AC1F21;
	text-align: center;
	width:100%;
	z-index:450;
	top:10px;
	left:0;
	font-size:13px;
	display: none;
	position: absolute;
	box-sizing:border-box;
}


#header-2-pre {
    flex-grow: 1;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 13px; /* Ajustez la taille de la police si nécessaire */
    flex-wrap: wrap; /* Pour s'assurer que le contenu ne déborde pas */
}

#header-2-pre .support {
    display: flex; /* Aligne les éléments de .support en ligne */
    align-items: center; /* Centre verticalement les éléments */
	justify-content: space-between; /* Sépare les éléments à gauche et .slogan à droite */
    flex-wrap: wrap; /* Pour s'assurer que le contenu ne déborde pas */
    gap: 8px; /* Ajuste l'espacement entre les éléments */
}

#header-2-pre .support .prix {
	color: var(--price-color);
}

#header-2-pre a {
    text-decoration: none; /* Pour enlever le soulignement des liens */
    color: inherit; /* Garder la couleur du texte */
}

#header-2-pre a:hover {
    text-decoration: underline; /* Pour ajouter le soulignement des liens au survol */
}

#header-2-pre .slogan {
    margin-left: auto; /* Pousse la .slogan à droite */
}

#header-2-pre .slogan-desktop {
    margin-left: auto; /* Pousse la .slogan à droite */
}

#header-2-pre .slogan-desktop img {
    max-width: 100%;
    height: auto; /* Maintient les proportions */
}

@media all and (max-width: 1000px) {
    #header-2-pre {
        justify-content: center; /* Centre la slogan quand les autres éléments sont cachés */
    }

    #header-2-pre .support  {
        display: none !important; /* Utilise !important pour s'assurer que les éléments sont bien cachés */
    }

    #header-2-pre .slogan {
        display: block; /* Assure que la slogan reste visible */
        margin-left: 0; /* Retire la marge gauche pour centrer la slogan */
        text-align: center; /* Centre le texte si nécessaire */
		width:100%;
    }
}



#header-2-mobile-menu {
	display:none;	
}

#header-2-left {
	display: flex;
	align-items: center;
	justify-content: flex-start; /* Aligns content to the left */
 	box-sizing: border-box;
	padding-top:10px;
	padding-bottom:10px;
}

#header-2-left a {
	display: flex; /* Applique flex sur l'élément parent de l'image */
	align-items: center; /* Centre l'image verticalement */
}

#header-2-left a img {
	margin-right:auto;
    width: auto;         /* Ne change pas la largeur de l'image */
    height: auto;        /* Ne change pas la hauteur de l'image */
    max-width: 250px;     /* Limite la largeur à 100% de la taille naturelle de l'image */
    max-height: 60px;    /* Limite la hauteur à 100% de la taille naturelle de l'image */
    object-fit: contain;    /* Empêche l'image de se redimensionner ou de s'étirer */
}

@media all and (max-width: 600px) {
	#header-2-left {
		padding:0px;
	}
	
	#header-2-left a img {
		max-width: 100%;     /* Limite la largeur à 100% de la taille naturelle de l'image */
		max-height: 40px;    /* Limite la hauteur à 100% de la taille naturelle de l'image */
	}

}

#header-2-center {
	display: flex;
	align-items: center;
	justify-content: center; /* Centers content horizontally within the section */
	flex-grow: 1; /* This allows the search container to take up the remaining space */
	margin-left: 20px;
	margin-right: 20px;
	flex-basis: 0; /* Permet de prendre la place restante correctement */
}

#header-2-center.moved {
	margin-top:-10px;
	margin-bottom:10px;
	 z-index: 999;	
}

#header-2-right {
	display: flex;
	align-items: center;
	justify-content: flex-end; /* Aligns content to the right */
}



#header-2 img {
	height:60px;
	width:auto;
}
#mobile-menu-button {
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 0;
}

#mobile-menu-button .menu-icon {
    width: 100%;
    height: auto;
}


#header-2-desktop {
	pointer-events: auto; /* Autorise les interactions */
	display: flex;
	align-items: center;
	width: 100%;
	height:44px;
	padding-left:20px;
	padding-right:20px;
	
	 background-color: #FDFDFD; /* très clair, quasi blanc */
  border-bottom: 1px solid #DDE1E7; /* gris bleuté léger */

	box-sizing: border-box;
	color:#222222;
}

#header-2-desktop .v2-width {
    flex-wrap: nowrap;
}


#header-2-desktop #header-2-desktop-menu {
    display: flex;
    align-items: center;
	flex-shrink: 0; /* Empêche ce conteneur de rétrécir */
}

#header-2-desktop .menu-button {
	width: 24px;
	height: 24px;
	position: relative;
	background: none;
	border: none;
	cursor: pointer;
}

#header-2-desktop .menu-button .bar {
	width: 24px;
	height: 3px;
	background-color: #222222;
	position: absolute;
	left: 0;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}

#header-2-desktop .menu-button .bar:nth-of-type(1) {
	top: 2px;
}

#header-2-desktop .menu-button .bar:nth-of-type(2) {
	top: 10px;
}

#header-2-desktop .menu-button .bar:nth-of-type(3) {
	top: 18px;
}

#header-2-desktop .menu-button.open .bar:nth-of-type(1) {
	transform: translateY(8px) rotate(45deg);
}

#header-2-desktop .menu-button.open .bar:nth-of-type(2) {
	opacity: 0;
}

#header-2-desktop .menu-button.open .bar:nth-of-type(3) {
	transform: translateY(-8px) rotate(-45deg);
}



#header-2-desktop  #all {
	display: inline-block;
	margin-left:10px;	
	height:24px;
	line-height:24px;
	text-transform: uppercase;
	cursor:pointer;
	transition: color 0.3s ease-in-out; /* Ajoute une transition pour la couleur */
}

#header-2-desktop #all:hover {
  color: #000000; /* Change la couleur au survol, ajustez selon vos besoins */
}

#desktop-menu {
	pointer-events: auto; /* Autorise les interactions */
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    overflow: hidden;
    height: 500px;
    z-index: 2001;
}

#desktop-menu-overlay {
	pointer-events: auto; /* Autorise les interactions */
    position: fixed; /* Changer à fixed pour couvrir tout l'écran */
    left: 0;
    width: 100%;
    height: 100%; /* Ajuste la hauteur pour remplir le reste de l'écran */
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
	z-index: 2000;
}

#desktop-menu #desktop-menu-content {
	padding:20px;
	display: flex; /* Utilise Flexbox pour aligner les éléments */
    justify-content: space-between; /* Assure que les deux divs sont espacés */
    box-sizing: border-box; /* Pour inclure le padding dans la largeur */
	gap:20px;
	align-items: flex-start; 
}

#desktop-menu #desktop-menu-content .categorie-titre {
	width: 100%; /* Occupe toute la largeur */
	font-weight:bold;
	font-size:18px;
}

#desktop-menu #desktop-menu-content .categories {
    flex-grow: 1; /* Prend tout l'espace restant */
	gap:10px;
	display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
	overflow-y: auto;
	max-height: 460px; /* 500px (menu) - 20px (padding top) - 20px (padding bottom) */
}


#desktop-menu #desktop-menu-content .articles {
    width: 350px; /* Largeur fixe de 200px pour la div des produits */
	margin-left:30px;
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto;
    box-sizing: border-box;
	justify-content: flex-start; /* Aligne tous les éléments à gauche */
	padding-bottom:40px;
	align-items: flex-start;
	flex-shrink: 0;
}

#desktop-menu #desktop-menu-content .categories .categorie {
    display: flex;
    align-items: center; /* Aligne verticalement l'image et le texte */
    flex-basis: calc(25% - 20px); /* 4 colonnes par ligne */
    margin-bottom: 10px;
    box-sizing: border-box;
	height:60px;
}


#desktop-menu #desktop-menu-content .categories .categorie img {
	width: 50px;
	height: 50px;
	border-radius: 50%; /* Image ronde */
	margin-right: 15px; /* Augmente légèrement la marge */
	border: 1px solid #E5E5E5;
	    flex-shrink: 0; /* Empêche l'image de se réduire */
}

#desktop-menu #desktop-menu-content .categories .categorie a {
    text-decoration: none;
    color: #222; /* Couleur plus douce que #000 mais plus marquée que #333 */
    font-size: 16px; /* Légèrement plus grand pour plus de lisibilité */
    font-weight: 500; /* Donne un peu de structure sans être trop gras */
    flex-grow: 1;
    display: flex;
    align-items: center;
    white-space: normal;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.6;
    padding: 10px 15px; /* Aère un peu autour du texte */
    border-radius: 8px; /* Coins arrondis modernes */
    transition: background-color 0.3s, color 0.3s; /* Animation douce */
}

#desktop-menu #desktop-menu-content .categories .categorie a:hover {
    background-color: #f0f0f0; /* Effet au survol moderne */
    color: #000; /* Accentuation du texte au survol */
}


@media all and (max-width: 1300px) {
	#desktop-menu #desktop-menu-content .categories .categorie {
		flex-basis: calc((100%/3) - 20px); 
	}
}


@media all and (max-width: 1000px) {
	#desktop-menu #desktop-menu-content .categories .categorie {
		flex-basis: calc(50% - 20px); 
	}
}

@media all and (max-width: 600px) {
	#desktop-menu #desktop-menu-content .categories .categorie {
		flex-basis: 100%; 
	}
}

#desktop-menu #desktop-menu-content .articles .blog-list-container {
	padding-bottom:20px;
}

#desktop-menu #desktop-menu-content .articles .blog-list-container article {
	margin: 0px;
	padding:0px;
	border:none;	
	box-sizing:border-box;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article {
	padding:0;
    background-color: #fff;
	color: #2F2F2F;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px #ccc;
    width: 100%; /* 3 articles par ligne */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
	box-sizing:border-box;
	gap:0px;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .image {
    width: calc(100% + 20px);
    height: 150px;
	box-sizing:border-box;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajuste l'image pour qu'elle prenne tout l'espace disponible */
	display: block;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .content {
	box-sizing:border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .content > * {
    margin: 0; /* Supprime les marges par défaut des enfants */
    padding: 0; /* Supprime les paddings par défaut des enfants */
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .content > * + * {
    margin-top: 10px; /* Ajoute un espacement entre les éléments seulement si nécessaire */
}


#desktop-menu #desktop-menu-content .articles .blog-list-article header {
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
}

#desktop-menu #desktop-menu-content .articles .blog-list-article header .title {
    font-size: 18px;
	line-height:18px;
    margin: 0;
    padding:0;
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
	font-weight:bold;
	height:auto;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article header .title a {
	text-decoration:none;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .article {
	margin-top:5px;
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    max-height: 60px; /* Limite à 3 lignes (60px pour 3 lignes de 20px) */
    overflow: hidden; /* Masque le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute des points de suspension (...) */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limite à 3 lignes */
    -webkit-box-orient: vertical;
}

#desktop-menu #desktop-menu-content .articles .blog-list-article .lire a {
	padding:10px;
	box-sizing:border-box;
    font-weight: bold;
    color: #ffffff;
	background-color:#252525;
    text-decoration: none;
	border-radius:20px;
	height:30px;
}

#desktop-menu #desktop-menu-content .articles a.blog-link {
	text-align:right;
	text-decoration:none;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 15" fill="none"%3E%3Cpath d="M2 2L7 7.5L2 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: right center; /* Place le SVG à droite */
    padding-right: 15px; /* Espace pour la flèche */
    margin-left: auto; /* Pousse le lien vers la droite */
    display: block;
}


#desktop-menu #desktop-menu-close {
	position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 40px;
    cursor: pointer;
}

@keyframes slide-down {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#header-2-desktop #header-2-desktop-menu-fixe {
	margin-left:20px;
	height:100%;
	flex-grow: 1;
	display: flex;
	align-items: center; /* Aligne le contenu verticalement au centre */
	text-align: left; /* Ajuste selon vos besoins */
    border-left: 1px solid #DBDBDB; /* Ajoute une barre noire à gauche */
	padding-left: 20px; /* Ajoute un espacement à gauche pour ne pas coller à la barre */
	color:#777777;
	overflow-x: auto; /* Active le défilement horizontal */
	white-space: nowrap; /* Empêche les items de passer à la ligne */
	scrollbar-width: none;  /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

/* Masque la barre de défilement tout en permettant le défilement */
#header-2-desktop #header-2-desktop-menu-fixe::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.scroll-arrow {
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#777777;
	
}

.scroll-arrow-right {
    right: 0px;
}

.scroll-arrow-left {
	left:0px;
	width:20px;
	background-color:#F6F6F6;
}

#header-2-desktop #header-2-desktop-menu-fixe .item {
    display: flex;
    align-items: center;
	justify-content: center;  /* Centre horizontalement */
    padding: 0 10px;
    height: 100%;
    box-sizing: border-box;
    flex-grow: 1; /* Chaque item grandit pour remplir l'espace */
    max-width: 100%; /* Empêche les items de dépasser */
    text-align: center;
	text-transform:uppercase;
}
/* Style pour les liens */
#header-2-desktop #header-2-desktop-menu-fixe .item a {
	text-decoration: none; /* Supprime le soulignement par défaut */
	color: inherit; /* Utilise la couleur héritée du parent */
	transition: color 0.3s ease-in-out;
	    cursor: pointer;

}

#header-2-desktop #header-2-desktop-menu-fixe .item a:hover {
	color: #222222; /* Change la couleur au survol, ajustez selon vos besoins */
}

#header-2-desktop #header-2-desktop-menu-fixe .item.deals a {
	color: var(--color-deals);
}

	/* MENU PRODUITS */
	#header-2-desktop.menu-categories {
		margin-top:10px;
	}
	
	#header-2-desktop.menu-categories #header-2-desktop-menu-fixe {
		margin-left:0px;
		border-left:none; 
		padding-left: 0px;
	}
	
	
	#header-2-desktop.menu-categories #header-2-desktop-menu-fixe .item {
		padding: 0 30px; /* Ajoute un padding de 20px à gauche et à droite */
	}
	
	#header-2-desktop.menu-categories #header-2-desktop-menu-fixe .item a {
		font-weight:bold;
	}

	#header-2-desktop #header-2-desktop-menu-fixe .item.selected {
		background-color: #222222;
	}
	
	#header-2-desktop #header-2-desktop-menu-fixe .item.selected a{
		color: #FFFFFF;
	}
	
#header-2-desktop #header-2-desktop-menu-fixe .item.blackfriday,
#header-2-desktop #header-2-desktop-menu-fixe .item.blackfriday a,
#header-2-desktop #header-2-desktop-menu-fixe .item.blackfriday.selected,
#header-2-desktop #header-2-desktop-menu-fixe .item.blackfriday.selected a {
    color: #FFFF00 !important;
    background-color: #000000 !important;
}


.cursor-grab {
    cursor: grab;
    cursor: -webkit-grab;
}

.cursor-grabbing, .cursor-grabbing * {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
}

.noselect {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

@media all and (max-width: 800px) {
	
    #header-2 {
		flex-direction: row; /* Keep row direction */
		 gap: 0;
    }
	
	#header-2-desktop {
		display:none;
	}

	#header-2-mobile-menu {
        display: flex; /* Afficher le menu mobile */
		align-items: center;
        order: 1; /* Assurer que le menu est toujours premier */
        width:30px; /* Permettre de grandir et rétrécir */
		margin-right:10px;
		color: #F8F8F8;
    }

    #header-2-left {
        order: 2; /* Placer left et right en premier */
		width:calc(50% - 20px);
		margin:0;
    }
	
	#header-2-right {
        order: 3;
		width:calc(50% - 20px);
		min-width: 0px;
		justify-content: flex-end;
		margin:0;
		padding:0;
    }

		
	#header-2 img {
		height:40px;
	}

    #header-2-center {
        order: 4; /* Placer le centre en dernier */
        width: 100%; /* Occuper toute la largeur */
        margin: 0;
		margin-top:10px;

    }

}

#header-2-center form {
    display: flex;
    width: 100%; /* Assurer que le formulaire prend toute la largeur disponible */
    max-width: 800px; /* Limiter à 500px */
}

#header-2-center .search-container {
	display: flex;
	align-items: center;
    flex: 1 1 0; /* Utilise flex-grow, flex-shrink et flex-basis pour prendre toute la largeur disponible */
    max-width: 800px; /* Limite à 500px */	
	background-color: #FFF;
	border-radius: 50px;
	z-index: 501; /* 2001 */
	border: 2px solid transparent; /* Bordure initiale invisible */
    border-radius: 50px; /* Coins arrondis */
    transition: border-color 0.3s ease-in-out; /* Effet fluide pour la bordure */
	pointer-events: auto !important;
}

#header-2-center .search-container:hover {
	border-color: #CFD0D0; /* Couleur intermédiaire au survol */
}

#header-2-center .search-container:focus-within {
    border-color: #5A8DEE; /* Change la bordure du conteneur si un élément interne a le focus */
}


#header-2-center .search-input {
	font-family: 'Nunito Sans', sans-serif;
	flex: 1;
	border: none;
	padding: 10px;
	border-radius: 20px 0 0 20px;
	outline: none;
	display: flex;
	font-size:16px;
}

#header-2-center .search-button {
	background-color:#BDBDAE;
	border: none;
	padding: 5px;
	border-radius:50%;
	display: flex;
	cursor:pointer;
	justify-content: center;
	align-items: center;
	width: 50px; /* Ajustement de la largeur */
	height: 50px; /* Ajustement de la hauteur pour correspondre à la taille de la bordure arrondie */
	margin-left:10px;
}

#header-2-center .search-button img {
	width: 25px;
	height: 25px;
}

#header-2-center .clear-button {
    display: none;
    position: absolute;
    right: 60px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #BDBDAE;
    z-index: 502; /* 2002 */
    padding: 0;
}

#header-2-center #search-results {
	
    display: none;
    position: absolute;
    left: 0;
	right:0;
    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    overflow: auto;
    height: 600px;
    z-index: 506; /* 2006 */
	
	-webkit-overflow-scrolling: touch;
    pointer-events: auto !important;

}

#header-2-center #search-results #search-results-close {
    position: sticky;
    top: 10px;
    float: right;
	padding-right:10px;
	color:#231F20;
    background: none;
    border: none;
    font-size: 40px;
    cursor: pointer;
	z-index: 508; /* 2008 */
}

#header-2-center #search-results #search-results-content {
	z-index: 507; /*2007*/
    padding: 20px;
    display: flex;
    gap: 20px;
}

#header-2-center #search-results .titre {
	font-weight:bold;
	font-size:18px;
}

#header-2-center #search-results #categorie {
    min-width: 250px; 
	width:250px;
    border-right: 1px solid #ECECEC; /* Bordure droite légère */
    padding-right: 10px; /* Espace entre le contenu et la bordure */
    box-sizing: border-box;
}

#header-2-center #search-results #produits {
	flex-grow:1;
    padding-left: 10px; /* Espace entre le contenu et la bordure */
    box-sizing: border-box;
}

#header-2-center #search-results #produits .voir-tout {
    text-align: right;
    margin-top: 20px; /* Espace en haut pour séparer du dernier produit */
}

#header-2-center #search-results #produits .voir-tout .arrow {
    display: inline-block;
    transform: scaleX(0.5); /* Comprime la flèche en largeur */
    margin-right: 2px; /* Espace entre le texte et la flèche */
}

#header-2-center #search-results #produits .voir-tout a {
    text-decoration: underline;
    color: #000; /* Couleur du lien */
    font-weight: bold;
}

#header-2-center #search-results #produits .voir-tout a:hover {
    text-decoration: none;
}

#header-2-center #search-results #produits .produit-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes égales */
    gap: 20px; /* Espacement entre les blocs */
}

#header-2-center #search-results  #produits .produit-item-search {
    display: flex;
    flex-direction: row; /* Align items horizontally */
    flex: 1 1 calc(33.333% - 20px); /* 3 items per row, accounting for margins */
    box-sizing: border-box;
    padding: 10px;
    margin: 10px; /* Margin around each item */
    text-decoration: none; /* Remove link decoration */
    color: inherit; /* Inherit text color */
}

#header-2-center #search-results  #produits .produit-item-search a {
    text-decoration:none;
}

#header-2-center #search-results  #produits .produit-image {
    flex: 0 0 160px; /* Fixed size for the image */
    margin-right: 10px; /* Space between image and text */
    overflow: hidden; /* Ensure the zoom effect is contained within the element */
}

#header-2-center #search-results  #produits .produit-image img {
    width: 100%; /* Ensure the image fills the container */
    height: auto; /* Maintain aspect ratio */
    transform: scale(0.9); /* Default zoom level */
    transition: transform 0.3s ease; /* Smooth transition for the zoom effect */
}

#header-2-center #search-results  #produits .produit-item-search:hover .produit-image img {
    transform: scale(1); /* Zoom effect on hover */
}

#header-2-center #search-results  #produits .produit-info {
    flex: 1; /* L'info produit prend le reste de l'espace */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centrer verticalement */
}

#header-2-center #search-results  #produits .produit-nom {
    font-weight: bold;
    margin-bottom: 5px; /* Espace entre le nom et le prix */
	font-size:13px;
	line-height:16px;
		    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;

}


#header-2-center #search-results  #produits  .produit-info .avis-clients {
	display: flex;
    align-items: center;
    color: var(--avis-client-color) !important; /* Utilisation de !important pour forcer la couleur */
	text-decoration:none;
	height:15px;
	line-height:15px;
	font-size:13px;
}

#header-2-center #search-results  #produits .produit-info .avis-clients img {
    vertical-align: middle;
	text-align:left;
		height:15px;

}

#header-2-center #search-results  #produits  .produit-info .avis-clients .txt:hover {
	text-decoration:underline;
}


#header-2-center #search-results  #produits  .prix {
	margin-top:10px;
    color: var(--price-color); /* Optionnel : couleur pour le prix */
	font-size:16px;
	color: var(--price-color);
	display:inline-block;

}

#header-2-center #search-results  #produits .prix .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}

#header-2-center #search-results  #produits .promo {
	margin-top:5px;	
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#608B3D;
	height:25px;
	line-height:25px;
}

#header-2-center #search-results  #produits .prix .prix_gauche {
	box-sizing: border-box;
	display:inline-block;
	text-align:right;
	font-size:16px;
	color:#333;
	height:35px;
	line-height:12px;
	margin-right:5px;
}
	
#header-2-center #search-results  #produits .prix .prix_gauche .pvc {
	font-size:11px;
	color:#333;
}
	
#header-2-center #search-results  #produits .prix .prix_centre_remise {

	display:inline-block;
	width:50px;
	text-align:center;
	background-color: var(--price-color);
	font-size:16px;
	color: #FFF;
	height:25px;
	padding:5px;
	line-height:25px;
}
	
@media (min-width:480px) and (max-width: 1024px)
{
	#header-2-center #search-results  #produits .prix .prix_centre_remise {
		font-size:14px;
	}
}

	
#header-2-center #search-results  #produits .prix .prix_centre_remise_responsive {
	display: none;
}

	
#header-2-center #search-results  #produits .prix .prix_droite {
	box-sizing: border-box;
	display:inline-block;
	text-align:left;
	margin-left:5px;
	font-size:16px;
	color: var(--price-color);
	height:35px;
	line-height:12px;
}
	
#header-2-center #search-results  #produits .prix .prix_droite .pvc {
	font-size:11px;
	color: #333;
}
	
#header-2-center #search-results  #produits .pvc_p {
	display:inline;
}

#header-2-center #search-results  #produits .prix  .prix_centre {
	text-align:left;
	font-size:16px;
}
	
#header-2-center #search-results  #produits .prix  .prix_centre .pvc {
	font-size:12px;
	color: #333;
}
	
#header-2-center #search-results  #produits .prix_public_promo {
	margin-top:5px;
	font-size:12px;
	color:#608B3D;
	padding:0px;
	line-height:15px;
}

#header-2-center #search-results  #produits .prix .prix_code_promo {
    display: inline-block;
    clear: left;
	text-align:left;
	height:15px;
	line-height:15px;
	font-size:11px;
	color:black;
	top:5px;
	width:100%;
}

@media (max-width: 600px) {
	
	#header-2-center #search-results  #produits .produit-item-search {
		border-bottom: 1px solid #EEEEEE;
		margin-bottom:20px;
	}
	
	#header-2-center #search-results  #produits .prix .euro {
		display:inline;
		font-size:8px;
		margin-left:1px;
	}

	
	#header-2-center #search-results  #produits .prix .prix_centre_remise {
		width:35px;
		font-size:14px;
		height:25px;
		padding:3px;
		line-height:25px;
	}

	#header-2-center #search-results  #produits .prix .prix_gauche, #header-2-center #search-results  #produits .prix .prix_droite {
		font-size:15px;
	}
}



#header-2-center #search-results  #produits .goto {
	cursor:pointer;
	width: 75%;
	max-width:200px;
	text-align:center;
	border: 0px;
  	background-color: var(--bt-action-color);
	color: #FFF;
	font-size: 15px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	margin-bottom: 10px;
    border-radius: 17.5px; /* Coins complètement arrondis */
	transition: background-color 0.3s, color 0.3s, transform 0.3s; /* Transition pour l'effet de survol */
}
@media (max-width: 1500px) {
	#header-2-center #search-results #produits .produit-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	#header-2-center #search-results  #produits .produit-item-search {
		display: flex;
		flex-direction: row; /* Align items horizontally */
		flex: 1 1 calc(50% - 20px); /* 3 items per row, accounting for margins */
		box-sizing: border-box;
		padding: 10px;
		margin: 10px; /* Margin around each item */
		text-decoration: none; /* Remove link decoration */
		color: inherit; /* Inherit text color */
	}

}

@media (max-width: 1150px) {
	
	#header-2-center #search-results #produits .produit-container {
		display: grid;
		grid-template-columns: 1fr; 
		gap: 20px;
	}

    #header-2-center #search-results #produits .produit-item-search {
        flex: 1 1 100%; /* Each product takes full width */
        max-width: 100%;
        flex-direction: row; /* Stack items vertically on small screens */
		margin:0;
		padding:0;
		margin-top:10px;
    }

    #header-2-center #search-results #produits .produit-image {
        flex: 0 0 auto; /* Allow the image to resize */
        margin-right: 0; /* No space to the right of the image */
        margin-bottom: 10px; /* Space below the image */
		max-width:150px;
		
    }

    #header-2-center #search-results #produits .produit-image img {
        max-width: 100%; /* Image takes full width of the image container */
		transform: none; /* Remove the zoom effect */
        transition: none; /* Remove the smooth transition */
    }
	
	
    #header-2-center #search-results #produits .produit-info {
        flex: 1; /* Ensure the product info takes the remaining space */
        display: flex;
        flex-direction: column;
        justify-content: center; /* Center vertically */
        margin-left: 10px; /* Space between image and text */
    }
}

@media (max-width: 600px) {
	
	#header-2-center #search-results {
		top:0px;
		height: none;
	}
	
	#header-2-center #search-results #search-results-close {
		position: absolute;
		top: 10px;
		right:10px;
	}


    #header-2-center #search-results #search-results-content {
        flex-direction: column;
		width: calc(100% - 40px);
    }

    #header-2-center #search-results #categorie {
        max-width: 100%;
        flex: 1 1 100%;
        padding-right: 0; /* Supprime l'espace entre le contenu et la bordure */
        padding-left: 0; /* Supprime l'espace entre le contenu et la bordure */
		border:none;
    }
	
	#header-2-center #search-results  #produits {
        max-width: 100%;
        flex: 1 1 100%;
        padding-right: 0; /* Supprime l'espace entre le contenu et la bordure */
        padding-left: 0; /* Supprime l'espace entre le contenu et la bordure */
    }
}

#header-2-center #search-results #categorie a {
    display: block; /* Transforme chaque lien en un élément de bloc */
    margin-top: 10px;
    text-decoration: none;
    transition: font-weight 0.3s ease-in-out; /* Ajout de la transition sur la couleur et la graisse de la police */
}

#header-2-center #search-results #categorie a:hover {
  font-weight:bold; /* Change la couleur au survol, ajustez selon vos besoins */
}

#header-2-center #search-results-overlay {
    pointer-events: auto; /* Autorise les interactions */
    position: fixed; /* Changer à fixed pour couvrir tout l'écran */
	top:0;
    left: 0;
    width: 100%;
    height: 100%; /* Ajuste la hauteur pour remplir le reste de l'écran */
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
	z-index: 500; /* 2000 */
}


@media all and (max-width: 600px) {
	
#header-2-center .search-container {
	display: flex;
	align-items: center;
    flex: 1 1 0; /* Utilise flex-grow, flex-shrink et flex-basis pour prendre toute la largeur disponible */
    max-width: 500px; /* Limite à 500px */	
	background-color: #FFF;
	border-radius: 36px;
}

#header-2-center .search-input {
	font-family: 'Nunito Sans', sans-serif;
	flex: 1;
	border: none;
	padding: 6px;
	padding-left:10px;
	padding-right:10px;
	border-radius: 15px 0 0 15px;
	outline: none;
	display: flex;
}

#header-2-center .search-button {
	width: 36px; /* Ajustement de la largeur */
	height: 36px; /* Ajustement de la hauteur pour correspondre à la taille de la bordure arrondie */
}

#header-2-center .search-button img {
	width: 18px;
	height: 18px;
}

}


#header-2-right .circle {
	position: relative;
    width: 50px; /* Diamètre du cercle */
    height: 50px; /* Diamètre du cercle */
    background-color:#FFD700; /* Couleur du cercle */
    border-radius: 50%;
	margin-right: 20px;
	background-position: center; /* Centrer l'image */
    background-repeat: no-repeat; /* Ne pas répéter l'image */
	background-size: 25px 25px;
	cursor:pointer;
}

#header-2-right .circle .badge {
    position: absolute; /* Positionné relativement au conteneur parent */
    top: -6px; /* Ajustez selon vos besoins */
    right: -6px; /* Ajustez selon vos besoins */
    width: 25px; /* Diamètre du badge */
    height: 25px; /* Diamètre du badge */
    background-color: red; /* Couleur du badge */
    color: white; /* Couleur du texte */
    border-radius: 50%;
    display: flex; /* Utilisation de flexbox pour centrer le texte */
    align-items: center; /* Centrer verticalement */
    justify-content: center; /* Centrer horizontalement */
    font-size: 13px; /* Taille du texte */
    font-weight: bold; /* Style du texte */
}

#header-2-right .circle .badge:empty {
    display: none; /* Cache le badge si vide */
}


#header-2-right .circle.ia{
	background-size: 30px 30px;
	background-image: url('images/header-ia.png');
}

#header-2-right .circle.support {
	background-image: url('images/header-support.png');
}

#header-2-right .circle.account {
	background-image: url('images/header-account.png');
}

#header-2-right .circle.cart {
	background-image: url('images/header-cart.png');
}

#header-2-right .circle:last-child {
    margin-right: 0; /* Pas d'espacement avant le premier cercle */
}

@media all and (max-width: 600px) {
	#header-2-right .circle {
		width: 35px; /* Diamètre du cercle */
		height: 35px; /* Diamètre du cercle */
		background-size: 17px 17px;
		margin-right: 13px;
	}
	
	#header-2-right .circle .badge {
		top: -5px; /* Ajustez selon vos besoins */
		right: -5px; /* Ajustez selon vos besoins */
		width: 20px; /* Diamètre du badge */
		height: 20px; /* Diamètre du badge */
		font-size:12px;
	}
	
	#header-2-right .circle.ia{
		background-size: 25px 25px;
	}


}


#header-code-promo {
	/*min-height:35px;*/
	line-height:35px;
	height:auto;
	display: none;
	background-color:#FFD700;
	color: #111111;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	position:fixed;
	z-index:2005;
	top:0;
	font-size: 14px;
	padding:5px;
	padding-right:30px;
	transition: top 0.5s ease; /* Animation sur la propriété top */
}


#header-code-promo #appliquer {
	display: inline-block;
	margin-left:10px;
	background-color: #AC1F21;
	cursor:pointer;
	color:#FFFFFF;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align: middle;
	 white-space: nowrap;
	 height:26px;
	 line-height:26px;
}


@media (max-width: 600px) {
	#header-code-promo {
		/*min-height:20px;*/
		line-height:20px;
		font-size: 12px;
		padding:10px;
		padding-right:30px;

	}
	
	#header-code-promo #appliquer {
	}

}



#header-code-promo  #close-btn {
    font-size:25px;
	position: absolute;
	right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    line-height: 1; /* Assurez-vous que la hauteur de ligne est standard */
}

#mobile-menu {
	line-height:20px;
	box-sizing: border-box;
    display: none;
    position: fixed;
    top: 0;
    left: -80%;
    height: 100%;
    width: 80%;
	max-width:400px;
    background-color: white;
	color:#2B2424;
    box-shadow: 2px 0 5px rgba(0,0,0,0.5);
    z-index: 2011;
	transition: left 0.3s ease;
	overflow-y: auto; /* Ajoute le défilement vertical */
    -webkit-overflow-scrolling: touch; /* Assure un défilement fluide sur les appareils tactiles */
}

#mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 2010;
}

#mobile-menu-close {
    position: fixed;
    top: 10px;
    right: 0px;
    font-size: 50px; /* Ajustez la taille de la croix */
    font-weight: lighter;
    color: white;
    cursor: pointer;
    z-index: 2012;
	width:20%;
	text-align:center;
	display:none;
}


#mobile-menu #mobile-menu-header {
	background: linear-gradient(135deg, #231F20, #434343);
	padding:20px;
	box-sizing:border-box;
	width: 100%;
}

#mobile-menu #mobile-menu-header img {
    max-width: 100%; /* L'image s'adapte à la largeur du conteneur */
    height: auto; /* Préserve les proportions de l'image */
    object-fit: contain; /* Assure que l'image soit bien contenue dans son espace */
    max-height: 100px; /* Optionnel : Limite la hauteur maximale pour éviter qu'elle ne prenne trop de place */
}

#mobile-menu #mobile-menu-header #baseline {
	margin-top:5px;
	color:#FFD700;
	font-size:22px;
}


#mobile-menu #compte {
	margin-top:5px;
	padding-right:45px; /* Espace à droite pour éviter que le texte chevauche l'image */

	
	background-image: url('images/mobile-menu-account.png'); /* URL de l'image de fond */
    background-position: right 20px center; /* Place l'image à droite et centrée verticalement */
    background-repeat: no-repeat; /* Ne répète pas l'image */
    background-size: 20px 20px; /* Taille de l'image (par exemple 50x50px) */
	
    font-size: 15px; /* Taille de la police pour l'exemple */
    height: 30px; /* Hauteur du conteneur égale à la taille de l'image */
	line-height:35px;
	
    display: block;
    text-align: right; /* Aligne le texte à droite */
}

#mobile-menu #compte a {
	text-decoration:none;	
}


#mobile-menu .categorie-titre {
	display:block;
	font-weight:bold;
	padding:20px;
	font-size:18px;
}

#mobile-menu a.categorie {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
}

#mobile-menu a.categorie img {
	width: 100%; /* Prend 100% de la largeur du conteneur */
	height: auto; /* Hauteur proportionnelle */
	display: block; /* Évite les espaces blancs autour de l'image */
}

#mobile-menu a.categorie.deals {
	color: var(--color-deals);
}

#mobile-menu a.categorie.blackfriday {
    color: #FFFF00 !important;
    background-color: #000000 !important;
}

/* HEADER */
#header-responsive-slogan {
	color: #FFFFFF;
	background-color: #0285B3;
}

/* FOOTER */
#footer-2 {
}

#footer-2 .v2-width {
	display:block;	
	max-width: var(--max-width-footer);
}


#footer-2 #baseline {
	height:150px;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	max-width: none;
 	box-sizing: border-box;
	background: linear-gradient(135deg, #231F20, #434343);
	color:#FFD700;
	font-size:40px;
	display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering */
    text-align: center;      /* Center align text inside */
}

@media all and (max-width: 900px) {
	#footer-2 #baseline {
		height:100px;
		font-size:25px;
	}
}

#footer-2 #support-header {
	width:100%;
	max-width: none;
 	box-sizing: border-box;
	background: #000000;
	color: #FFFFFF;
}

#footer-2 #support-header-content {
	box-sizing: border-box;
	padding:20px;
	height:100px;
	display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering */
    text-align: center;      /* Center align text inside */
}


#footer-2 #support-header-content .bloc {
	flex: 1; /* Chaque bloc occupera une part égale de l'espace disponible */
	display: flex;
	align-items: center; /* Centre le contenu verticalement */
	justify-content: flex-start; /* Centre le contenu horizontalement */
}

@media (max-width: 900px) {
  #footer-2 #support-header-content {
   display: grid;
    grid-template-columns: 1fr; /* Crée une seule colonne */
    justify-items: center; /* Centre chaque bloc dans la grille */
    align-items: center;
	height:auto;
	gap:20px;
	  }

  #footer-2 #support-header-content .bloc {
   width: 100%; /* Laisse les blocs s'adapter à la largeur maximale disponible */
    max-width: 350px; /* Valeur indicative - remplacez par la largeur souhaitée */
    display: flex;
    align-items: center;
    justify-content: flex-start;  }
}

#footer-2 #support-header-content .bloc .image {
	width: 50px;
	flex-shrink: 0; 
	display: flex;
	justify-content: flex-end; /* Aligne l'image à droite */
	margin-right: 5px;
}

#footer-2 #support-header-content .bloc .image img {
	margin-right: 5px;
}

#footer-2 #support-header-content .bloc  .bloc-message {
	flex: 1;
	display: flex;
	flex-direction: column; /* Permet d'empiler .titre et .contenu verticalement */
	line-height: 20px;
	text-align:left;
}

#footer-2 #support-header-content .bloc  .bloc-message .titre {
	text-transform: uppercase;
	font-size: 15px;
	font-weight:bold;
}

#footer-2 #support-header-content .bloc  .bloc-message .contenu {
	font-size: 12px;
}

#footer-2 #support {
	padding:20px;
	display: flex;
	box-sizing: border-box;
	gap:30px;
	justify-content: center; 
}

#footer-2 #support .column {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
	text-align:left;
}

#footer-2 #support .column:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Pour espacer les divs 5a et 5b également */
}

#footer-2 #support .row {
    flex: 1;
    box-sizing: border-box;
    padding: 10px;
	display: flex;
    align-items: left;
	flex-direction: column;
}

/* Supprimer la marge en haut de Div 5a */
#footer-2 #support .row:first-child {
    margin-top: 0;
    padding-top: 0;
}

/* Optionnel: Ajout d'un espace entre les colonnes */
#footer-2 #support .column:not(:last-child) {
    margin-right: 10px;
}

#footer-2 #support .titre {
	font-size:20px;
	font-weight:bold;
}

#footer-2 #support .line a {
	text-decoration:none;
    transition: font-weight 0.3s ease-in-out; /* Ajout de la transition sur la couleur et la graisse de la police */
}

#footer-2 #support .line a:hover {
  font-weight:bold; /* Change la couleur au survol, ajustez selon vos besoins */
}

#footer-2 #support .icons {
    margin-top: 10px;
    display: flex;
    gap: 10px; /* Ajuster l'espace entre les icônes */
    max-width: 100%; /* Assure que le conteneur d'icônes ne dépasse pas */
    flex-wrap: nowrap; /* Garde les icônes sur une seule ligne */
    overflow: hidden; /* Empêche le débordement visuel */
}

#footer-2 #support .icons a {
    height: auto;
    width: auto;
    max-width: calc((100% - 20px) / 3); /* Ajuste la largeur pour que toutes les icônes tiennent sur une ligne */
}

#footer-2 #support .icons a img {
    max-width: 100%; /* Ajuste la largeur pour que toutes les icônes tiennent sur une ligne */
    cursor: pointer;
    object-fit: contain;
}

#footer-2 #support .icons img {
    height: auto;
    max-height: 45px; /* Limite la hauteur des images */
    width: auto;
    max-width: calc((100% - 20px) / 3); /* Ajuste la largeur pour que toutes les icônes tiennent sur une ligne */
    cursor: pointer;
    object-fit: contain;
}

@media (max-width: 900px) {
    #footer-2 #support {
        flex-direction: column;
		gap:10px;
    }

    #footer-2 #support .column {
        flex: 1 0 100%;
		text-align:center;

    }

    #footer-2 #support .column:last-child {
        margin-bottom: 0; /* Supprime l'espace pour la dernière colonne */
    }
	
	#footer-2 #support  .icons {
		justify-content: center; /* Centrage horizontal des icônes */
		align-items: center;     /* Centrage vertical des icônes */
	}

}

#footer-2 #copyright {
	width:100%;
	padding:20px;
 	box-sizing: border-box;
	font-size:14px;
	display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering */
    text-align: center;      /* Center align text inside */
}

/* POPOVER */
.popover-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 5000;
}

.popover-content {
	position: relative;
	z-index: 6000; /* Assurez-vous que le contenu a un z-index inférieur au bouton de fermeture */
	padding:20px;
}

.popover-close {
	font-family: 'Nunito Sans', sans-serif;
	position: absolute;
	float:right;
    top: 0px;
	right:0px;
	padding-right:10px;
	color:#231F20;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
	z-index: 6001;
}


.popover-75 {
	pointer-events: auto;
	display: none;
	position: fixed; /* Utilisez fixed pour centrer par rapport à la fenêtre */
	box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: white;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	overflow: auto;
	height: 75vh; /* 50% de la hauteur de la fenêtre */
	width: 50vw;  /* 50% de la largeur de la fenêtre */
	z-index: 5006;
	border-radius: 5px; /* Légère arrondie des coins */
}

.popover-custom {
	pointer-events: auto;
	display: none;
	position: fixed; /* Utilisez fixed pour centrer par rapport à la fenêtre */
	box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: white;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	overflow: auto;
	z-index: 5006;
	border-radius: 5px; /* Légère arrondie des coins */
	
	max-height: 90vh; /* 80% of the viewport height */
    max-width: 90vw;  /* 90% of the viewport width */

}

@media (max-width: 600px) {
    .popover-75 {
        height: 80vh; /* 80% of the viewport height */
        width: 90vw;  /* 90% of the viewport width */
    }
	
	.popover-custom {
        max-height: 90vh; /* 80% of the viewport height */
        max-width: 90vw;  /* 90% of the viewport width */
    }

}

.popover-contact {
	cursor:pointer;	
}

/* CONTACT FORM AJAX */
#contactPage-titre {
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}

#contactForm {
	margin-top:20px;
	position: relative;
    width: 100%; /* Assure que le conteneur prend toute la largeur disponible */
}
}
		
#contactForm .confirm {
	color:#0E8310;
	margin-top:5px;
	margin-bottom:5px;
}
		
#contactForm .confirm:empty {
	margin:0;
}

#contactForm .titre {
	font-size:18px;
	font-weight:bold;
}
		
#contactForm label {
	display: block;
	margin-bottom: 8px;
	margin-top:15px;
	font-weight: 500;
}
 
#contactForm select,
#contactForm input,
#contactForm textarea {
	outline: none; /* Supprime l'effet de contour */
	-webkit-appearance: none;
	border-radius: 3px;
	width: 100%;
	resize: none;
	-webkit-text-size-adjust: 100%; /* Empêche la mise à l'échelle du texte sur iOS */
	touch-action: manipulation; /* Améliore la gestion tactile */
	box-shadow: none; /* Désactive l'ombre autour */
	padding: 10px; /* Assure un espacement interne correct */
	font-size: 16px; /* Taille de texte plus adaptée pour les appareils mobiles */
	box-sizing: border-box;
	border: 1px solid var(--border-champ-color);
	transition: border-color 0.3s ease;
	color:#000000;

}

#contactForm input {
	height: 45px;
}

#contactForm input:focus,
#contactForm textarea:focus {
	border-color: var(--border-champ-color-focus);
	border-width:2px;
}

#contactForm textarea {
	resize: vertical;
}

#contactV2 {
    width: 100%;
    padding-right: 40px; /* Laisse suffisamment d'espace pour la flèche */
    -webkit-appearance: none; /* Supprime le style par défaut dans Webkit/Safari */
    appearance: none; /* Supprime le style natif des autres navigateurs */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%23333" d="M0 0l5 6 5-6z"/%3E%3C/svg%3E'); /* Flèche en SVG */
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center; /* Place la flèche plus précisément */
    background-size: 15px 15px; /* Taille de la flèche */
    box-sizing: border-box; /* S'assure que le padding est pris en compte */
}

@media (max-width: 600px) {
	#contactForm select {
		font-size:15px;
	}
}




#contactForm .form_label {
	margin-bottom: 15px;
}

#contactForm .g-recaptcha {
	margin-bottom: 15px;
}

#contactForm button {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	width: auto;
	min-width:200px;
	max-width: 400px;
	padding: 10px;
	background-color: #000; /* Changer la couleur de fond en noir */
	border: none;
	border-radius: 25px;
	height:50px;
	line-height:30px;
	color: white;
 	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
	display:block;
	text-transform:uppercase;
}

#contactForm button:hover {
	background-color: #333; /* Couleur de fond sur le survol en gris foncé */
}

#contactForm #textMessage {
	margin-top:15px;
	box-sizing: border-box;
	background-color: #e9ecef;
	border-radius: 4px;
	padding: 10px;
	font-size: 17px;
	color: #495057;
	width:auto;
	max-width: 500px;
}

#contactForm #textMessage:empty {
	display: none;
}
		
#contactTel {
	margin-top:15px;
}
		
#contactTel .titre {
	font-size:18px;
	font-weight:bold;
}

#contactTel a {
	color: #007BFF; /* Couleur du lien */
	text-decoration: none; /* Pas de soulignement */
}
		
#contactTel a:hover {
	color: #0056b3;
}


/* CATEGORIE */

	/* V1 
	#categorie-v2 .sous-categories {
		flex-grow: 1; 
		gap:10px;
		display: flex;
		flex-wrap: wrap;
		align-items: center; 
		justify-content: space-evenly; 
	}
	
	
	#categorie-v2 .sous-categories .sous-categorie {
		display: flex;
		align-items: center;
		flex-basis: calc(20% - 20px); 
		margin-bottom: 20px;
		box-sizing: border-box;
		height:60px;
	} */
	
	
#categorie-v2 {
	text-align:left;	
}

#categorie-v2 #arbo {
	text-align:left;	
}


#categorie-v2 #h1-categorie {
	text-align:left;	
}

#categorie-v2 #h1-categorie {
	text-align:left;	
}

#h1-categorie, #h3, #categorie-header h3, #description_footer h3 , #contenu-footer h3 {
	background-color: transparent;
}


#categorie-v2 .sous-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
    gap: 20px;
    justify-content: start; /* Alignement à gauche */
    align-items: center;
}

#categorie-v2 .sous-categories .sous-categorie {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
}

#categorie-v2 .sous-categories .sous-categorie img {
	width: 50px;
	height: 50px;
	border-radius: 50%; /* Image ronde */
	margin-right: 15px; /* Augmente légèrement la marge */
	border: 1px solid #E5E5E5;
	    flex-shrink: 0; /* Empêche l'image de se réduire */
}

#categorie-v2 .sous-categories .sous-categorie a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    flex-grow: 1; /* Prend tout l'espace restant pour le texte */
    display: flex;
    align-items: center; /* Assure que le texte est aligné verticalement */
    white-space: normal; /* Permet le retour à la ligne */
    overflow-wrap: break-word; /* Permet de couper les mots trop longs si nécessaire */
}


@media all and (max-width: 1300px) {
	#categorie-v2 .sous-categories .sous-categorie {
		flex-basis: calc((100%/4) - 20px); 
	}
}


@media all and (max-width: 1000px) {
	#categorie-v2 .sous-categories .sous-categorie {
		flex-basis: calc((100%/3) - 20px); 
	}
}

@media all and (max-width: 600px) {
	#categorie-v2 .sous-categories .sous-categorie {
		flex-basis: calc(50% - 20px);
	}
}


#categorie-v2-produits, #home-placeholders {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 20px), 1fr));
    column-gap: 20px; /* Espacement entre les colonnes */
    row-gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
	justify-content: flex-start;
}

.bloc-produit-v2 {
    /*height: auto;
    text-align: center;
    padding: 5px;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
	box-sizing: border-box;*/
	
	height: auto;
    text-align: left;
    z-index: 1;
    position: relative;
    border: 1px solid rgba(200, 200, 200, 0.5); /* Bordure douce et semi-transparente */
    border-radius: 10px; /* Coins arrondis */
    box-sizing: border-box;
    background-color: #FFF;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre légère */
	overflow: hidden; 
	padding: 20px;

}

/* Étendre le lien pour qu’il compense le padding */
.bloc-produit-v2 .marketing:empty + a {
  margin-top: -20px;
}

.bloc-produit-v2 > a {
  display: block;
  /*margin-top: -20px;*/
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  box-sizing: border-box;
}

.bloc-produit-v2 a .img-prd {
  display: block;
  width: calc(100% + 40px);
  margin-bottom: 10px; /* pour éviter que le texte colle à l’image */
    aspect-ratio: 1 / 1; /* ou 1 / 1 si tu veux un carré */
  object-fit: cover;
  height: auto;
}

.bloc-produit-v2 .marketing {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    height: 30px; /* Hauteur par défaut, modifiable par le script */
}

@media (max-width: 1200px) {
    #categorie-v2-produits, #home-placeholders {
        grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 20px), 1fr)); /* Ajusté pour 3 blocs par ligne */
    }
}

@media (max-width: 900px) {
    #categorie-v2-produits, #home-placeholders {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr)); /* Ajusté pour 2 blocs par ligne */
    }
}

@media (max-width: 600px) {
	
	#categorie-v2-produits, #home-placeholders {
		column-gap: 0; /* Espacement entre les colonnes */
	}

    #categorie-v2-produits, #home-placeholders {
        grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr));
    }
}

.bloc-produit-v2 a {
	text-decoration:none;
}

/*.bloc-produit-v2 .image {
	margin-top:10px;	
}*/
/* Image dans le lien */
.bloc-produit-v2 .image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.bloc-produit-v2 a .nom-produit, .bloc-produit-v2 a .avis-clients {
  padding: 0px 20px 0px 20px;
  width:100%;
    box-sizing: border-box;

}

/*.bloc-produit-v2 .avis-clients {
	height: 30px;
	font-size:14px;
	display: flex;
    justify-content: center;
	align-items: center; 
}*/

.bloc-produit-v2 .avis-clients {
	display: flex;
    align-items: center;
	justify-content: flex-start; /* justify-content: center; */
    color: var(--avis-client-color) !important; /* Utilisation de !important pour forcer la couleur */
	text-decoration:none;
	height:15px;
	line-height:15px;
		font-size:14px;

}

.bloc-produit-v2 .avis-clients img {
    vertical-align: middle;
}

.bloc-produit-v2 .avis-clients .txt:hover {
	text-decoration:underline;
}

.bloc-produit-v2 .attributs-marketing {
	width: 100%;
	/*min-height: 40px;*/
	height: auto;
	display: flex;
	align-items: flex-start; /* alignement vertical haut si plusieurs lignes */
	justify-content: flex-start; /* aligne le contenu à gauche */
	font-size: 13px;
	text-align: left;
	margin-top: 10px;
	box-sizing: border-box;
	/* padding corrigé */
	padding: 0px 20px 0px 20px;
	overflow: hidden;
	
	  flex-direction: column;
}

.bloc-produit-v2 .attributs-marketing:not(:empty) {
	/*background-color: #F1F1F1;*/
}

.bloc-produit-v2 .attributs-marketing .attributs-auto:not(:empty) {
	margin-bottom:10px;
	font-weight: bold;
}

.bloc-produit-v2 .attributs-marketing ul {
	margin:0;
    list-style: none;
    padding: 0;
}

.bloc-produit-v2 .attributs-marketing ul li {
    position: relative;
    padding-left: 24px; /* un peu plus large pour icône */
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 13px;
	
	list-style: none;
	padding-left:0px;
}


@media (max-width: 1000px) {
	.bloc-produit-v2 .attributs-marketing {
		font-size: 11px;
	}
}

@media (max-width: 600px) {
	/*.bloc-produit-v2 .attributs-marketing {
		font-size: 9px;
		min-height: 50px;
	}*/
}

.bloc-produit-v2 .nom-produit {
	font-size: 18px;
	margin-top: 10px;
	line-height:20px;
	font-weight:bold;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}

.bloc-produit-v2 .nom-produit.nom-produit-titre {
	font-size: 14px;
	-webkit-line-clamp: 3;
	line-height:17px;

}

@media (max-width: 600px) {
	.bloc-produit-v2 .nom-produit.nom-produit-titre {
		font-size: 16px;
		-webkit-line-clamp: 3;
		line-height:20px;
		display: -webkit-box;            /* ? à répéter pour les bugs mobiles */
		-webkit-box-orient: vertical;    /* ? à répéter */
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.bloc-produit-v2 .prix {
	margin-top:10px;	
	font-size:16px;
	color: var(--price-color);
	width:100%;	
}

.bloc-produit-v2 .prix .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}

.bloc-produit-v2 .promo {
	margin-top:5px;	
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#608B3D;
	height:25px;
	line-height:25px;
}

.bloc-produit-v2 .prix .prix_gauche {
	 box-sizing: border-box;
	float:left;
	width:calc((100% - 70px) / 2);
	text-align:right;
	font-size:21px;
	color:#333;
	height:35px;
	line-height:12px;
	margin-right:5px;
}
	
.bloc-produit-v2 .prix .prix_gauche .pvc {
	font-size:11px;
	color:#333;
}
	
.bloc-produit-v2 .prix .prix_centre_remise {

	float:left;
	width:50px;
	text-align:center;
	background-color: var(--price-color);
	font-size:18px;
	color: #FFF;
	height:25px;
	padding:5px;
	line-height:25px;
}
	
@media (min-width:480px) and (max-width: 1024px)
{
	.bloc-produit-v2 .prix .prix_centre_remise {
		font-size:16px;
	}
}

	
.bloc-produit-v2 .prix .prix_centre_remise_responsive {
	display: none;
}

	
.bloc-produit-v2 .prix .prix_droite {
	box-sizing: border-box;
	float:right;
	width:calc((100% - 70px) / 2);
	text-align:left;
	margin-left:5px;
	font-size:20px;
	color: var(--price-color);
	height:35px;
	line-height:12px;
	
}
	
.bloc-produit-v2 .prix .prix_droite .pvc {
	font-size:11px;
	color: #333;
}
	
.bloc-produit-v2 .pvc_p {
	display:inline;
}

.pvc.non-empty{
    margin-bottom: 5px;
}

.bloc-produit-v2 .prix .prix_centre {
	text-align:center;
	font-size:20px;
	color: var(--price-color);
	height:auto:
}
	
.bloc-produit-v2 .prix  .prix_centre .pvc {
	font-size:11px;
	height:8px;
	color: #333;
		display:none;

}

.bloc-produit-v2 .prix .prix_centre_responsive {
	display:none;
}
	
.bloc-produit-v2 .prix_public_promo {
	margin-top:5px;
	font-size:12px;
	color:#608B3D;
	padding:0px;
	line-height:15px;
}

.bloc-produit-v2 .prix .prix_code_promo {
	position:relative;
	width:100%;
	clear:both;
	height:15px;
	line-height:15px;
	font-size:11px;
	color:black;
	display:block;
	top:5px;
}

@media (max-width: 600px) {
	
	.bloc-produit-v2 .prix .euro {
		display:inline;
		font-size:8px;
		margin-left:1px;
	}

	
	.bloc-produit-v2 .prix .prix_centre_remise {
		width:35px;
		font-size:14px;
		height:25px;
		padding:3px;
		line-height:25px;
	}
	
	.bloc-produit-v2 .prix .prix_centre{
		font-size:15px;
	}


	.bloc-produit-v2 .prix .prix_gauche, .bloc-produit-v2 .prix .prix_droite {
		width:calc((100% - 51px) / 2);
		font-size:15px;
	}
	
	.bloc-produit-v2 .prix .prix_gauche .pvc, .bloc-produit-v2 .prix .prix_droite .pvc {
		font-size:8px;
	}


}



.bloc-produit-v2 .stock {
	margin-top: 10px;
	font-size: 15px;
	line-height: 20px;
	height: 20px;
	color: #468C00;
	/*text-transform: uppercase;*/
	font-weight: bold;
}

.bloc-produit-v2 .stock .stock-dispo-2{
	font-size:9px;
}

.bloc-produit-v2 .goto {
    text-align: center;
    cursor: pointer;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: none;
    border: 0px;
    background-color: var(--bt-action-color);
    color: #FFF;
    font-size: 17px;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 999px; /* <-- Capsule parfaitement arrondie */
    transition: background-color 0.3s, color 0.3s, transform 0.3s;
}

.bloc-produit-v2 .goto a{
	color: #FFF;
	text-decoration:none;
}

.bloc-produit-v2 .goto:hover {
	    transform: scale(1.05); /* Augmenter légèrement la taille au survol */
}

@media (max-width: 600px) {
	.bloc-produit-v2 .goto {
		/*width: 90%;
		max-width:90%;*/
	}
}

/* PAGINATION V2 */
#classement-footer-v2 {
	margin-top: 10px;
	padding: 5px;
	line-height:25px;
	text-align:center;
}

.pagination-v2 {
    clear: both;
    display: block;
    padding-top: 10px;
    text-align: center; /* Centrage horizontal */
    font-size: 18px;
}

.pagination-v2 a, .pagination-v2 .p-select {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    width: 30px; /* Largeur égale pour obtenir un rond */
    height: 30px; /* Hauteur égale pour obtenir un rond */
	line-height: 30px;
    border-radius: 50%; /* Bordure arrondie pour obtenir un rond parfait */
	cursor:pointer;
}

.pagination-v2 .p-select {
	margin-left: 5px;

}

.pagination-v2 .p-n-select:hover a {
    color: #FFF;
}

.pagination-v2 .p-select, .pagination-v2 .p-n-select:hover {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
}

.pagination-v2 .p-n-select {
    display: inline-block;
    color: #000;
    border: 1px solid #CCCCCC;
    margin-left: 5px;
    border-radius: 50%; /* Bordure arrondie */
	cursor:pointer;
}


/* FILTRES V2 */
#filtres-v2 {
	margin-top:10px;
	pointer-events: auto; /* Autorise les interactions */
	box-sizing: border-box;
	display: flex;
	gap: 10px;
	align-items: center;
    overflow: hidden; /* Masquer les éléments qui débordent */
}

#filtres-v2-desktop {
	pointer-events: auto; /* Autorise les interactions */
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

@media (max-width: 600px) {
    #filtres-v2-desktop {
        display: none;
    }
}

#filtres-v2 #filtres, #filtres-v2 #trier , #filtres-v2 .filtre {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: auto;
  	line-height: 20px;
	background-color: #FFF;
	border: 1px groove #E9E9E9;
	border-radius: 20px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
  	font-size: 16px;
	color: #000;
	cursor: pointer;
	white-space: nowrap; /* Empêcher le retour à la ligne */
	margin-right:10px;
}

#filtres-v2 #filtres .badge, #filtres-v2 #trier .badge, #filtres-v2 .filtre .badge {
    position: absolute;
    top: 0px; /* Ajustez selon vos besoins */
    right: -5px; /* Ajustez selon vos besoins */
    width: 15px; /* Diamètre du badge */
    height: 15px; /* Diamètre du badge */
    background-color: red; /* Couleur du badge */
    color: white; /* Couleur du texte */
    border-radius: 50%;
    display: flex; /* Utilisation de flexbox pour centrer le texte */
    align-items: center; /* Centrer verticalement */
    justify-content: center; /* Centrer horizontalement */
    font-size: 10px; /* Taille du texte */
    font-weight: bold; /* Style du texte */
}

#filtres-v2 #filtres .badge:empty, #filtres-v2 #trier .badge:empty, #filtres-v2 .filtre .badge:empty {
    display: none; /* Cache le badge si vide */
}

@media (min-width: 601px) {
    #filtres-v2 #filtres .badge.total_badge {
        display: none;
    }
}


#filtres-v2 #filtres img {
	height: 20px;
    width: auto; /* Garder les proportions de l'image */
	margin-left: 10px;
}
		
#filtres-v2 #trier img {
	height: 20px;
    width: auto; /* Garder les proportions de l'image */
	margin-left: 10px;
}

@media (max-width: 600px) {
    #filtres-v2 {
        flex-direction: row; /* Aligne les éléments en ligne */
    }

    #filtres-v2 #filtres {
        order: 1; /* Assure que le filtre est à gauche */
        margin-right: auto;
    }

    #filtres-v2 #trier {
        order: 2; /* Assure que le tri est à droite */
        margin-left: auto;
    }
}

#filtres-v2-menu {
	pointer-events: auto; /* Autorise les interactions */
	line-height:20px;
	box-sizing: border-box;
    display: none;
    position: fixed;
    top: 0;
    right: -90%;
    height: 100%;
    width: 90%;
	max-width:450px;
    background-color: white;
	color:#2B2424;
    box-shadow: 2px 0 5px rgba(0,0,0,0.5);
    z-index: 3002;
	transition: left 0.3s ease;
	overflow-y: none; /* Ajoute le défilement vertical */
    -webkit-overflow-scrolling: touch; /* Assure un défilement fluide sur les appareils tactiles */
	flex-direction: column;
}

#filtres-v2-menu-overlay {
	pointer-events: auto; /* Autorise les interactions */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 3001;
}

#filtres-v2-menu #filtres-menu-header {
	flex-shrink: 0; /* Prevent the header from shrinking */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
	padding-left:20px;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    font-weight: bold;
	position: sticky;
	top:0;
	background-color:#fff;
}

#filtres-v2-menu #close-filtres-v2-menu {
    cursor: pointer;
    font-size: 30px;
	font-family: 'Nunito Sans', sans-serif;
}

#filtres-v2-menu #filtres-v2-menu-content {
    padding: 20px;
    overflow-y: auto; /* Enable vertical scrolling */
    flex: 1; /* Allow the content to grow and take up available space */
}

#filtres-v2-menu #filtres-v2-menu-content .attribut {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}


#filtres-v2-menu #filtres-v2-menu-content .attribut .header {
  display: flex;
    align-items: center;

}

#filtres-v2-menu #filtres-v2-menu-content .attribut .titre {
	font-size:20px;
}

#filtres-v2-menu #filtres-v2-menu-content .attribut  .amout {
	margin-left:10px;
	text-align:left;
	font-size:14px;
}

#filtres-v2-menu #filtres-v2-menu-content .attribut:last-child {
  border-color: #FFFFFF;
}

#filtres-v2-menu #filtres-menu-footer {
	flex-shrink: 0; /* Prevent the footer from shrinking */
    display: flex;
    justify-content: center;
	gap: 20px; /* Add space between the buttons */
    padding: 10px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    position: sticky;
    bottom: 0;
}

#filtres-v2-menu #filtres-menu-footer button {
    width: calc(50% - 40px);
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    border: none;
	height:35px;
    border-radius: 17.5px;
    transition: background-color 0.3s ease;
	display: flex;
    align-items: center;
    justify-content: center;
}

#filtres-v2-menu #filtres-menu-footer #reset-filtres {
    background-color: #d3d3d3; /* Light grey */
    color: black;
}

#filtres-v2-menu #filtres-menu-footer  #reset-filtres:hover {
    /*background-color: #a9a9a9;*/
}

#filtres-v2-menu #filtres-menu-footer  #show-results {
    background-color: #000; /* Black */
    color: white;
}

#filtres-v2-menu #filtres-menu-footer  #show-results:hover {
    /*background-color: #333;*/
}


/* SLIDER */
#filtres-v2-menu .ui-slider {
    position: relative;
    text-align: left;
    height: 3px; /* Height of the slider line */
    background: #ccc; /* Color of the slider line */
    border-radius: 1.5px; /* Rounded corners for the slider line */
    border: none;
	width: calc(100% - 30px);	
	margin-left:20px;
	margin-bottom:15px;
}

#filtres-v2-menu .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    background: var(--filtres-color);
    top: 50%; /* Center the handle vertically */
    transform: translateY(-50%); /* Adjust position to center */
}

#filtres-v2-menu .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 100%;
    background: var(--filtres-color);
    border: none;
}

#filtres-v2-menu #amount-price {
}


/* RADIO */
	/* Masquer l'input radio par défaut */
	#filtres-v2-menu input[type="radio"].filter-radio {
		position: absolute;
		opacity: 0;
	}
	
	/* Style pour le label qui contient l'input radio */
	#filtres-v2-menu label.filter-radio-label {
  		display: block; /* Utiliser Flexbox pour aligner le contenu */
  		align-items: center;		
		cursor: pointer;
		margin: 10px;
		position: relative;
		padding-left: 30px; /* Ajouter un padding pour laisser de la place aux cercles */
		width: 100%; /* Assurer que le label occupe toute la largeur */
		box-sizing: border-box;
	}
	
	/* Créer un cercle pour l'input radio personnalisé */
	#filtres-v2-menu label.filter-radio-label::before {
	  content: '';
	  display: inline-block;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #FFF; /* Couleur de la bordure intérieure */
	  border-radius: 50%;
	  box-sizing: border-box;
	  transition: background 0.3s, border-color 0.3s;
	  background-color: white;
	  position: absolute;
	  left: 4px; /* Positionner au centre horizontalement */
	  top: 4px;  /* Positionner au centre verticalement */
	}
	
	/* Créer une bordure extérieure autour du cercle */
	#filtres-v2-menu label.filter-radio-label::after {
	  content: '';
	  position: absolute;
  left: 0;
  top: 0;

	  width: 23px;
	  height: 23px;
	  border: 1px solid #474646; /* Couleur de la bordure extérieure */
	  border-radius: 50%;
	  box-sizing: border-box;
	  transition: border-color 0.3s;
	  background-color: white;
	  z-index: -1;
	}
	
	/* Style lorsque l'input radio est checked */
	#filtres-v2-menu input[type="radio"].filter-radio:checked + label.filter-radio-label::before {
		background-color: var(--filtres-color); /* Couleur de l'intérieur du cercle */
		border-color: var(--filtres-color);
	}
	
/* CHECKBOX */
	/* Masquer l'input checkbox par défaut */
	#filtres-v2-menu input[type="checkbox"].filter-checkbox {
	  position: absolute;
	  opacity: 0;
	}
	
	/* Style pour le label qui contient l'input checkbox */
	#filtres-v2-menu label.filter-checkbox-label {
		box-sizing: border-box;
	  display: block;
	  cursor: pointer;
	  margin: 10px 0;
	  position: relative;
	  padding-left: 40px; /* Ajouter un padding pour laisser de la place aux carrés */
	  width: 100%; /* Assurer que le label occupe toute la largeur */
	}
	
	/* Créer un carré pour l'input checkbox personnalisé */
	#filtres-v2-menu label.filter-checkbox-label::before {
	  content: '';
	  display: inline-block;
	  width: 23px;
	  height: 23px;
	  border: 1px solid #474646; /* Couleur de la bordure */
	  background-color: white;
	  position: absolute;
	  left: 8px;
	  top: 50%;
	  border-radius:3px;
	  transform: translateY(-50%); /* Centrer verticalement */
	  transition: background 0.3s, border-color 0.3s;
	  box-sizing: border-box;
	}
	
	/* Style lorsque l'input checkbox est checked */
	#filtres-v2-menu input[type="checkbox"].filter-checkbox:checked + label.filter-checkbox-label::before {
	  background-color: var(--filtres-color); /* Couleur de fond lorsqu'il est coché */
	  border-color: var(--filtres-color);
	  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.285 4.708a1 1 0 00-1.413-1.414L9 13.166 5.128 9.293a1 1 0 00-1.414 1.414l4.999 5a1 1 0 001.414 0l10.158-10z"/></svg>'); /* Ajouter une coche SVG blanche */
	  background-size: 17px 17px; /* Ajuster la taille de l'image */
	  background-position: center;
	  background-repeat: no-repeat;
	}
	
/* CHECKBOX COLOR */
#filtres-v2-menu input[type="checkbox"].filter-checkbox-color {
  position: absolute;
  opacity: 0;
}

/* Conteneur des labels de couleur */
#filtres-v2-menu .filter-checkbox-color-container {
	margin-top:10px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px; /* Espacement entre les colonnes */
	row-gap: 10px; /* Espacement entre les lignes */
}

/* Style pour le label qui contient l'input checkbox */
#filtres-v2-menu label.filter-checkbox-color-label {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  margin: 0;
  position: relative;
  padding-left: 0; /* Réinitialiser le padding */
}

/* Créer un rond pour l'input checkbox personnalisé */
#filtres-v2-menu label.filter-checkbox-color-label::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #D5D5D5; /* Couleur de la bordure */
  border-radius: 50%; /* Rendre l'élément circulaire */
  transition: background 0.3s, border-color 0.3s;
  box-sizing: border-box;
}

/* Ajouter la couleur de fond au rond */
#filtres-v2-menu input[type="checkbox"].filter-checkbox-color + label.filter-checkbox-color-label::before {
  background-color: var(--color);
}

/* Style lorsque l'input checkbox est checked - coche blanche */
#filtres-v2-menu input[type="checkbox"].filter-checkbox-color:checked + label.filter-checkbox-color-label.check-white::before {
  border-color: var(--filtres-color); /* Couleur de la bordure lorsqu'il est coché */
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'><path d='M20.285 4.708a1 1 0 00-1.413-1.414L9 13.166 5.128 9.293a1 1 0 00-1.414 1.414l4.999 5a1 1 0 001.414 0l10.158-10z'/></svg>");
  background-size: 17px 17px; /* Ajuster la taille de l'image */
  background-position: center;
  background-repeat: no-repeat;
}

/* Style lorsque l'input checkbox est checked - coche noire */
#filtres-v2-menu input[type="checkbox"].filter-checkbox-color:checked + label.filter-checkbox-color-label.check-black::before {
  border-color: var(--filtres-color); /* Couleur de la bordure lorsqu'il est coché */
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'><path d='M20.285 4.708a1 1 0 00-1.413-1.414L9 13.166 5.128 9.293a1 1 0 00-1.414 1.414l4.999 5a1 1 0 001.414 0l10.158-10z'/></svg>");
  background-size: 17px 17px; /* Ajuster la taille de l'image */
  background-position: center;
  background-repeat: no-repeat;
}
/* Style pour le texte du label */
#filtres-v2-menu label.filter-checkbox-color-label .color-name {
  margin-top: 2px;
  font-size: 11px;
  text-align: center;
}
	
	
/* PLACEHOLDER POUR LES PRODUITS AJAX */	
/* Style général pour les placeholders */
#ajax-produits .placeholder {
    border-radius: 4px;
    margin: 10px 0;
}

/* Animation de pulsation */
@keyframes pulse {
    0% {
        background-color: #e0e0e0;
    }
    50% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: #e0e0e0;
    }
}

/* Styles et animation pour les éléments individuels à l'intérieur du placeholder */
#ajax-produits .placeholder .image,
#ajax-produits .placeholder .nom-produit,
#ajax-produits .placeholder .avis-clients,
#ajax-produits .placeholder .prix,
#ajax-produits .placeholder .stock,
#ajax-produits .placeholder .goto {
    background-color: #e0e0e0;
    animation: pulse 1.5s infinite ease-in-out;
    border-radius: 4px;
    margin: 10px 0;
}

#ajax-produits .placeholder .image {
    width: 100%;
    background-color: #d0d0d0;
    position: relative; /* Nécessaire pour le positionnement absolu de l'enfant */
}

#ajax-produits .placeholder .image::before {
    content: "";
    display: block;
    padding-top: 100%; /* Crée un rapport d'aspect 1:1 (carré) */
}

#ajax-produits .placeholder .image > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d0d0d0; /* Même couleur de fond pour l'élément interne */
}

#ajax-produits .placeholder .nom-produit,
#ajax-produits .placeholder .avis-clients,
#ajax-produits .placeholder .prix,
#ajax-produits .placeholder .prix,
#ajax-produits .placeholder .stock,
#ajax-produits .placeholder .goto {
    height: 10px;
}


#ajax-produits .placeholder .goto {
    height: 35px;
    border-radius: 17.5px;
}	

/* PGS */
#categorie-produit-shopping-v2 {
	box-sizing: border-box;
	width: 100%;
	max-width: 900px;
	margin: 10px auto; /* Centrer horizontalement */
	padding: 20px;
	border-bottom: 1px solid #EEEEEE;
	display: flex;
	flex-wrap: wrap;
}

#categorie-produit-shopping-v2 #shop-left {
	float:left;
	width:50%;	
	text-align:center;	
}

#categorie-produit-shopping-v2 #shop-left #marketing {
	text-align:center;	
}

#categorie-produit-shopping-v2 #shop-right {
	float:left;
	margin-left:10%;
	width:40%;
	text-align: center;	
}

@media (max-width: 600px) {
	#categorie-produit-shopping-v2 #shop-left {
		float:none;
		width:100%;	
	}

	#categorie-produit-shopping-v2 #shop-right {
		float:none;
		margin-left:0;
		width:100%;
		text-align: center;	
	}
}

#categorie-produit-shopping-v2 #shop-right #nom-produit {
	font-size:18px;
	font-weight:bold;
	text-align: center;
}

#categorie-produit-shopping-v2 #shop-right #avis-clients {
	margin-top:5px;
	font-size:14px;
	display: flex;
    justify-content: center; /* Centrer horizontalement */
	align-items: center; /* Centrer verticalement */
}

#categorie-produit-shopping-v2 #shop-right #temoignages a {
	display: flex;
    align-items: center;
	color:var(--avis-client-color);
	text-decoration:none;
	font-weight:bold;
	height:15px;
	line-height:15px;
}

#categorie-produit-shopping-v2 #shop-right #temoignages img {
    vertical-align: middle;
}

#categorie-produit-shopping-v2 #shop-right #temoignages a:hover .txt {
	text-decoration:underline;
}

#categorie-produit-shopping-v2 #shop-right #content {
}

#categorie-produit-shopping-v2 #shop-right #description-categorie {
	margin-top:20px;
	line-height:20px;
	font-weight:normal;
    display: flex;
    justify-content: center;
}

#categorie-produit-shopping-v2 #shop-right #description-categorie:not(:empty) {
	/*padding:2px;
	background-color:#F0F0F0;*/
}

#categorie-produit-shopping-v2 #shop-right #description-categorie ul {
	display: inline-block;
	margin:0;
	padding:0;
}

#categorie-produit-shopping-v2 #shop-right #description-categorie ul li {
	padding: 0;
	margin: 0;
	background-image: url(images/check_gamme.jpg);
	list-style-type: none;
	min-height: 15px;
	height:auto;
	line-height: 15px;
	font-size: 15px;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-align:left;
	margin-bottom:10px;
}


#categorie-produit-shopping-v2 #shop-right #description-categorie #avis_expert {
	display:none;
}


#categorie-produit-shopping-v2 #shop-right #fin_promo {
	flex-basis: 100%;
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
}

#categorie-produit-shopping-v2 #shop-right #fin_promo #date {
	color: var(--price-color);
	display:inline;
}

#categorie-produit-shopping-v2 #shop-right #prix_promo #prix_public_promo {
	text-align:center;
	font-size:14px;
	color: #608B3D;
	font-weight:bold;
	line-height:14px;
	display:block;
	/*margin-top:10px;*/
	padding:2px;
	padding-top:0px;
	/*padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;*/
}

#categorie-produit-shopping-v2 #shop-right #prix_public_promo #prix_public_promo_rupture {
	margin-top: 5px;
	font-size: 13px;
	
	/* ORANGE */
	color: #F60;
	font-weight:bold;
	display: inline-block;
}

#categorie-produit-shopping-v2 #shop-right #fiche-technique {
	margin-top:10px;
}

#categorie-produit-shopping-v2 #shop-right #buy {
	margin-top:25px;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p {
	margin-top:10px;
	text-align:left;
	font-size:20px;	
	color: var(--price-color);
	line-height:60px;
	min-height:60px;
	height:auto;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p #remise {
	display: inline-block;
	font-size:25px;
	line-height:25px;
	background-color:#AC1F21;
	color:#FFF;
	padding:5px;
	font-family: 'Keepcal-light',Arial, Verdana, Helvetica, sans-serif;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p #prix-barre {
	display: inline-block;
	color: #333;
	font-size:20px;
	text-decoration:line-through;
	line-height:30px;
	margin-left:10px;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p #prix-barre .euro {
	display: inline;
	margin-left:0px;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p #prix {
	display: inline-block;
	margin-left:10px;
	line-height:30px;
	font-size:20px;
}

#categorie-produit-shopping-v2 #shop-right #buy #prix_p .euro {
	display: inline;
	margin-left:3px;
	font-size:12px;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo {
	font-size:12px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
	text-align:center;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo #date {
	color: #AC1F21;
	display:inline;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo #limite {
	font-size:11px;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo #restant {
	margin-top:10px;
	text-transform: uppercase;
	background-color:#BE2C2C;
	padding:5px;
	color:#FFF;
	font-size:14px;
	display: inline-block;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo_count {
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
}

#categorie-produit-shopping-v2 #shop-right #buy #promo_count #countdown_g {
	color: #AC1F21;
	display:inline;
	font-weight:bold;
	padding:4px;
	background-color: #FF0;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_gauche {
	 box-sizing: border-box;
	float:left;
	width:calc((100% - 70px) / 2);
	text-align:right;
	font-size:21px;
	color:#333;
	height:35px;
	line-height:12px;
	margin-right:5px;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_gauche .pvc {
	font-size:12px;
	color:#333;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_centre_remise {
	float:left;
	width:50px;
	text-align:center;
	background-color: var(--price-color);
	font-size:18px;
	color: #FFF;
	height:25px;
	padding:5px;
	line-height:25px;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_centre_remise .prix_centre_remise_remise {
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_droite {
	box-sizing: border-box;
	float:right;
	width:calc((100% - 70px) / 2);
	text-align:left;
	margin-left:5px;
	font-size:20px;
	color: var(--price-color);
	height:35px;
	line-height:12px;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_droite .pvc {
	font-size:12px;
	color: #333;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_centre {
	text-align:center;
	font-size:20px;
	line-height:20px;
	color: #C30;
	margin:0;
	padding:0;
	height:auto;
}

#categorie-produit-shopping-v2 #shop-right #buy .prix_centre .pvc {
	font-size:12px;
	color: #333;
	height:20px;
}


#categorie-produit-shopping-v2 #shop-right #buy #stock:not(:empty) {
	margin-top:10px;
	text-align: center;
	font-size:18px;
	color: #618B3D;
	font-weight:bold;
}

#categorie-produit-shopping-v2 #shop-right #buy #qte_stock:not(:empty) {
	margin-top:10px;
	text-align: center;
	font-size:15px;
	color: #AC1F21;
}

#categorie-produit-shopping-v2 .stock-dispo-2 {
	font-size:12px;
}

#categorie-produit-shopping-v2 #shop-right #buy #msg_noe:not(:empty) {
	margin-top:5px;
	font-size: 12px;
	color: #ac1f21;
	font-weight:bold;
	text-align:center;
}

#categorie-produit-shopping-v2 #shop-right #buy .bt-commander {
	width: 100%;
	max-width:300px;

	border: 0px;
	background-color: var(--bt-action-color);
	color: #FFF;
	font-size: 22px;
	min-height: 40px;
	height: 45px;
	line-height: 45px;
	border-radius: 22.5px; /* Coins complètement arrondis */
	text-transform: uppercase;
	margin-top:15px;
	cursor: pointer;
}

#categorie-produit-shopping-v2 #shop-right #buy .bt-commander:hover {
	transform: scale(1.05); /* Augmenter légèrement la taille au survol */
}

#categorie-produit-shopping-v2 #shop-right #benefices_titre {
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
}

#categorie-produit-shopping-v2 #shop-right .benefice {
	height: 20px;
	margin-top:10px;	
	margin-bottom:6px;
}

#categorie-produit-shopping-v2 #shop-right #info {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: bold;
	display: none;
	width:60%;
	width: -webkit-calc(60% - 10px);
	width: -moz-calc(60% - 10px);
	width: calc(60% - 10px);
}

#categorie-produit-shopping-v2 .reservation {
	font-size:14px;
	line-height:18px;
	color: #F60;
	font-weight: bold;
}

#categorie-produit-shopping-v2 .stock {
	margin-top:10px;	
	font-size:18px;
	height:20px;
	color: #468C00;
	text-align:center;
	/*text-transform:uppercase;*/
	font-weight:bold;
}

#categorie-produit-shopping-v2 .stock-dispo-2 {
	margin-top:5px;	
	font-size:12px;
	height:20px;
	color: #618B3D;
	text-align:center;
	font-weight:bold;
}

/* PRODUIT */
#produit-v2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* Assure que les éléments sont alignés en haut */
}

#produit-v2 .franco_v2 {
	margin-top:10px;
	max-width:150px;
	height:auto;
}

#produit-v2 #produit-gauche {
    margin-top: 20px;
    width: calc((100% - 300px) / 2); /* 300px correspond à la largeur fixe de produit-droite */
    min-height: 250px;
    height: auto;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
}

#produit-v2 #produit-centre {
    margin-top: 20px; /* Assurez-vous que la marge est la même pour aligner les éléments */
    width: calc((100% - 300px) / 2); /* 300px correspond à la largeur fixe de produit-droite */
    min-height: 250px;
    height: auto;
	margin-left:0px;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	padding-left:30px;
	padding-right:30px;
}

#produit-v2 #produit-droite {
    margin-top: 20px; /* Assurez-vous que la marge est la même pour aligner les éléments */
    width: 300px; /* Largeur fixe */
    height: auto;
    text-align: center;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
}

#produit-v2 #produit-contenu .titre {
	font-family:  'Nunito Sans', Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
}

@media (max-width: 900px) {
    #produit-v2 {
        display: flex;
        flex-direction: column; /* Aligne les éléments verticalement */
    }
	
    #produit-v2 #h2-produit {
        text-align:center;
    }

    #produit-v2 #produit-gauche,
    #produit-v2 #produit-centre,
    #produit-v2 #produit-droite {
        width: 100%; /* Chaque div prend 100% de la largeur */
        margin-left: 0; /* Réinitialise les marges */
        padding-left: 0; /* Réinitialise les padding */
        padding-right: 0; /* Réinitialise les padding */
    }
	
	#produit-v2 #produit-contenu {
		width:100%;
	}


}

#produit-v2 #produit-centre h2 {
    margin:0;
}

#produit-v2 #produit-centre #desc {
		padding-bottom:15px;
	}

#produit-v2 #desc #marque {
		margin-top:10px;
		float: left;
		width: 25%;
	}

#produit-v2 #desc #attributs {
		margin-top:10px;
		background-color: #FFFFFF;
		padding:5px;
		font-size: 13px;
		margin-bottom:10px;
		line-height:20px;
		float: left;
		width: 70%;
		margin-left:2%;
	}
	
	
#produit-v2 #desc #attributs:not(:empty) {
		background-color: #F2F2F2;
	}
	
	@media (max-width: 800px)
	{
		#produit-v2  #desc #marque {
			margin-top:0px;
			display:none;
			float:none;
		}
	
		#produit-v2 #desc #attributs {
			float: none;
			width: 95%;
			margin:0;
			margin-top:15px;
		}
	}


#produit-v2 #pvc.non-empty {
    margin-bottom: 7px;
}

#produit-v2 #produit-centre-header {
	padding-bottom:0px;
	/*border-bottom: 1px solid #E4E4E4;*/
	text-align:left;
}

#produit-v2 #produit-centre-header #sells {
	font-size:12px;
	color:#666666;
	margin-top:5px;
}

#produit-v2 #produit-centre-header #sells:empty {
	margin-top:0px;
}

#produit-v2 #produit-centre #buy-desktop {
	padding-bottom:10px;
	padding-top:10px;
	/*border-bottom: 1px solid #E4E4E4;*/
	min-height:40px;
	height:auto;
	box-sizing:border-box;
}

#produit-v2 #produit-centre #buy-desktop .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}

#produit-v2 #produit-centre #buy-desktop .prix_p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	flex-wrap: wrap;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #prix_gauche {
    box-sizing: border-box;
    text-align: right;
    font-size: 21px;
    color: #333;
    height: 35px;
    line-height: 12px;
    margin-right: 5px; /* Cela devrait fonctionner correctement maintenant */
}

#produit-v2 #produit-centre #buy-desktop .prix_p #prix_gauche #pvc {
    font-size: 10px;
    color: #333;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #prix_centre_remise {
    margin-top: 0;
    width: 50px;
    text-align: center;
    background-color: var(--price-color);
    font-size: 18px;
    color: #FFF;
    height: 25px; /* Aligner la hauteur avec les autres divs */
    padding: 5px;
    line-height: 25px;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #prix_droite {
    box-sizing: border-box;
    text-align: left;
    margin-left: 5px;
    font-size: 20px;
    color: var(--price-color);
    height: 35px;
    line-height: 12px;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #prix_droite #pvc {
	font-size:10px;
	color: #333;
}
	
#produit-v2 #produit-centre #buy-desktop .prix_p #prix_centre {
	text-align:left;
	font-size:20px;
	line-height:20px;
	margin:0;
	padding:0;
	height:auto;
	color: var(--price-color);
}
	
#produit-v2 #produit-centre #buy-desktop .prix_p #prix_centre #pvc {
	font-size:10px;
	color: #333;
}


#produit-v2 #produit-centre #buy-desktop .prix_p .prix_code_promo {
	margin-top:5px;
	font-size:11px; 
	color:black;
	text-align:left;
	flex-basis: 100%;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #fin_promo {
	flex-basis: 100%;
	font-size:13px;
	color: #333;
	line-height:14px;
	display:block;
	margin-top:10px;
}

#produit-v2 #produit-centre #buy-desktop .prix_p #fin_promo #date {
	color: var(--price-color);
	display:inline;
}


@media (max-width: 900px) {
	
	#produit-v2 #produit-centre-header {
		text-align:center;
		border:none;
	}

	#produit-v2 #produit-centre #buy-desktop {
		display:none;
	}
}

#produit-v2 #produit-centre #description-marketing #benefices_titre {
    margin-top: 10px;
    font-weight: bold;
    font-size: inherit;
    color: var(--produit-benefices-color);
}

#produit-v2 #produit-centre #description-marketing .benefice {
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-left: 20px; /* Laisser de l'espace pour le check */
	background:none;
	text-indent:0px;
}

#produit-v2 #produit-centre #description-marketing .benefice::before {
    content: '\2713'; /* Unicode pour le check mark */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--produit-benefices-color); /* Couleur du check */
    font-size: 18px; /* Taille du check */
    line-height: 20px; /* Alignement vertical du check */
}


@media all and (max-width: 900px) {
	
	#produit-v2 #produit-centre #description-marketing {
		text-align:center;
		 
	}
    #produit-v2 #produit-centre #description-marketing .benefice {
        padding-left: 0; /* Supprime l'espace laissé pour le check */
        text-align: center; /* Centre le texte */
        display: flex; /* Utiliser flexbox pour aligner le texte et le check */
        justify-content: center; /* Centre le contenu horizontalement */
        align-items: center; /* Aligne verticalement */
    }

    #produit-v2 #produit-centre #description-marketing .benefice::before {
        content: '\2713'; /* Unicode pour le check mark */
        font-size: 18px;
        margin-right: 10px; /* Ajoute un espace entre le check et le texte */
        position: static; /* Change la position en normale pour être géré par Flexbox */
    }
}


#produit-v2 #videos_c {
	width:100%;
    max-width: 100%;
	height:auto;
	margin:auto;	
}

#produit-v2 .wrapper {
	width:100%;
    max-width: 700px;
	padding:0;
    margin:0px auto;
	box-sizing:border-box;
}

#produit-v2  .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#produit-v2 #poser_question .poser {
	margin-top: 15px;
	max-width:95%;
	width:auto;
	box-sizing: border-box; 
	border: 0px;
	background-color: #292929;
	color: #FFF;
	font-size: 18px;
	min-height: 40px;
	height: 45px;
	line-height: 45px;
	border-radius: 22.5px; /* Coins complètement arrondis */
	text-transform: uppercase;
	cursor: pointer;
	text-align:center;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	
	font-family:  'Nunito Sans', Arial, sans-serif;
	
	-webkit-appearance: none;
}
	
#produit-v2 #produit-centre .poser:hover {
	background-color: #292929;
	transform: scale(1.05); /* Augmenter légèrement la taille au survol */
}


#produit-v2 #produit-droite #bloc-commande #commande {
	/*border: 1px solid #E8E8E8;
	padding: 15px;
	width: 100%;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	
		border: 1px solid rgba(232, 232, 232, 0.8); /* Bordure plus douce */
	border-radius: 8px; /* Coins légèrement arrondis */
	padding: 15px;
	width: 100%;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	background-color: #FDFDFD; /* Fond très légèrement gris */
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); /* Ombre très subtile pour du relief */

}

@media (max-width: 900px) {
	#produit-v2 #produit-droite #bloc-commande #commande {
		border: none;
		padding-top:15px;
	}
}

@media (max-width: 900px) and (min-height: 600px) {	
	#produit-v2 #produit-droite #bloc-commande-mobile {
		display:block;
		position:fixed;
		bottom:0;
		margin:0;
		left:0;
		width:100%;
		background-color:#FFF;
		padding-top:5px;
		z-index:500;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #F4F4F4;
		padding-top:10px;
		padding-bottom:30px;

	}

}

	#produit-v2 #produit-droite #bloc-commande-mobile #bt_mobile {
		margin-top:10px;
	}

#produit-v2 #recommandations {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 20px), 1fr)); /* Ajusté pour 3 blocs par ligne */
    column-gap: 20px; /* Espacement entre les colonnes */
    row-gap: 20px; /* Aucun espacement entre les rangées */
    margin-top: 10px;
    margin-bottom: 10px;
	justify-content: flex-start;
}

#produit-v2 #recommandations .titre {
    grid-column: 1 / -1; /* Le titre prendra toute la largeur disponible */
    margin-bottom: 10px; /* Facultatif : espacement en bas du titre */
}

@media (max-width: 1200px) {
    #produit-v2 #recommandations {
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr)); /* Ajusté pour 2 blocs par ligne */
    }
}

@media (max-width: 600px) {
    #produit-v2 #recommandations {
        grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr)); /* Ajusté pour 2 blocs par ligne */
    }
}

#produit-v2 #recommandations .bloc-produit-v2 .goto {
	background-color: #393939;	
}

#produit-v2 #produit-droite #prix_p {
	border:none;
}

#produit-v2 #produit-droite #disponibilite {
	border:none;
}

#produit-v2 #produit-droite #livraison {
	border:none;
}


#produit-v2 #produit-droite .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}


#produit-v2 #produit-droite #prix_p #prix_gauche {
	box-sizing: border-box;
	float:left;
	width:calc((100% - 70px) / 2);
	text-align:right;
	font-size:21px;
	color:#333;
	height:35px;
	line-height:12px;
	margin-right:5px;
}

#produit-v2 #produit-droite #prix_p #prix_centre_remise {
	margin-top:0px;
	float:left;
	width:50px;
	text-align:center;
	background-color: var(--price-color);
	font-size:18px;
	color: #FFF;
	height:25px;
	padding:5px;
	line-height:25px;
}
	
#produit-v2 #produit-droite #prix_p #prix_droite {
	box-sizing: border-box;
	float:right;
	width:calc((100% - 70px) / 2);
	text-align:left;
	margin-left:5px;
	font-size:20px;
	color: var(--price-color);
	height:35px;
	line-height:12px;
}
	
#produit-v2 #produit-droite #prix_p #prix_centre {
	text-align:center;
	font-size:20px;
	line-height:20px;
	margin:0;
	padding:0;
	height:auto;
	color: var(--price-color);
}
	
#produit-v2 #produit-droite #prix_p #prix_centre #pvc {
	font-size:10px;
	color: #333;
}

#produit-v2 #produit-droite #prix_p .prix_code_promo {
	margin-top:10px;  
	font-size:11px; 
	color:black;
}


#produit-v2 #produit-droite #bloc-commande #commande #liste_references {
	margin-top:0px;
	font-size:14px;	
}

#produit-v2 #produit-droite #bloc-commande #commande #liste_references:not(:empty) {
	margin-top:10px;
	margin-bottom:10px;
}

#produit-v2  #produit-droite #bloc-commande #commande #disponibilite {
	padding:0;
}

#produit-v2  #produit-droite #disponibilite .delai {
	color:var(--bt-action-color);
	font-size: 16px;
}

#produit-droite #prix_public_promo #prix_public_promo_rupture {
	margin-top:0px;
	font-size: 13px;
	/* ORANGE */
	color: #F60;
	font-weight:normal;
}

#produit-v2 #produit-droite #bloc-commande #commande #qte {
	font-size:13px;	
}

#produit-v2 #produit-droite .bt-commander {
	width: 100%;
	max-width:200px;
	border: 0px;
	background-color: var(--bt-action-color);
	color: #FFF;
	font-size: 18px;
	min-height: 40px;
	height: 45px;
	line-height: 45px;
	border-radius: 22.5px; /* Coins complètement arrondis */
	text-transform: uppercase;
	margin-top:0px;
	cursor: pointer;
	text-align:center;
	
	font-family:  'Nunito Sans', Arial, sans-serif;
	background-image:none;
	background-repeat: no-repeat;
	background-position: none;

	letter-spacing: normal;
	padding: 0px;
}


#produit-v2 #produit-droite .bt-commander:hover {
	transform: scale(1.05); /* Augmenter légèrement la taille au survol */
}

#temoignages-header-v2 span {
	color:var(--avis-client-color);
	font-weight:bold;
	height:15px;
	line-height:15px;
	cursor:pointer;
}

#temoignages-header-v2 .txt:hover{
	text-decoration:underline;
}

#produit-v2 .temoignage {
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    margin-bottom: 20px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #F4F4F4;
    padding-bottom: 5px;
    display: flex; /* Utilisation de Flexbox */
    align-items: center; /* Centre verticalement les enfants */
}

#produit-v2 .temoignage .nom,
#produit-v2 .temoignage .note_etoile,
#produit-v2 .temoignage .note,
#produit-v2 .temoignage .achat {
    display: inline-block;
    margin-right: 10px; /* Espace entre les éléments */
}

#produit-v2 .temoignage .achat {
    color: var(--avis-client-color);
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

#produit-v2 .temoignage .tem-cli {
    width: 100%; /* Prend 100% de la largeur */
    clear: both; /* S'assure que l'élément est en dessous de tous les éléments flottants */
}

#produit-v2 .temoignage .tem-cli img {
    display:none;
}

/* PRODUIT V2-2 */
#produit-v2.produit-v2-2 #produit-content {
    display: grid;
	grid-auto-flow: column;
    grid-template-columns: 55fr 45fr; /* 55% et 45% sans avoir à soustraire le gap */
  grid-auto-rows: 1fr;
    align-items: stretch; /* Aligner en haut */
	grid-column-gap:50px;
	margin: 0 auto; /* Centre le conteneur sur la page */
}

#produit-v2.produit-v2-2 #produit-gauche {
	box-sizing: border-box; /* Inclut le padding dans la largeur */
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important; /* Coupe toute partie qui dépasse */
    flex-shrink: 0 !important;
	display: flex;
    flex-direction: column; /* Garde l'organisation verticale des enfants */
	height:100%;
}

#produit-v2.produit-v2-2 #produit-droite {
    text-align: center;
    box-sizing: border-box; /* Inclut le padding dans la largeur */
	flex: 1 1 auto; /* Laisse l’enfant s’adapter */
	width: 100%;
	overflow: visible !important;
	flex-shrink: 0 !important;
    display: flex;
	gap:0;
    flex-direction: column; /* Garde l'organisation verticale */
	height:100%;
}

#produit-v2.produit-v2-2 #produit-contenu {
	width:100%;
	padding:0px;
}

@media screen and (max-width: 600px) {
	#produit-v2.produit-v2-2 #produit-content {
		display: flex;
		flex-direction: column;
		gap: 20px; /* facultatif pour espacer les blocs */
	}
  
	#produit-v2.produit-v2-2 #produit-droite {
		order: 1; /* Passe au-dessus de produit-gauche */
		width: 100% !important;
		height: auto !important;
	}

	#produit-v2.produit-v2-2 #produit-gauche {
		order: 2;
		width: 100% !important;
		height: auto !important;
	}
  	 
	/* Suppression du sticky sur mobile */
	#produit-v2.produit-v2-2 #produit-droite #bloc-commande {
    	position: relative !important;
    	top: 0 !important;
		
	}
	
	#produit-v2.produit-v2-2 #produit-contenu {
		text-align:left;
	}
	
	#produit-v2.produit-v2-2 #produit-contenu #produit-description {
		text-align:left;
	}
}




#produit-v2.produit-v2-2 #images_desktop_v2 {
    display: flex;
    flex-direction: column; /* Garde la structure si besoin */
}

#produit-v2.produit-v2-2 #images_desktop_v2 #imagesContainer {
    display: flex; /* Met en ligne #mainImageWrapper et #thumbnails */
    align-items: flex-start; /* Aligne en haut */
    width: 100%; /* S'assure qu'il prend toute la largeur disponible */
	    gap: 30px; /* Réduction de l'écart pour un effet plus compact */
    width: 100% !important;
    max-width: 100% !important;
}

/* Miniatures */
#produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100px;
    height: 500px;
	max-height:100%;
	    flex-shrink: 0; /* Empêche le redimensionnement */
		padding-top:30px;
		padding-bottom:30px;
		overflow:hidden;
}

#produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails img {
	width: 100px;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	border-radius: 10px; /* Bords arrondis */
	border: 2px solid rgba(0, 0, 0, 0.1); /* Bordure fine et discrète */
	padding: 5px; /* Espace entre l'image et la bordure */
	background-color: white; /* Fond blanc pour créer l'effet de marge */
	box-sizing: border-box; /* Garde la taille totale de l'élément correcte */
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-up,
#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-down {
  all: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-up::before,
#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-down::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #333;
  transform: rotate(-45deg);
  border-radius: 2px;
  transition: border-color 0.2s ease;
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-down::before {
  transform: rotate(135deg); /* flèche vers le bas */
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-up {
  top: 0;
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-down {
  bottom: 0;
}

#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-up:hover::before,
#produit-v2.produit-v2-2 #images_desktop_v2 .chevron-down:hover::before {
  border-color: #000;
}



/* Wrapper de l'image principale */
#produit-v2.produit-v2-2 #mainImageWrapper {
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	    max-width: 100%;
    height: 100%;
    overflow: hidden; /* Empêche le débordement */
}

/* Image principale */
#produit-v2.produit-v2-2 #mainImageStatic,
#produit-v2.produit-v2-2 #mainImage
{
    width: auto;
    margin-left: 0; /* S'assurer que l'image est bien collée à gauche */ 
	border-radius: 15px;
	    overflow: hidden; /* Coupe toute partie qui dépasse */
    max-width: 100%; /* Empêche l'élargissement */
    max-height: 100%; /* Empêche le dépassement en hauteur */
}

#produit-v2.produit-v2-2 #mainImage img,
#produit-v2.produit-v2-2 #mainImageStatic img {
   width: 100%; /* Assure que l'image s'ajuste au conteneur */
    height: auto; /* Garde les proportions */
    object-fit: contain; /* Ajuste l’image sans la déformer */
}


/* Suppression des flèches de navigation */
#produit-v2.produit-v2-2 #images_desktop_v2 #mainImage .slick-prev,
#produit-v2.produit-v2-2 #images_desktop_v2 #mainImage .slick-next {
    display: none !important;
}

/* Aligner correctement les miniatures */
#produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails .slick-track {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 600px) {
  /* Empile verticalement */
  #produit-v2.produit-v2-2 #images_desktop_v2 #imagesContainer {
    flex-direction: column !important;
    gap: 15px;
  }

  /* Forcer l’image principale à apparaître en premier */
  #produit-v2.produit-v2-2 #images_desktop_v2 #mainImageWrapper {
    order: 1;
  }

  /* Forcer les vignettes à apparaître après */
  #produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails {
    order: 2;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 100%;
  }

  /* Miniatures responsive */
  #produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails img {
    width: 60px;
    height: auto;
    margin: 5px;
  }

  /* Corrige Slick si activé */
  #produit-v2.produit-v2-2 #images_desktop_v2 #thumbnails .slick-track {
    flex-direction: row !important;
  }
  
}

#produit-v2.produit-v2-2 #images_mobile_v2 #imagesContainer {
    flex-direction: column;
  }

  
#produit-v2.produit-v2-2 #images_mobile_v2  #mainImage {
	cursor:pointer;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	display: flex;               /* ✅ permet de centrer le contenu */
	justify-content: center;     /* ✅ centre horizontalement */
	align-items: center;         /* ✅ centre verticalement si hauteur définie */
  	box-sizing: border-box;
 	margin:0;
  	padding:0;
}

#produit-v2.produit-v2-2 #images_mobile_v2 #mainImage img {
  	max-width: 100%;
  	height: auto;
  	display: block;
}

#produit-v2.produit-v2-2 #images_mobile_v2 #thumbnails {
	margin:0;
	margin-top:10px;
	padding:0;
	width:100%;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
  	-webkit-overflow-scrolling: touch;
}

#produit-v2.produit-v2-2 #images_mobile_v2 #thumbnails img {
  	width: 100px;
  	height: auto;
  	flex-shrink: 0;
  	cursor: pointer;
	margin: 0 5px 0px 5px;
 	border-radius: 10px;
  	border: 2px solid rgba(0, 0, 0, 0.1);
  	padding: 5px;
  	background-color: white;
  	box-sizing: border-box;
}


@media screen and (max-width: 600px) {

  #produit-v2.produit-v2-2 #images_desktop_v2 {
    display: none;
  }
}
@media screen and (min-width: 601px) {

  #produit-v2.produit-v2-2 #images_mobile_v2 {
    display: none;
  }
}

#produit-v2.produit-v2-2 .avis_expert {
	display:none;
}



#produit-v2.produit-v2-2 #produit-droite #bloc-commande {
    text-align: left;
    width: 100%; /* Prend toute la largeur de #produit-droite */
    top: 10px;
    position: sticky;
	box-sizing: border-box; /* Inclut padding et border dans la largeur */
	padding:0;
	margin:0;
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande #bloc-commande-mobile {
    text-align: center;
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande #commande {
	border: none; /* Bordure plus douce */
	border-radius: 0px; /* Coins légèrement arrondis */
	padding: 0;
	background-color:unset;
	box-shadow: unset; /* Ombre très subtile pour du relief */
	margin-top:20px;
}


#produit-v2.produit-v2-2 #produit-droite #h2-produit {
    font-size:25px;
	line-height:30px;
	margin:0;
	text-align:left;
}

@media (max-width: 600px)
{
	#produit-v2.produit-v2-2 #produit-droite #h2-produit {
		font-size:20px;
		line-height:25px;
	}

}

#produit-v2.produit-v2-2 #produit-droite #sells {
	font-size:12px;
	color:#666666;
	margin-top:5px;
}

#produit-v2.produit-v2-2 #produit-droite #sells:empty {
	margin-top:0px;
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande #commande #disponibilite .delai {
	text-align:left;
	/*background-color:yellow;
	color: #0E7C3A;*/
}


#produit-v2.produit-v2-2 #produit-droite .bt-commander {
	/*background-color: 	#0E7C3A;*/
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande ul {
    margin-top: 40px;
    list-style: none;
    padding: 0;
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande ul li {
    position: relative;
    padding-left: 24px; /* un peu plus large pour icône */
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 15px;
	
	list-style: none;
	padding-left:0px;
}

#produit-v2.produit-v2-2 #produit-droite #bloc-commande ul li::before {
    /*content: "✔";
    color: #2ecc71;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.4;*/
}

#produit-v2.produit-v2-2 .franco_v2 {
	display:block;
	margin:0;
}

#produit-v2.produit-v2-2 .pagination-avis {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-family: sans-serif;
  margin-top: 20px;
}

#produit-v2.produit-v2-2 .pagination-avis .pagination-btn {
  background-color: #f0f0f0;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  padding: 0;
}

#produit-v2.produit-v2-2 .pagination-avis .pagination-btn:hover {
  background-color: #ddd;
}

#produit-v2.produit-v2-2 .pagination-avis .pagination-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

/* Chevron style */
#produit-v2.produit-v2-2 .chevron {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
}

#produit-v2.produit-v2-2 .chevron-left {
  transform: rotate(-135deg);
}

#produit-v2.produit-v2-2 .chevron-right {
  transform: rotate(45deg);
}




/* SEARCH */
#search-results-title {
	text-align:center;
	font-size:25px;
	
}

/* CADDIE */
.caddie-v2 #h1-caddie, .commande-2-v2 #h1-commande {
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family: 'Nunito Sans',Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.caddie-v2 #validationpanier #bouton a, .caddie-v2 #validationpanier_mobile #bouton a {
	margin-bottom: 20px;
	text-align:center;
	
	font-family: 'Nunito Sans',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:normal;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */

	width:90%;
	border:0px;
	background-color: var(--bt-action-color);
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
    padding: 10px 20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 25px;
    cursor: pointer;
	text-decoration:none;
}


.caddie-v2 #validationpanier #bouton a:hover, .caddie-v2 #validationpanier_mobile #bouton a:hover {
	background-color: var(--bt-action-color-hover);
}

.caddie-v2 #panier-expedition-today, .commande-2-v2 #panier-expedition-today {
	padding-left:20px;
	padding-right:30px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color:#0085B2;
	color: #FFFFFF;
	font-size:12px;
	line-height:14px;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	border-radius:5px;
	background-image: url('images/caddie-v2-expedition-today.jpg?v2'); /* Chemin vers votre image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: 20px center; /* Positionne l'image à gauche, centrée verticalement */
    background-size: 32px 22px; /* Ajuste la taille de l'image à la hauteur de l'élément */
    padding-left: 70px; /* Ajuste le padding pour laisser de l'espace pour l'image */
}

.commande-2-v2 #panier-expedition-today {
	margin-bottom:20px;
	font-size:11px;
	padding-right:10px;
	padding-left:60px;
}

@media (max-width: 600px) {
	
	.caddie-v2 #panier-expedition-today {
		margin-top:20px;
	}
	
	.commande-2-v2 #panier-expedition-today {
		font-size:13px;
	}
}

.caddie-v2 #panier-livraison {
	padding: 0px;
	margin-top: 10px;
	height: auto;
	font-size:12px;
	box-sizing: border-box;
}

@media (max-width: 768px), (max-device-width : 768px) and (orientation : portrait){
	#panier-livraison {
		width: 100%;
	}
}

.caddie-v2 #bon-reduction {
	text-align: center;
	padding:5px;
	margin-top:10px;
	height: auto;
	
	color: #666;
	line-height:20px;
}

.caddie-v2 #bon-reduction .ch {
	height: 25px;	
	width: 150px;
	display:inline-block;
	margin-left:10px;
}


.caddie-v2 #bon-reduction #bt {
	width: auto;
	border: 0px;
	background-color: #333333;
	color: #FFF;
	font-size: 13px;
	min-height: 25px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px; /* Coins complètement arrondis */
	text-transform: uppercase;
	margin-top:0px;
	cursor: pointer;
	text-align:center;
	
	font-family:  'Nunito Sans', Arial, sans-serif;
	background-image:none;
	background-repeat: no-repeat;
	background-position: none;

	letter-spacing: normal;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
}

.caddie-v2 #bon-reduction #ajax-bon-reduction {
	color: var(--bt-action-color);
	margin-top:5px;
}

/* COMMANDE */
.commande-v2 {

}

.commande-v2 .titre {
	color: #CC3300;
	font-weight: bold;
}

.commande-v2 #gotoconnect {
	cursor:pointer;
	text-decoration:underline;
}

.commande-v2 #commande-1-gauche {
	float: left;
	width:50%;
	margin-bottom: 20px;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	padding:50px;
}
.commande-v2 #commande-1-droite {
	float: right;
	width:50%;
	margin-bottom: 20px;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	padding:50px;
}

.commande-v2 #commande-client-mobile {
	display:none;
	margin-bottom:25px;
}

.commande-v2 .form_label {
	clear: both;
  	overflow: hidden;
  	margin-bottom:15px;	
}

.commande-v2 .form_label label {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom:5px;
}

.commande-v2 .form_label div {
    width: 100%;
    float: none;
	margin:0;
	text-align: left;
}
  
.commande-v2 input[type=text],
.commande-v2 input[type=email],
.commande-v2 input[type=url],
.commande-v2 input[type=password],
.commande-v2 textarea {
	outline: none; /* Supprime l'effet de contour */
	-webkit-appearance: none;
	border-radius: 3px;
	width: 100%;
	resize: none;
	-webkit-text-size-adjust: 100%; /* Empêche la mise à l'échelle du texte sur iOS */
	touch-action: manipulation; /* Améliore la gestion tactile */
	box-shadow: none; /* Désactive l'ombre autour */
	padding: 10px; /* Assure un espacement interne correct */
	font-size: 16px; /* Taille de texte plus adaptée pour les appareils mobiles */
	box-sizing: border-box;
	border: 1px solid var(--border-champ-color);
	transition: border-color 0.3s ease;
}

.commande-v2 input[type=text],
.commande-v2 input[type=email],
.commande-v2 input[type=url],
.commande-v2 input[type=password]
 {
	height: 45px;
}

.commande-v2 input[type=text]:focus,
.commande-v2 input[type=email]:focus,
.commande-v2 input[type=url]:focus,
.commande-v2 input[type=password]:focus,
.commande-v2 textarea:focus {
	border-color: var(--border-champ-color-focus);
	border-width:2px;
}
  
  
.champtexte_p15 {
	box-sizing:border-box;
	max-width:100%;
}
  
.commande-v2 select {
    border-radius: 3px;
    width: 100%; /* S'assure que le champ prend toute la largeur disponible */
    padding: 10px; /* Assure un espacement interne */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
    font-size: 16px; /* Taille du texte similaire aux autres champs */
    height: 45px; /* Même hauteur que les champs de texte */
	
	outline: none; /* Supprime l'effet de contour */
	-webkit-appearance: none;
	border-radius: 3px;
	resize: none;
	-webkit-text-size-adjust: 100%; /* Empêche la mise à l'échelle du texte sur iOS */
	touch-action: manipulation; /* Améliore la gestion tactile */
	box-shadow: none; /* Désactive l'ombre autour */

	box-sizing: border-box;
	border: 1px solid var(--border-champ-color);
	transition: border-color 0.3s ease;
	
	color:#000000;

}	    
  
  
.commande-v2  select.champtexte_p15 {
    -webkit-appearance: none; /* Supprime le style par défaut dans Webkit/Safari */
    appearance: none;
	height:45px;
	box-sizing: border-box;
	font-size: 16px;
	border: 1px solid var(--border-champ-color);
}

.commande-v2 #list_pays {
    position: relative;
    display: inline-block;
	width: 100%; /* Assure que le conteneur prend toute la largeur disponible */
}

.commande-v2 #list_pays:after {
    content: "\0025BC"; /* Icône de flèche vers le bas */
    position: absolute;
    right: 10px; /* Positionne l'icône à 10 pixels du bord droit du conteneur */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Assure que la flèche ne bloque pas le clic sur le select */
	width:15px;
	cursor:pointer;
}


.commande-v2 #modification_adresse {
	width:100%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;	
}

.commande-v2 #modification_adresse h1 {
	text-align:center;
}

.commande-v2 .update-adresse-actions {
	margin-top:20px;
	text-align:center;
}

.commande-v2 .button_commande, .commande-v2 .button_commande_integre, .commande-v2 .update-adresse-actions .button_action {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-family: 'Nunito Sans', Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
    box-sizing: border-box;
    
    width: 90%;
	max-width:300px;
    border: 0;
    background-color: var(--bt-action-color);
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    height: 50px;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
	
	background-image:none;
}

.commande-v2 .button_commande img.button_icon {
    width: 20px; /* Largeur de l'image */
    height:20px; /* Hauteur de l'image */
    margin-right: 5px; /* Espace minimum entre l'image et le texte */
    vertical-align: middle; /* Assurez-vous que l'image est alignée avec le texte */
    padding: 0; /* Pas de padding */
    border: 0; /* Pas de bordure */
}



.commande-v2 .button_commande:hover {
	background-color: var(--bt-action-color-hover);
}

.commande-v2 .update-adresse-actions .button_action {
	display:iblock;
	max-width:200px;
	font-size: 16px;
    padding: 0 15px;
    height: 40px;
    border-radius: 20px;
}

.commande-v2 .update-adresse-actions .button_action.back {
	background-color:#8C8C8C;
}


@media (max-width: 1000px)
{
	.commande-v2 #commande-1-gauche {
		float:none;
		width:100%;
		padding:0px;
	}
	.commande-v2 #commande-1-droite {
		float:none;
		width:100%;
		padding:0px;
	}
	
	.commande-v2 #commande-client-mobile {
		display:block;	
	}
}

.commande-v2 #mdp-perdu-ajax-intro {
	margin-bottom:20px;	
}

.commande-v2.change-mdp {
	text-align:center;
	max-width:500px;
	width:100%;
	box-sizing: border-box;
}

.commande-v2.change-mdp .button_commande {
	width:auto;
	max-width:100%;	
}

.commande-2-v2 {
	box-sizing: border-box;
}

.commande-2-v2 .message_div {
	color: #CC3300;
	background-color:#FF0;
	font-weight:bold;
	padding: 10px;
	visibility:hidden;
	margin-top: 10px;
	box-sizing:border-box;
}

.commande-2-v2 #commande-v2-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.commande-2-v2 #commande-v2-loader .loader {
	width: 80px;
	padding: 12px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--bt-action-color);
	--_m: 
    	conic-gradient(#0000 10%,#000),
    	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
          mask: var(--_m);
  	-webkit-mask-composite: source-out;
          mask-composite: subtract;
  	animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.commande-2-v2 .button_commande, .commande-2-v2 .button_commande_integre {
	margin-top: 10px;
	text-align:center;
	
	font-family: 'Nunito Sans',Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:normal;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	text-indent:0px;
	
	width:100%;
	border:0px;
	background-color: var(--bt-action-color);
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
    padding: 0px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    cursor: pointer;
	text-decoration:none;
	
	background-image:none;
	display: inline-flex; /* Utilisation de flex pour aligner les éléments */
	justify-content: center; /* Centrer horizontalement */
	align-items: center; /* Centrer verticalement */
}

.commande-2-v2 .button_commande img.button_icon {
    width: 20px; /* Largeur de l'image */
    height:20px; /* Hauteur de l'image */
    margin-right: 5px; /* Espace entre l'image et le texte */
    vertical-align: middle; /* Assurez-vous que l'image est alignée avec le texte */
}

.commande-2-v2 .button_commande:hover {
	background-color: var(--bt-action-color-hover);
}



.commande-2-v2 #left-bloc {
	float:left;
	width: calc(100% - 340px);	
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	margin-right:40px;
}

.commande-2-v2 #right-bloc {
	float:right;
	width: 300px;	
	box-sizing: border-box;
}

@media all and (max-width: 600px) {
	.commande-2-v2 #left-bloc, .commande-2-v2 #right-bloc {
		float:none;
		width: 100%;
	}
	
	.commande-2-v2 #right-bloc {
		margin-left:0px;
		margin-top:40px;	
	}

}

.commande-2-v2 #left-bloc a.nom_produit {
	text-decoration:none;
}

.commande-2-v2 #left-bloc .commande-titre {
	height:40px;
	line-height:40px;
	background-color:#EAEAEA;
	padding-left:20px;
	padding-right:20px;
	border-radius:10px;
	text-align:left;
	font-size:18px;
	box-sizing: border-box;
	text-transform:uppercase;
	width:100%;
}

.commande-2-v2 #left-bloc #adresses, .commande-2-v2 #left-bloc #livraison, .commande-2-v2 #left-bloc #paiement {
	width:100%;
	margin-top:20px;

}

.commande-2-v2 #left-bloc #adresses .commande-adresse-container {
    display: flex;
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    gap: 10px; /* Espace entre les éléments */
}

.commande-2-v2 #left-bloc #adresses #commande-adresse-livraison,
.commande-2-v2 #left-bloc #adresses #commande-adresse-facturation {
	margin-top:10px;
    width: calc(50% - 5px); /* Réduisez la largeur pour compenser le gap */
    padding: 20px;
    text-align: left;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
    border: 1px solid #ddd; /* Bordure légère de 1px */
    border-radius: 10px; /* Coins arrondis de 10px */
}

@media all and (max-width: 600px) {
	.commande-2-v2 #left-bloc #adresses #commande-adresse-livraison,
	.commande-2-v2 #left-bloc #adresses #commande-adresse-facturation {
		width: 100%;	
	}
}

.commande-2-v2 #left-bloc #adresses .commande-adresse-container a.modifier {
	text-decoration:none;
    border: 0px;
    background-color: #8C8C8C;
    color: #FFF;
    padding: 7px;
    font-size: 12px;
    line-height: 20px; /* Ajuste l'espacement interne du texte */
    text-transform: uppercase;
    display: inline-block;
    height: 20px; /* Assure que la hauteur est cohérente avec le champ de texte */
    border-radius: 4px;
	cursor:pointer;
}


.commande-2-v2 #left-bloc #livraison .choix {
	margin-top: 10px;
	background-color: #FFF;
	padding: 20px;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	border: 1px solid #ECECEC; /* Bordure légère de 1px */
	border-radius: 10px; /* Coins arrondis de 10px */
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
   	align-items: center; /* Aligne les éléments en haut à gauche */
   	justify-content: flex-start; /* Espace les éléments uniformément */
}

.commande-2-v2 #left-bloc #livraison .choix > *:not(:first-child) {
    margin-left: 10px; /* Applique un espacement seulement aux éléments après le premier */
}

.commande-2-v2 #left-bloc #livraison .choix.selected-border {
	border-color: #C3C3C3;
}

.caddie-v2 #panier-livraison .choix {
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	margin-bottom: 5px;
	background-color: #EEEEEE;
	padding: 10px;
	cursor: pointer;
	border-radius:5px;
	display: flex;
	flex-wrap: wrap;
    align-items: center; /* Aligne les éléments verticalement */
    justify-content: flex-start; /* Espace les éléments uniformément */
	gap: 10px;
}


.commande-2-v2 #left-bloc #livraison .choix .eur, .caddie-v2 #panier-livraison .choix .eur {
	display:inline;
	font-size:8px;
	margin-left:2px;
}

.commande-2-v2 #left-bloc #livraison .choix label {
	width: 20%;	
	display: flex; /* Assure que les éléments enfants dans le label sont alignés correctement */
    align-items: center;
	flex: 1;
	margin:0;
}

.caddie-v2 #panier-livraison .choix label {
	width: 60%;	
	display: flex; /* Assure que les éléments enfants dans le label sont alignés correctement */
    align-items: center;
	flex: 1;
}

.commande-2-v2 #left-bloc #livraison .choix:before, .caddie-v2 #panier-livraison .choix:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.commande-2-v2 #left-bloc #livraison .choix .l, .caddie-v2 #panier-livraison .choix .l {
	width: 40px;	
	text-align:left;
	margin:0;
}

.commande-2-v2 #left-bloc #livraison  .choix .l  input[type="radio"], .caddie-v2 #panier-livraison .choix .l input[type="radio"], .mode_paiement .select-mode [type="radio"] {
    width: 30px; /* Fixe la largeur de l'input à 40px */
    height: 30px; /* Fixe également la hauteur à 40px pour maintenir les proportions */
    flex-shrink: 0; /* Empêche l'input de rétrécir */
	cursor:pointer;
}

.choix .l [type="radio"], .mode_paiement .select-mode [type="radio"] {
    opacity:0;
	display:none;
}

.choix .l [type="radio"] + label, .mode_paiement .select-mode [type="radio"] + label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block;
    color:#666;
}

.choix .l [type="radio"] + label::before, .mode_paiement .select-mode [type="radio"] + label::before {
    content:"";
    position:absolute;
    left:0;
    top:-18px;
    width:18px;
    height:18px;
    border-radius: 100%;
    border:2px solid #aaa;
    background:#fff;

}

.choix .l [type="radio"]:checked + label::after, .mode_paiement .select-mode [type="radio"]:checked + label::after{
    content:"";
    position:absolute;
    left:4px;
    top:-14px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#aaa;
    transform:scale(1);
    opacity:1;
    transition:all .3s ease;
}

.choix .l [type="radio"]:not(:checked) + label::after, .mode_paiement .select-mode [type="radio"]:not(:checked) + label::after {
    content:"";
    position:absolute;
    left:4px;
    top:-14px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#fff;
    transform:scale(0);
    opacity:0;
}


.commande-2-v2 #left-bloc #livraison .choix .l2, .caddie-v2 #panier-livraison .choix .l2  {
    width: calc(100% - 40px);	
	 flex: 1;
	 margin-left:5px;
}

.commande-2-v2 #left-bloc #livraison .choix .c, .caddie-v2 #panier-livraison .choix .c {
    flex: 2 1 0; /* Prend deux fois plus d'espace que c2 */
	text-align:left;
	display: flex; /* Assure que les éléments enfants dans le label sont alignés correctement */
	flex-direction: column; /* Aligne les éléments enfants en colonne (verticalement) */
    justify-content: flex-start; /* Aligne les éléments au début de la colonne */
    align-items: flex-start; /* Aligne les éléments au début de la ligne */
	width: 100%; /* Garde la largeur à 100% de son conteneur parent */
    max-width: 100%; /* Empêche l'élargissement au-delà de 100% */
    overflow: hidden; /* Masque tout débordement horizontal */
}

.commande-2-v2 #left-bloc #livraison .choix .c .message_livraison, .caddie-v2 #panier-livraison .choix .c .message_livraison {
	color: var(--price-color);
	font-size:12px;
}

.commande-2-v2 #left-bloc #livraison .choix .c .plus_lien, .caddie-v2 #panier-livraison .choix .c .plus_lien {
	text-decoration:underline;
	font-size:10px;
}

.commande-2-v2 #left-bloc #livraison .choix .c .plus, .caddie-v2 #panier-livraison .choix .c .plus {
	margin-top:5px;
	font-size:13px;
	line-height:15px;
	font-style:italic;
	display:none;
	box-sizing: border-box;
	width:100%;
}

.commande-2-v2 #left-bloc #livraison .choix .c2, .caddie-v2 #panier-livraison .choix .c2 {
    flex: 1 1 0; /* Prend moins d'espace que c */
	width: auto; /* Largeur automatique en fonction du contenu */
	text-align:right;
	font-size:14px;
}

.commande-2-v2 #left-bloc #livraison .choix .c2 .offert, .caddie-v2 #panier-livraison .choix .c2 .offert {
	color: var(--price-color);
}


.commande-2-v2 #left-bloc #livraison .choix .top_relais , .caddie-v2 #panier-livraison .choix .top_relais {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 300px;
	background-color: #FFF;
	display:none;
    background-color: #E4E4E4;
    flex-basis: 100%; /* Force un retour à la ligne en prenant toute la largeur disponible */
    box-sizing: border-box;
    padding: 15px;
    width: 100%; /* Prend toute la largeur disponible */
}

@media all and (max-width: 600px) {
	.commande-2-v2 #left-bloc #livraison .choix .top_relais {
		height: 400px;
	}
}



.commande-2-v2 #left-bloc #livraison .choix .top_relais #relais_header {
	margin: 5px;
	padding: 5px;
	line-height: 25px;
}

.commande-2-v2 #left-bloc #livraison .choix .top_relais #relais_header .tel_portable {
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	-webkit-appearance: none;
}

.commande-2-v2 #left-bloc #livraison .choix .top_relais #relais_header .cp {
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    height: 32px; /* Ajuster la hauteur pour être cohérente avec le bouton */
    line-height: 20px; /* Ajuste la hauteur de la ligne */
    vertical-align: middle; /* Aligne verticalement avec le bouton */
    display: inline-block; /* S'assurer qu'il se comporte comme un élément en ligne */
    -webkit-appearance: none;
}

.commande-2-v2 #left-bloc #livraison .choix .top_relais #relais_header .cp_bt {
    border: 0px;
    background-color: #262626;
    color: #FFF;
    padding: 7px;
    font-size: 12px;
    line-height: 15px; /* Ajuste l'espacement interne du texte */
    text-transform: uppercase;
    display: inline-block;
    height: 32px; /* Assure que la hauteur est cohérente avec le champ de texte */
    vertical-align: middle; /* Aligne verticalement avec le champ de texte */
    -webkit-appearance: none;
    border-radius: 4px;
	margin-left:5px;
	cursor:pointer;
}

.commande-2-v2 #left-bloc #livraison .choix .top_relais label {
	width: 100%;	
	display: block; /* Assure que les éléments enfants dans le label sont alignés correctement */
	flex:none;
}


.commande-2-v2 #left-bloc #livraison .choix .top_relais .relais {
	background-color:#FAFAF5;
	box-sizing: border-box;
	line-height: 20px;
	margin: 5px;
	padding: 5px;
	cursor:pointer;

}

@media (max-width: 600px) {
	.commande-2-v2 #left-bloc #livraison .choix, .caddie-v2 #panier-livraison .choix {
        display: flex;
		flex-wrap: wrap;
    }
	
    .commande-2-v2 #left-bloc #livraison .choix label, .caddie-v2 #panier-livraison .choix label {
		flex: 1;
        width: 45%; /* Passe la largeur du label à 45% */
    }

    .commande-2-v2 #left-bloc #livraison .choix .c, .caddie-v2 #panier-livraison .choix .c {
		flex: 1;
		width:45%;
		font-size:13px;
    }

    .commande-2-v2 #left-bloc #livraison .choix .c2, .caddie-v2 #panier-livraison .choix .c2 {
        width: 100%; /* Passe c2 en dessous de c */
        text-align: right; /* Alignement du texte à droite */
        margin-top: 0px; /* Ajoute un espacement au-dessus pour un meilleur espacement */
    	flex-basis: 100%; /* Force un retour à la ligne en prenant toute la largeur disponible */
    }
}

.commande-2-v2 #left-bloc #paiement .mode_paiement {
	margin-top:10px;
	background-color: #FFF;
	padding:20px;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
    border: 1px solid #ECECEC; /* Bordure légère de 1px */
    border-radius: 10px; /* Coins arrondis de 10px */
	cursor:pointer;
	display: flex;
    flex-wrap: wrap; /* Permet aux éléments de se répartir sur plusieurs lignes si nécessaire */
    align-items: center; /* Aligne les éléments verticalement */
    justify-content: flex-start; /* Espace les éléments uniformément */
	column-gap: 10px;
}

.commande-2-v2 #left-bloc #paiement .mode_paiement:hover {
	cursor:pointer;	
}

.commande-2-v2 #left-bloc #paiement .mode_paiement.selected-border {
	border-color: #C3C3C3;
}


.commande-2-v2 #left-bloc #paiement .mode_paiement .select-mode {
	width: 40px;	
	text-align:left;
}


.commande-2-v2 #left-bloc #paiement .mode_paiement span {
    flex-grow: 1; /* Prend tout l'espace restant */
    text-align: left; /* Aligne le texte à gauche */
	line-height:15px;
}

.commande-2-v2 #left-bloc #paiement .mode_paiement img {
    width: auto; /* Garde la largeur de l'image automatique */
    height: auto; /* Garde également la hauteur automatique */
    max-width: 200px; /* Limite la largeur de l'image si nécessaire */
    max-height: 80px; /* Limite la hauteur de l'image si nécessaire */
    flex-shrink: 0; /* Empêche l'image de rétrécir */
}

@media (max-width: 600px) {
    .commande-2-v2 #left-bloc #paiement .mode_paiement {
        flex-wrap: wrap; /* Permet de passer les éléments à la ligne si nécessaire */
        align-items: center; /* Aligne les éléments au début de chaque ligne */
    }

    .commande-2-v2 #left-bloc #paiement .mode_paiement span {
        width: calc(100% - 60px); /* Prend toute la largeur sauf celle de l'input */
    }
    .commande-2-v2 #left-bloc #paiement .mode_paiement img {
        margin-top: 5px; /* Ajoute un espace au-dessus de l'image pour séparer du texte */
    	margin-left:50px;
	}
}


.commande-2-v2 #left-bloc #commande {
	margin-top:40px;
	margin-bottom:20px;
	display: flex;
    justify-content: space-between; /* Espace entre les 2 colonnes (right-info et left-button) */
    align-items: stretch; /* Étend la hauteur de left-button et right-info à la même hauteur */
}

@media all and (max-width: 600px) {
	.commande-2-v2 #left-bloc #commande {
		display:none;
	}
}

.commande-2-v2 #left-bloc #commande .left-button {
	width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commande-2-v2 #left-bloc #commande .right-info {
	flex-grow: 1; /* Prend tout l'espace restant */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Aligne info-top en haut et info-bottom en bas */
	margin-left:20px;
}

.commande-2-v2 #left-bloc #commande .right-info .info-top {
    width: 100%; /* Prend toute la largeur de right-info */
}

.commande-2-v2 #left-bloc #commande .right-info .info-top #total_a_payer_left {
 	display:inline-block;
}

.commande-2-v2 #left-bloc #commande .right-info .info-top #total_a_payer_left #total_a_payer_left_value{
 	display:inline-block;
}


.commande-2-v2 #left-bloc #commande .right-info .info-bottom {
    width: 100%;
	margin-top:5px;
	font-size:12px;	
}

.commande-2-v2 #left-bloc #commande .left-button .button_commande {
	width:100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.commande-2-v2 #right-bloc {
	font-size:14px;
	color:#2D2D2D;
}


.commande-2-v2 #right-bloc #bon-reduction-commande {
	text-align: left;
	height: auto;
	color: #666;
	line-height:20px;
	margin:0;
	padding:0;
	margin-bottom:15px;
	display: flex; /* Utilisation de flexbox pour gérer l'espace */
    align-items: center; /* Aligner verticalement les éléments */
    gap: 5px; /* Espace entre les éléments */
	flex-wrap: wrap; /* Permet de forcer un retour à la ligne si nécessaire */
}

.commande-2-v2 #right-bloc #bon-reduction-commande .ch {
    height: 25px;
    flex-grow: 1; /* Permet à .ch de prendre l'espace restant */
    margin-left: 0px;
    display: inline-block;
    width: auto; /* Pour permettre à l'élément de s'ajuster à la largeur disponible */
}

.commande-2-v2 #right-bloc #bon-reduction-commande #bt {
    width: auto;
    border: 0px;
    background-color: #333333;
    color: #FFF;
    font-size: 13px;
    min-height: 25px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px; /* Coins complètement arrondis */
    text-transform: uppercase;
    margin-top: 0px;
    cursor: pointer;
    text-align: center;
    font-family: 'Nunito Sans', Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    background-image: none;
    background-repeat: no-repeat;
    background-position: none;
    letter-spacing: normal;
}

.commande-2-v2 #right-bloc #bon-reduction-commande #ajax-bon-reduction {
	color: var(--bt-action-color);
    width: 100%; /* Prendre toute la largeur disponible */
    box-sizing: border-box; /* Inclure padding et bordure dans la largeur */
    flex-basis: 100%; /* Force le retour à la ligne dans flexbox */
	display: block; /* S'assurer qu'il ne reste pas en ligne avec les autres éléments flex */
}


.commande-2-v2 #right-bloc .right-bloc-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.commande-2-v2 #right-bloc .right-bloc-price-left {
    flex-grow: 1; /* Prend tout l'espace restant */
    text-align: left; /* Aligne le texte à gauche */
}

.commande-2-v2 #right-bloc .right-bloc-price-right {
    flex-grow: 0; /* Prend uniquement la largeur de son contenu */
    text-align: right; /* Aligne le texte à droite */
    display: flex;
    align-items: center; /* Aligne verticalement le contenu */
}

.commande-2-v2 #right-bloc #panier-achat, .commande-2-v2 #right-bloc #panier-achat-reduction {
	font-size:14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top:10px;
	height: 20px;
	line-height:20px;
}

.commande-2-v2 #right-bloc #panier-achat::before, .commande-2-v2 #right-bloc #panier-achat-reduction::before {
    flex-grow: 1; /* Prend tout l'espace restant */
    text-align: left; /* Aligne le texte à gauche */
}

.commande-2-v2 #right-bloc #panier-achat #remise, .commande-2-v2 #right-bloc #panier-achat-reduction #remise {
    flex-grow: 0; /* Prend uniquement la largeur de son contenu */
    text-align: right; /* Aligne le texte à droite */
    display: flex;
    align-items: center; /* Aligne verticalement le contenu */
}

.commande-2-v2 #right-bloc #total_a_payer, .commande-2-v2 #right-bloc  #total_final {
	color:#2D2D2D;
}

.commande-2-v2 #right-bloc #remarques {
	margin-top:20px;
	font-size:12px;	
}

.commande-2-v2 #right-bloc #remarques textarea {
    resize: none; /* Empêche le redimensionnement */
	border-color: #DDDDDD;
	width:100%;
	box-sizing:border-box;
}

.commande-2-v2 #right-bloc #cgv {
	margin-top:20px;
	font-size:12px;	
	line-height:14px;
	text-align:center;
}


.commande-3-v2 {
	padding-top:20px;
	box-sizing: border-box;
	text-align:center;
}

.commande-3-v2 .boutton, .espace-client-v2 .boutton {
	text-align: center;
	font-family:  'Nunito Sans', Arial, sans-serif;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */

	min-width: 60%;
	width: auto;
	border: 0px;
	background-color: var(--bt-action-color);
	color: #FFF;
	
	font-size: 16px;
	min-height: 20px;
	height: auto;
	line-height: 20px;
	border-radius: 25px;

	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-left:20px;
	padding-right:20px;
	
	text-decoration: none;
	-webkit-appearance: none;
	background-image: url(images/caddie-lock.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px 20px; /* Taille ajustée de l'image */
	text-indent:20px;
	cursor:pointer;
	margin-top:15px;
	margin-bottom:15px;
}

@media all and (max-width: 600px) {
	.commande-3-v2 .boutton, .espace-client-v2 .boutton {
		white-space: pre-wrap;
		text-align:left;
		padding-left:40px;
		text-indent:0px;
		background-position: 10px 50%; /* Centrage vertical de l'image en responsive */
		background-size: 20px 20px; /* Taille ajustée de l'image */
	}
}

/* COMPTE CLIENT */
.popover-mdp-perdu {
	text-decoration:underline;
	cursor:pointer;	
}

.espace-client-v2 {
}

.espace-client-v2 .back {
    display: inline-flex;
    align-items: center;
    font-family: 'Arial', sans-serif; /* Police au choix */
    font-size: 14px; /* Taille du texte */
    line-height: 40px;
    height: 40px;
    color: #333; /* Couleur du texte */
    text-decoration: none; /* Retirer le soulignement */
    transition: color 0.3s ease; /* Transition douce pour le hover */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 15" fill="none"%3E%3Cpath d="M7 2L2 7.5L7 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: left 50%; /* Place le SVG à gauche et centré verticalement */
    padding-left: 15px; /* Espace pour la flèche */
    box-sizing: border-box;
}

.espace-client-v2 a {
	width:100%;	
}

.espace-client-v2 .message {
	margin-bottom:20px;	
	display:block;
}

.espace-client-v2 .part {
	width:100%;	
    border-radius: 10px;
    border: solid 1px #DDDDDD;
	background-color:#fff;
    overflow: hidden; /* Pour s'assurer que les bordures arrondies ne dépassent pas */
    min-height: 150px;
	height:auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* Ajoute l'effet d'ombre */
	margin-bottom:30px;
	padding:20px;
	box-sizing:border-box;
}

.espace-client-v2 .part .titre {
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
}

.espace-client-v2 .part .link-block {
    display: inline-flex;
    align-items: center;
    font-family: 'Arial', sans-serif; /* Police au choix */
    font-size: 16px; /* Taille du texte */
	line-height:40px;
	height:40px;
    color: #333; /* Couleur du texte */
    text-decoration: none; /* Retirer le soulignement */
    transition: color 0.3s ease; /* Transition douce pour le hover */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 15" fill="none"%3E%3Cpath d="M2 2L7 7.5L2 13" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: right center; /* Place le SVG à droite */
    padding-right: 20px; /* Espace pour la flèche */
	box-sizing:border-box;
	border-bottom: 1px solid #DDDDDD;

}


.espace-client-v2 .order_list.part {
	padding:0px;
	display: flex; /* Utilisation de Flexbox pour aligner les deux parties */
}


.espace-client-v2 .order_list .left-section {
    background-color: #000; /* Fond noir */
	color:#FFFFFF;
    width: 150px; /* Largeur de 100px */
    height: auto; /* Ajuste la hauteur selon le contenu */
	text-align: left;
	box-sizing:border-box;
	padding:10px;
	align-content:center;
	font-size:20px;
}

.espace-client-v2 .order_list .right-section {
    background-color: #FFF;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: space-between;
	box-sizing:border-box;
}

.espace-client-v2 .order_list .photo {
    width: 120px; /* Taille de la vignette */
    height: 120px;
    flex-shrink: 0;
	margin-left:20px;
		box-sizing:border-box;

}

.espace-client-v2 .order_list .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Assure que l'image est bien ajustée */
}

.espace-client-v2 .order_list .text-block {
    flex-grow: 1;
    margin-left: 10px;
	margin-top:30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.espace-client-v2 .order_list .text-block .product-name {
	font-weight:bold;	
}

.espace-client-v2 .order_list .text-block .product-articles {
	text-decoration:underline;	
}


.espace-client-v2 .order_list .action-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
	margin-left:50px;
}

.espace-client-v2 .order_list .action-block .action-button {
    background-color: var(--bt-action-color);
    color: #FFF;
    border: none;
    padding: 5px 10px;
	padding-left:25px;
    cursor: pointer;
    border-radius: 5px;
    position: relative; /* Nécessaire pour positionner le cercle */
}

.espace-client-v2 .order_list .action-block .action-button.red {
    background-color: #C10003;
}

.espace-client-v2 .order_list .action-block .action-button.green {
    background-color: var(--bt-action-color);
}



.espace-client-v2 .order_list .action-block .action-button::before {
    content: '';
    width: 15px; /* Taille du rond */
    height: 15px; /* Taille du rond */
    background-color: #FFF; /* Couleur du rond */
    border-radius: 50%; /* Pour rendre l'élément circulaire */
    display: inline-block;
    margin-right: 10px; /* Espace entre le rond et le texte */
    position: absolute;
    left: 5px; /* Ajustez cette valeur pour la position du rond */
    top: 50%; /* Place le rond au centre verticalement */
    transform: translateY(-50%);
}

.arrow-link {
  display: inline-flex;
  align-items: center;
  font-family: 'Arial', sans-serif; /* Police au choix */
  font-size: 16px; /* Taille du texte */
  color: #333; /* Couleur du texte */
  text-decoration: none; /* Retirer le soulignement */
  transition: color 0.3s ease; /* Transition douce pour le hover */
}

/* SVG flèche à droite du texte */
.arrow-svg {
  margin-left: 5px; /* Espacement entre le texte et la flèche */
}

@media (max-width: 600px) {
    .espace-client-v2 .order_list {
        display: flex;
        flex-direction: column; /* Les éléments passent en colonne */
    }

    .espace-client-v2 .order_list .left-section {
        width: 100%; /* Prend toute la largeur disponible */
        margin-bottom: 10px; /* Ajoute un espacement entre les deux sections */
		font-size:16px;
    }

    .espace-client-v2 .order_list .right-section {
    	flex-wrap: wrap;
	}
	
    .espace-client-v2 .order_list .photo {
        margin-left: 0;
        margin-bottom: 0; /* Supprime la marge en bas */
    }

    .espace-client-v2 .order_list .text-block {
        margin-left: 10px; /* Ajustement de la marge pour garder une séparation */
		width: calc(100% - 200px); /* Assure que le texte ne passe pas en dessous de la photo */
    	margin-top:0px;
	}

    .espace-client-v2 .order_list .action-block {
       	min-width: 100%; /* Prend toute la largeur */
        margin-left: 0; /* Supprime la marge gauche */
        margin-top: 10px; /* Ajoute un espacement au-dessus du bloc d'action */
        align-items: flex-end;
		gap:10px;
    }
}

.espace-client-v2 #adresse {
	max-width:500px;
}

.espace-client-v2 .form_label {
	clear: both;
  	overflow: hidden;
  	margin-bottom:15px;	
}

.espace-client-v2 .form_label label {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom:5px;
}

.espace-client-v2 .form_label div {
    width: 100%;
    float: none;
	margin:0;
	text-align: left;
}
  
.espace-client-v2 input[type=text],
.espace-client-v2 input[type=email],
.espace-client-v2 input[type=url],
.espace-client-v2 input[type=password],
.espace-client-v2 textarea {
	outline: none; /* Supprime l'effet de contour */
	-webkit-appearance: none;
	border-radius: 3px;
	width: 100%;
	resize: none;
	-webkit-text-size-adjust: 100%; /* Empêche la mise à l'échelle du texte sur iOS */
	touch-action: manipulation; /* Améliore la gestion tactile */
	box-shadow: none; /* Désactive l'ombre autour */
	padding: 10px; /* Assure un espacement interne correct */
	font-size: 16px; /* Taille de texte plus adaptée pour les appareils mobiles */
	box-sizing: border-box;
	border: 1px solid var(--border-champ-color);
	transition: border-color 0.3s ease;
}

.espace-client-v2 input[type=text],
.espace-client-v2 input[type=email],
.espace-client-v2 input[type=url],
.espace-client-v2 input[type=password]
 {
	height: 45px;
}

.espace-client-v2 input[type=text]:focus,
.espace-client-v2 input[type=email]:focus,
.espace-client-v2 input[type=url]:focus,
.espace-client-v2 input[type=password]:focus,
.espace-client-v2 textarea:focus {
	border-color: var(--border-champ-color-focus);
	border-width:2px;
}
  
    
.espace-client-v2 select {
    border-radius: 3px;
    width: 100%; /* S'assure que le champ prend toute la largeur disponible */
    padding: 10px; /* Assure un espacement interne */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
    font-size: 16px; /* Taille du texte similaire aux autres champs */
    height: 45px; /* Même hauteur que les champs de texte */
	
	outline: none; /* Supprime l'effet de contour */
	-webkit-appearance: none;
	border-radius: 3px;
	resize: none;
	-webkit-text-size-adjust: 100%; /* Empêche la mise à l'échelle du texte sur iOS */
	touch-action: manipulation; /* Améliore la gestion tactile */
	box-shadow: none; /* Désactive l'ombre autour */

	box-sizing: border-box;
	border: 1px solid var(--border-champ-color);
	transition: border-color 0.3s ease;
	
	color:#000000;

}	    
  
  
.espace-client-v2 select.champtexte_p15 {
    -webkit-appearance: none; /* Supprime le style par défaut dans Webkit/Safari */
    appearance: none;
	height:45px;
	box-sizing: border-box;
	font-size: 16px;
	border: 1px solid var(--border-champ-color);
}

.espace-client-v2 #list_pays, .espace-client-v2 #bloc_type_paiement, .espace-client-v2 #select-commande {
    position: relative;
    display: inline-block;
	width: 100%; /* Assure que le conteneur prend toute la largeur disponible */
}

.espace-client-v2 #list_pays:after, .espace-client-v2 #bloc_type_paiement:after, .espace-client-v2 #select-commande:after {
    content: "\0025BC"; /* Icône de flèche vers le bas */
    position: absolute;
    right: 10px; /* Positionne l'icône à 10 pixels du bord droit du conteneur */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Assure que la flèche ne bloque pas le clic sur le select */
	width:15px;
	cursor:pointer;
}

.espace-client-v2  .button_action {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-family: 'Nunito Sans', Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
    box-sizing: border-box;
    
    width: 90%;
	max-width:300px;
    border: 0;
    background-color: var(--bt-action-color);
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    height: 50px;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
	
	background-image:none;
}

.espace-client-v2  .change_paiement {
    margin-bottom: 20px;
    display: flex;
    align-items: left;
    justify-content: left;
    
    font-family: 'Nunito Sans', Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
    box-sizing: border-box;
    
    width: auto;
    border: 0;
    background-color: #252525;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 20px;
    height: 36px;
    border-radius: 18px;
    cursor: pointer;
    text-decoration: none;
	margin-top:10px;
	
	background-image:none;
}



.espace-client-v2  .deconnection a {
	margin-top: 10px;
	text-align:center;
	
	font-family: 'Nunito Sans',Arial, Verdana, Helvetica, sans-serif;
    box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	
	width:auto;
	border:0px;
	background-color:#BBBBBB;
	color:#212121;
	font-size:14px;
    padding: 10px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    cursor: pointer;
	text-decoration:none;
	
	background-image:none;
	display: inline-flex; /* Utilisation de flex pour aligner les éléments */
	justify-content: center; /* Centrer horizontalement */
	align-items: center; /* Centrer verticalement */
}

.espace-client-v2 .statut-commande {
    display: block; /* Force l'élément à prendre toute la largeur de sa ligne */
    width: fit-content; /* Ajuste la largeur au contenu */
    background-color: var(--bt-action-color);
    color: #FFF;
    border: none;
    padding: 5px 10px;
	padding-left:25px;
    border-radius: 5px;
    position: relative; /* Nécessaire pour positionner le cercle */
	margin-bottom:10px;
}

@media (max-width: 600px)
{
	.espace-client-v2 .statut-commande {
    	margin: 0 auto 10px auto; /* Centre horizontalement avec auto pour les marges gauche et droite */
	}
}

.espace-client-v2 .statut-commande.red {
    background-color: #C10003;
}

.espace-client-v2 .statut-commande.green {
    background-color: var(--bt-action-color);
}

.espace-client-v2 .statut-commande::before {
    content: '';
    width: 15px; /* Taille du rond */
    height: 15px; /* Taille du rond */
    background-color: #FFF; /* Couleur du rond */
    border-radius: 50%; /* Pour rendre l'élément circulaire */
    display: inline-block;
    margin-right: 10px; /* Espace entre le rond et le texte */
    position: absolute;
    left: 5px; /* Ajustez cette valeur pour la position du rond */
    top: 50%; /* Place le rond au centre verticalement */
    transform: translateY(-50%);
}


.espace-client-v2 .mode-livraison-commande {
	margin-bottom:10px;
	
}

.espace-client-v2 .mode-livraison-commande:empty {
	margin-bottom:0px;
	
}

.espace-client-v2 .header-tableau {
	background-color: #333333;
	color: #FFF;
}

.espace-client-v2 .table-responsive {
    width: 100%;
    overflow-x: auto; /* Active le scroll horizontal si nécessaire */
}

.espace-client-v2 table {
    width: 100%;
}

.espace-client-v2 table td {
    padding:5px; /* Empêche le retour à la ligne dans les cellules */
	 white-space: nowrap;
}

.espace-client-v2 .image-cell {
    width: 150px; /* Largeur de la cellule contenant l'image */
    text-align: center;
}

.espace-client-v2 .product-image {
    width:100px; /* Limite la largeur de l'image à la taille de la cellule */
    height: auto; /* Maintient le ratio de l'image */
}

@media (max-width: 600px) {
    /* Pour les écrans plus petits, ajustons la disposition */
    .image-cell {
        width: auto; /* Laisse la cellule s'adapter à l'image */
    }

    .product-image {
        max-width: 75px; /* Augmente la taille maximale de l'image sur mobile */
        width: 100%; /* S'assure que l'image prend la largeur disponible */
        height: auto;
    }

    /* Vous pouvez également réorganiser les cellules si nécessaire */
    table td {
        white-space: normal; /* Autorise le retour à la ligne sur les petites tailles d'écran */
    }
}

.espace-client-v2 #commande-total {
	float:left;
	width:20%;	
	background-color:#FFFFFF;
	line-height:25px;
}

.espace-client-v2 #commande-support {
	float:left;
	margin-left:2%;
	width:75%;
	line-height:25px;

}

.espace-client-v2  #commande-adresse-livraison {
	padding:0;
	margin:0;
	margin-top:10px;
}
.espace-client-v2  #commande-adresse-facturation {
	padding:0;
	margin:0;
	margin-top:10px;
}

@media (max-width: 600px)
{
	.espace-client-v2 #commande-total, .espace-client-v2 #commande-support {
		width: 100%;	
		margin-left:0;
		margin-right:0;
	}
}

.espace-client-v2 #bloc_type_paiement {
	max-width:300px;	
}


.espace-client-v2 .boutton_sav {
	text-align: center;
	font-family:  'Nunito Sans', Arial, sans-serif;
	box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */

	width: auto;
	border: 0px;
	background-color: #2A2A2A;
	color: #FFF;
	
	font-size: 16px;
	min-height: 20px;
	height: auto;
	line-height: 20px;
	border-radius: 25px;

	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-left:20px;
	padding-right:20px;
	
	text-decoration: none;
	-webkit-appearance: none;
	cursor:pointer;
	margin-top:15px;
	margin-bottom:15px;
}


.espace-client-v2 #ouverture-sav {
	max-width:600px;
	width:100%;	
}

.espace-client-v2 #ouverture-sav #sav-demande-commande {
	margin-top:15px;
}

.espace-client-v2 .custom-file-upload {
    position: relative;
    display: inline-block;
}

.espace-client-v2 #custom-file-button {
    background-color: #353535;
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}

.espace-client-v2 .progress { position:relative; max-width:400px; width:100%; box-sizing:border-box; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin-top:5px;}
.espace-client-v2 .bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.espace-client-v2 .percent { position:absolute; display:inline-block; top:3px; left:48%; }

.espace-client-v2 #entete  {
	margin-bottom :10px;
	padding:10px;
	background-color:#EBEBEB;
	line-height:25px;
}

.espace-client-v2 .message-sav {
 	font-weight: bold;
	color: green;
	margin-bottom:10px;
}

.espace-client-v2 .message-sav:empty {
	margin-bottom:0px;
}

.espace-client-v2 .ticket {
	margin-top:20px;
	line-height:20px;
	border: 1px solid #CCC;
	padding: 10px;
	border-radius:5px;
}


/* BOX CADDIE */
#box-caddie-v2 {
	pointer-events: auto;
    display: flex;
	flex-direction: column;
}


#box-caddie-v2 #top-content {
    display: flex;
}

#box-caddie-v2 #left-content {
    flex: 1;
}

#box-caddie-v2 #right-content {
    flex: 2;
    padding-left: 20px;
}

#box-caddie-v2 #image img {
    max-width: 100%;
    height: auto;
}

#box-caddie-v2 #titre {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
	text-align:center;
}

#box-caddie-v2 #produit {
    font-size: 16px;
    margin-bottom: 20px;
	text-align:center;
}

#box-caddie-v2 #actions {
    display: flex;
    justify-content: center;
	
}

#box-caddie-v2 #action-r, #box-caddie-v2 #action-p {
    flex: 1;
	max-width:300px;
}

#box-caddie-v2 #rester-2, #box-caddie-v2 #action-2, #box-caddie-v2 #action-commander {
    padding: 10px 20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 25px;
    cursor: pointer;
    margin: 0 10px;
}

#box-caddie-v2 #rester-2 {
    background-color: #d3d3d3;
    color: #000;
}

#box-caddie-v2 #rester-2:hover {
    background-color: #a9a9a9;
}

#box-caddie-v2 #action-2 {
    background-color: var(--bt-action-color);
    color: #fff;
}

#box-caddie-v2 #action-p a {
    text-decoration:none;
}

#box-caddie-v2 #action-2:hover {
    background-color: var(--bt-action-color-hover);
}

#box-caddie-v2 #action-commander {
  	background-color: var(--bt-action-color);
    color: #fff;
	text-transform: uppercase;
	font-size:20px;
}

#box-caddie-v2 #categorie_cross:not(:empty) {
	font-size: 15px;
	color:#007bff;
	padding-top:20px;
	text-align: center;
	width:100%;
}
#box-caddie-v2 #categorie_cross a {
	color:#007bff;
}


#box-caddie-v2 .caddie-cross {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
	box-sizing: border-box;
}

@media (max-width: 600px) {
	
    #box-caddie-v2 #top-content {
        flex-direction: column;
		align-items: center;
    }

    #box-caddie-v2 #left-content {
        display: none;
    }

    #box-caddie-v2 #right-content {
		flex:none;
        padding-left: 0;
        width: 100%;
    }

    #box-caddie-v2 #actions {
		display:block;
        width: 100%; /* Assurez-vous que le conteneur prend toute la hauteur */
		 	box-sizing: border-box;

    }

    #box-caddie-v2 #rester-2, #box-caddie-v2 #action-2 {
        width: calc(90% - 40px);
		margin:0;
        margin-top: 10px;
		margin-left:auto;
		margin-right:auto;
    }
	
	#box-caddie-v2 .caddie-cross {
		display:none;
	}
}

#box-caddie-v2 .caddie-cross #title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
	text-align:center;
}

#box-caddie-v2 #produits {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 20px), 1fr));
    column-gap: 20px;
    row-gap: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
}

#box-caddie-v2 .produit-cross-caddie {
    height: auto;
    text-align: center;
    padding: 5px;
    z-index: 1;
    position: relative;
    box-sizing: border-box;
}

#box-caddie-v2 .produit-cross-caddie a {
    text-decoration: none;
}

#box-caddie-v2 .produit-cross-caddie .image {
    margin-top: 10px;
}

#box-caddie-v2 .produit-cross-caddie .nom-produit {
    font-size: 18px;
    margin-top: 10px;
    line-height: 20px;
    font-weight: bold;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
	
}

#box-caddie-v2 .produit-cross-caddie .nom-produit.nom-produit-titre {
	font-size: 14px;
	-webkit-line-clamp: 3;
	line-height:17px;

}

@media (max-width: 600px) {
	#box-caddie-v2 .produit-cross-caddie .nom-produit.nom-produit-titre {
		font-size: 12px;
		-webkit-line-clamp: 3;
		line-height:15px;

	}
}


#box-caddie-v2 .produit-cross-caddie .prix {
    margin-top: 10px;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    color: var(--price-color);
}

#box-caddie-v2 .produit-cross-caddie .prix .euro {
	display:inline;
	font-size:10px;
	margin-left:2px;
}

#box-caddie-v2 .produit-cross-caddie .promo {
	margin-top:5px;	
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#608B3D;
	height:25px;
	line-height:25px;
}

#box-caddie-v2 .produit-cross-caddie .prix .prix_gauche {
	 box-sizing: border-box;
	float:left;
	width:calc((100% - 70px) / 2);
	text-align:right;
	font-size:21px;
	color:#333;
	height:35px;
	line-height:12px;
	margin-right:5px;
}
	
#box-caddie-v2 .produit-cross-caddie .prix .prix_gauche .pvc {
	font-size:11px;
	color:#333;
}
	
#box-caddie-v2 .produit-cross-caddie .prix .prix_centre_remise {

	float:left;
	width:50px;
	text-align:center;
	background-color: var(--price-color);
	font-size:18px;
	color: #FFF;
	height:25px;
	padding:5px;
	line-height:25px;
}
	
#box-caddie-v2 .produit-cross-caddie .prix .prix_centre_remise_responsive {
	display: none;
}

	
#box-caddie-v2 .produit-cross-caddie .prix .prix_droite {
	box-sizing: border-box;
	float:right;
	width:calc((100% - 70px) / 2);
	text-align:left;
	margin-left:5px;
	font-size:20px;
	color: var(--price-color);
	height:35px;
	line-height:12px;
}
	
#box-caddie-v2 .produit-cross-caddie .prix .prix_droite .pvc {
	font-size:11px;
	color: #333;
}
	
#box-caddie-v2 .produit-cross-caddie .pvc_p {
	display:inline;
}

#box-caddie-v2 .produit-cross-caddie .prix  .prix_centre {
	text-align:center;
	font-size:20px;
	color: #C30;
	height:50px;
	line-height:20px;
}
	
#box-caddie-v2 .produit-cross-caddie .prix  .prix_centre .pvc {
	font-size:12px;
	color: #333;
	height:20px;
}
	
#box-caddie-v2 .produit-cross-caddie .prix_public_promo {
	margin-top:5px;
	font-size:12px;
	color:#608B3D;
	padding:0px;
	line-height:15px;
}

#box-caddie-v2 .produit-cross-caddie .prix .prix_code_promo {
	position:relative;
	width:100%;
	clear:both;
	height:15px;
	line-height:15px;
	font-size:11px;
	color:black;
	display:block;
	top:5px;
}

#box-caddie-v2 .bt {
    display: flex;
    justify-content: center;
}

#box-caddie-v2 .goto {
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    width: auto;
    text-align: center;
}

#box-caddie-v2 .goto:hover {
    background-color: #0056b3;
}

#box-caddie-v2 #categorie_cross {
    margin-top: 20px;
    font-size: 16px;
}

/* BLOG */
.blog-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    box-sizing: border-box;
	justify-content: flex-start; /* Aligne tous les éléments à gauche */
	padding-bottom:40px;
}

.blog-list-container article {
	margin: 0px;
	padding:0px;
	border:none;	
	box-sizing:border-box;
}

.blog-list-article {
	padding:0;
    background-color: #fff;
	color: #2F2F2F;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px #ccc;
    width: calc(33.333% - 20px); /* 3 articles par ligne avec un espace pour la marge */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
	box-sizing:border-box;
}

.blog-list-article .image {
    width: calc(100% + 20px);
    height: 200px;
	box-sizing:border-box;
}

.blog-list-article .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajuste l'image pour qu'elle prenne tout l'espace disponible */
	display: block;
}

.blog-list-article .content {
	box-sizing:border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
}


.blog-list-article header {
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
}

.blog-list-article header h2, .blog-list-article header .title {
    font-size: 25px;
	line-height:25px;
	height:50px;
    margin: 0;
    padding:0;
	word-wrap: break-word; /* Permet de couper les mots longs si nécessaire */
    white-space: normal; /* Autorise les retours à la ligne automatiques */
	font-weight:bold;
	overflow: hidden; /* Masque le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute des points de suspension (...) */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limite à 3 lignes */
    -webkit-box-orient: vertical;

}

.blog-list-article header h2 a, .blog-list-article header .title a {
	text-decoration:none;
}

.blog-list-article .article {
	padding-top:10px;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    max-height: 75px; /* Limite à 3 lignes (60px pour 3 lignes de 20px) */
    overflow: hidden; /* Masque le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute des points de suspension (...) */
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limite à 3 lignes */
    -webkit-box-orient: vertical;
}
.blog-list-article .lire {
	text-align:right;
}

.blog-list-article .lire a {
	padding:10px;
	box-sizing:border-box;
    font-weight: bold;
    color: #ffffff;
	background-color:#252525;
    text-decoration: none;
	border-radius:20px;
	height:30px;
}


/* Responsive design: 2 blocs sur 1000px, 1 bloc sur 600px */
@media (max-width: 1000px) {
    .blog-list-article {
        width: 50%; /* 2 articles par ligne */
    }
}

@media (max-width: 600px) {
    .blog-list-article {
        width: 100%; /* 1 article par ligne */
    }
}


.blog-v2 .pagination-blog {
    clear: both;
    display: block;
    padding-top: 10px;
    text-align: center; /* Centrage horizontal */
    font-size: 18px;
}

.blog-v2 .pagination-blog a, .blog-v2 .pagination-blog .p-select {
    text-decoration: none;
    display: inline-block;
    width: 30px; /* Largeur égale pour obtenir un rond */
    height: 30px; /* Hauteur égale pour obtenir un rond */
    line-height: 30px; /* Alignement vertical du texte */
    border-radius: 50%; /* Bordure arrondie pour obtenir un rond parfait */
    cursor: pointer;
    text-align: center; /* Centrer horizontalement le texte */
}

.blog-v2 .pagination-blog .p-n-select:hover a {
    color: #FFF;
}

.blog-v2 .pagination-blog .p-select {
	margin-left: 5px;

}

.blog-v2 .pagination-blog .p-select, .blog-v2 .pagination-blog .p-n-select:hover {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
}

.blog-v2 .pagination-blog .p-n-select {
    display: inline-block;
    color: #000;
    border: 1px solid #CCCCCC;
    margin-left: 5px;
    border-radius: 50%; /* Bordure arrondie */
    cursor: pointer;
    width: 30px; /* Largeur égale pour obtenir un rond */
    height: 30px; /* Hauteur égale pour obtenir un rond */
    line-height: 30px; /* Alignement vertical du texte */
    text-align: center; /* Centrer horizontalement le texte */
}


.blog-v2-article {
	width:100%;
    max-width: 800px; /* Largeur maximum pour le contenu */
    margin: 0 auto; /* Centrer le contenu */
    font-size: 18px; /* Taille de police du texte */
    line-height: 1.6; /* Espacement entre les lignes */
    padding: 20px; /* Marges intérieures */
    color: #333; /* Couleur du texte pour une bonne lisibilité */
	box-sizing:border-box;
}

.blog-v2-article .h1-blog {
	color : #000000;
    font-size: 36px; /* Titre principal */
    line-height: 1.2; /* Espacement des titres plus serré */
    margin-bottom: 20px; /* Espacement sous le titre */
}


@media (max-width: 600px) {
    .blog-v2-article .h1-blog  {
       	text-align:left;
    }
}



.blog-v2-article .h2-blog, .blog-v2-article h2  {
	color : #000000;
	background-color:#FFFFFF;
	font-size: 28px; /* Sous-titres */
    line-height: 1.3;
    margin-bottom: 15px;
}

.blog-v2-article h3  {
	color : #000000;
	background-color:#FFFFFF;
	font-size: 20px; /* Sous-titres */
    line-height: 1.3;
    margin-bottom: 10px;
	padding:0;
}

.blog-v2-article .h2-blog a {
	color : #0000E;
	text-decoration:none;
}

.blog-v2-article article {
	margin-top: 30px;
	padding-bottom:0px;
	border:none;
}

.blog-v2-article article p {
    margin-bottom: 20px; /* Espacement entre les paragraphes */
}


/* AVIS : PAGINATION */

.temoignages-container {
	margin-top:20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Trois colonnes de taille égale */
	gap: 20px; /* Espace entre les témoignages */
}

.avis-v2 a.temoignage {
	text-decoration:none;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-sizing: border-box;
    padding: 20px; /* Ajoute du padding pour l'espacement intérieur */
    background-color: #fff; /* Couleur de fond */
    border-radius: 12px; /* Bords arrondis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* Ombres pour l'effet de profondeur */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition pour l'effet de survol */	
}

.avis-v2 .temoignage .image-container {
    flex-shrink: 0;
	width:100%;
	height:auto;
	max-width:200px;
}

@media (max-width: 1300px) {
	.temoignages-container {
		grid-template-columns: repeat(2, 1fr); /* Trois colonnes de taille égale */
	}
	
	.avis-v2 .temoignage .image-container {
		max-width:150px;
	}

}

@media (max-width: 800px) {
	.temoignages-container {
		grid-template-columns: repeat(1, 1fr); /* Trois colonnes de taille égale */
	}
	
	.avis-v2 .temoignage .image-container {
		max-width:100px;
	}

}


.avis-v2 .temoignage.content {
    display: flex;
    flex-direction: column;
}


.avis-v2 .temoignage .produit {
    font-weight: bold;
    font-size: 18px;
	text-decoration:none;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;

}

.avis-v2 .temoignage .avis {
    display: block;
    margin-bottom: 5px;
	color: var(--avis-client-color);
	font-weight:bold;
}

.avis-v2 .temoignage .contenu-avis {
	margin-top: 5px;
    line-height: 20px;
    font-style: italic;
    max-height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.avis-v2 .temoignage img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}



.avis-v2 .avis-pagination {
    clear: both;
    display: block;
    padding-top: 10px;
    text-align: center; /* Centrage horizontal */
    font-size: 18px;
}

.avis-v2 .avis-pagination a, .avis-v2 .avis-pagination .p-select {
    text-decoration: none;
    display: inline-block;
    width: 30px; /* Largeur égale pour obtenir un rond */
    height: 30px; /* Hauteur égale pour obtenir un rond */
	line-height: 30px;
    border-radius: 50%; /* Bordure arrondie pour obtenir un rond parfait */
    cursor: pointer;
    text-align: center; /* Pour centrer le texte à l'intérieur */
}

.avis-v2 .avis-pagination .p-n-select:hover a {
    color: #FFF;
}

.avis-v2 .avis-pagination .p-select {
	margin-left: 5px;
}

.avis-v2 .avis-pagination .p-select, .avis-pagination .p-n-select:hover {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
}

.avis-v2 .avis-pagination .p-n-select {
    display: inline-block;
    color: #000;
    border: 1px solid #CCCCCC;
    margin-left: 5px;
    border-radius: 50%; /* Bordure arrondie */
	cursor:pointer;
	width: 30px; /* Largeur égale pour obtenir un rond */
    height: 30px; /* Hauteur égale pour obtenir un rond */
    line-height: 30px; /* Centrer verticalement le texte */
    text-align: center; /* Centrer horizontalement le texte */
}

.avis-v2 .temoignage .nom, .avis-v2 .temoignage .contenu {
	display:block;	
}

/* HOME */

#home-to-categorie {
	cursor:pointer;
	width: auto;
	max-width:90%;
	overflow: hidden;
	border: 0px;
  	background-color: #000000;
	color: #FFF;
 	font-size: clamp(14px, 2vw, 18px);
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
    display: inline-block; /* Adapte la largeur au contenu */
	margin-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
    border-radius: 20px; /* Coins complètement arrondis */
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position: relative; /* Position nécessaire pour `transform` */
    left: 50%; /* Positionne le bouton à 50% de l'écran */
    transform: translateX(-50%); /* Recentre en décalant de la moitié de sa propre largeur */
	white-space: nowrap;
}

#h1-home {
	margin-top:10px;
	font-size:25px;
	text-align:center;
	height:auto;
}

@media (max-width: 600px) {
	#h1-home {
		font-size:20px;
	}
}

.home-header-v2 {
	margin-top:20px;
    display: flex;
    height: 450px; /* 100% de la hauteur de la fenêtre */
	gap:10px;
}

.home-header-v2 .left-side {
    width: 43%; /* 40% de la largeur */
    background-image: url('images/home-left-side.jpg'); /* Remplace 'path_to_your_image.jpg' par le chemin de ton image */
    background-size: cover; /* L'image couvrira toute la zone */
    background-position: center; /* Centrer l'image */
    height: 100%; /* 100% de la hauteur */
	box-sizing:border-box;
	position: relative; /* Positionnement relatif pour permettre à l'enfant d'être en position absolue */
    overflow: hidden; /* Assure que les éléments à l'intérieur ne sortent pas du conteneur */
	border-radius:5px;
}

.home-header-v2 .left-side .baseline {
    position: absolute;
    bottom: 20px; /* Calé à 10% du bas */
    left: 20px;  /* Calé à 10% du côté gauche */
    background-color: rgba(0, 0, 0, 0.6); /* Couleur de fond avec transparence */
    color: white; /* Couleur du texte */
    padding: 20px; /* Ajout de padding pour l'espace autour du texte */
    width: 80%; /* Assure que le div reste à l'intérieur du parent */
    box-sizing: border-box;
	font-size:35px;
	line-height:35px;
}

.home-header-v2 .right-side {
    width: 57%; /* 60% de la largeur */
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espace entre les éléments */
    box-sizing: border-box;
    align-content: space-between; /* Assure que l'espacement vertical est bien réparti */
}

.home-header-v2 .box {
    flex: 1 1 calc(50% - 10px); /* 50% de la largeur moins l'espace entre les boîtes */
    width: calc(50% - 50px); /* Définit explicitement la largeur */
	height: calc(50% - 5px); /* Pour avoir 2 lignes de même hauteur */
    background-color: #ccc;
    display: flex;
    flex-direction: column; /* Organise les éléments en colonne */
    align-items: flex-start; /* Aligne les éléments sur la gauche */
    justify-content: top;
    box-sizing: border-box;
    padding: 25px;
    color: #FFFFFF;
	border-radius:5px;
}

.home-header-v2 .box .titre {
   font-size:25px; 
   font-weight:bold;
}

.home-header-v2 .box .content-box {
	margin-top:10px;
    font-size:42px;
	line-height:35px;
	box-sizing:border-box;
	padding:0px;
}

.home-header-v2 .box .content-box a {
	text-decoration:none;
}

.home-header-v2 .box .content-box a:hover{
	text-decoration:underline;
}


.home-header-v2 .box:nth-child(1) {
    background-color: #000000; /* Couleur spécifique pour la première box */
}

	.home-header-v2 .box:nth-child(1) .titre {
		color: #EFD202;
	}


.home-header-v2 .box:nth-child(2) {
	background-color: #EFEFE4; /* Couleur spécifique pour la deuxième box */
}

	.home-header-v2 .box:nth-child(2) .titre {
		color: #000000;
	}
	
	.home-header-v2 .box:nth-child(2) .content-box {
		font-size:18px;
		line-height:20px;
	}

	.home-header-v2 .box:nth-child(2) .content-box ul {
		list-style: none;
		margin:0;
		padding:0px;
	}
	
	.home-header-v2 .box:nth-child(2) .content-box li {
		display: flex;
		align-items: center;
		margin-bottom: 15px; /* Espacement entre les items */
		font-size: 16px; /* Taille de texte lisible */
		color: #333; /* Couleur de texte sombre pour un bon contraste */
		line-height: 15px; /* Hauteur de ligne pour une bonne lisibilité */
		padding-left: 30px; /* Espace pour insérer une icône ou un style personnalisé */
		height:20px;
		position: relative; /* Pour positionner une icône */
		margin:0;
		margin-bottom:5px;
	}
	
	.home-header-v2 .box:nth-child(2) .content-box li::before {
		content: ''; /* Pas de contenu textuel */
		width: 10px; /* Diamètre du cercle */
		height: 10px; /* Diamètre du cercle */
		background-color: #FFD700; /* Couleur du cercle */
		border-radius: 50%; /* Crée un cercle parfait */
		position: absolute;
		left: 0; /* Place le cercle à gauche */
		top: 50%; /* Positionne le cercle verticalement au centre */
		transform: translateY(-50%); /* Centrage vertical parfait */
	}
	
.home-header-v2 .box:nth-child(3) {
    background-color: #EFEFE4; /* Couleur spécifique pour la troisième box */
	
}

	.home-header-v2 .box:nth-child(3) .titre {
		color: #000;
	}
	
	.home-header-v2 .box:nth-child(3) .content-box {
    	display: flex;
    	flex-direction: column; /* Aligne les éléments verticalement */
		width:100%;
	}
	
	.home-header-v2 .box:nth-child(3) .content-box .message {
		margin-top:5px;
		font-size:15px;
		line-height: 15px;
		padding: 0; /* Optionnel : ajout de padding pour espacer le texte */
		text-align: left; /* Centrer le texte du message */
		box-sizing: border-box; /* Assure que le padding est inclus dans la largeur */
	}
	
	.home-header-v2 .box:nth-child(3) .newsletter-form {
		display: flex;
		flex-direction: row;
		box-sizing: border-box;
		width: 100%;
	}
	
	.home-header-v2 .box:nth-child(3) .newsletter-form input[type="text"] {
		outline: none; /* Supprime l'effet de contour */
		-webkit-appearance: none;
		flex: 1;
		padding: 10px;
		font-size: 16px;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-right: 10px; /* Espace entre le champ de texte et le bouton */
		min-width: 0; /* Assure que le champ peut se rétrécir si l'espace est limité */
		box-sizing: border-box;
	}
	
	.home-header-v2 .box:nth-child(3) .newsletter-form button {
		padding: 10px 20px;
		font-size: 16px;
		background-color: #000000; /* Bouton noir */
		color: #FFFFFF; /* Texte en blanc pour un bon contraste */
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transition: background-color 0.3s ease;
		white-space: nowrap;
		flex-shrink: 0; /* Empêche le bouton de rétrécir */
	}
	
	.home-header-v2 .box:nth-child(3) .newsletter-form button:hover {
		background-color: #333333; /* Couleur légèrement plus claire au survol */
	}


.home-header-v2 .box:nth-child(4) {
    background-color: #FFD700; /* Couleur spécifique pour la quatrième box */
}

	.home-header-v2 .box:nth-child(4) .titre {
		color: #000000;
	}
	
	.home-header-v2 .box:nth-child(4) .content-box a {
		color: #ffffff;
		font-size: clamp(12px, 3vw, 37px); /* Ajuste la taille de la police de manière dynamique */
		line-height: 1.2; /* Ajuste l'espacement entre les lignes */
		display: -webkit-box;
		-webkit-line-clamp: 3; /* Fixe à 3 lignes */
		-webkit-box-orient: vertical;
		overflow: hidden; /* Cache le texte qui dépasse */
		text-overflow: ellipsis; /* Ajoute des points de suspension à la fin si le texte est trop long */
		max-width: 100%; /* S'adapte à la largeur disponible */
	}
	
@media (max-width: 1000px) {
	

    .home-header-v2 {
        flex-direction: row; /* Empile les éléments verticalement */
        height: auto; /* Ajuste la hauteur du conteneur principal */
        align-items: stretch; /* Assure que les deux côtés ont la même hauteur */
 	}

    .home-header-v2 .left-side,
    .home-header-v2 .right-side {
        width: 50%; /* Chaque côté prend 50% de la largeur */
        height: auto; /* Ajuste la hauteur automatiquement */
        flex: 1; /* Les deux côtés doivent prendre la même hauteur */
    }

    .home-header-v2 .right-side {
        display: flex;
        flex-wrap: wrap; /* Les boîtes à l'intérieur doivent se réorganiser pour s'adapter */
        gap: 10px; /* Espacement entre les éléments */
        align-content: stretch; /* Répartit l'espace entre les éléments */
    }
	
    .home-header-v2 .box {
		flex: 1 1 100%; /* 50% de la largeur moins l'espace entre les boîtes */
        width: 100%; /* Les boîtes prennent 100% de la largeur */
        height: auto; /* Ajuste la hauteur automatiquement */
		padding:15px;
    }
	
	.home-header-v2 .box .titre {
	   font-size:20px; 
	}

    .home-header-v2 .box .content-box {
		width:100%;
        margin-top:5px;
		font-size: 18px; /* Ajustement de la taille du texte */
		padding:0px;
		line-height:25px;
	}
	
	.home-header-v2 .box:nth-child(4) .content-box a {
		color: #ffffff;
		font-size:25px;
	}

}


@media (max-width: 700px) {
    .home-header-v2 {
        flex-direction: column; /* Passe en colonne */
        height: auto; /* Ajuste la hauteur automatiquement */
    }

    .home-header-v2 .left-side,
    .home-header-v2 .right-side {
        width: 100%; /* Chaque section prend 100% de la largeur */
        height: auto; /* Hauteur automatique */
		flex-direction: column;
    }
	
	.home-header-v2 .left-side {
        min-height: 250px; /* Assure une hauteur minimum pour afficher l'image */
        background-size: cover; /* Garde l'image couverte */
        background-position: center; /* Centre l'image */
    }
	
	.home-header-v2 .left-side .baseline {
        width: 90%; /* Largeur à 90% en responsive */
        font-size: 24px; /* Réduit la taille de la police pour les petits écrans */
        line-height: 28px;
        left: 5%; /* Ajuste pour centrer davantage sur les petits écrans */
        padding: 15px; /* Réduit le padding pour les petits écrans */
	}


    .home-header-v2 .box {
		flex: 1 1 100%; /* 50% de la largeur moins l'espace entre les boîtes */
        width: 100%; /* Les boîtes prennent 100% de la largeur */
        height: auto; /* Ajuste la hauteur automatiquement */
		padding:15px;
    }
	
	.home-header-v2 .box .titre {
	   font-size:20px; 
	}

    
    .home-header-v2 .box .content-box {
		width:100%;
        margin-top:5px;
		font-size: 18px; /* Ajustement de la taille du texte */
		padding:0px;
		line-height:25px;
	}
	
	.home-header-v2 .box:nth-child(4) .content-box a {
		color: #ffffff;
		font-size:25px;
	}

}


.home-categories-v2 {
	margin-top:20px;	
	flex-grow: 1; /* Prend tout l'espace restant */
	gap:10px;
	display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
}

.home-categories-v2 .categorie {
    display: flex;
    align-items: center; /* Aligne verticalement l'image et le texte */
    flex-basis: calc(20% - 20px); /* 4 colonnes par ligne */
    margin-bottom: 10px;
    box-sizing: border-box;
	height:60px;
}


.home-categories-v2 .categorie img {
	width: 50px;
	height: 50px;
	border-radius: 50%; /* Image ronde */
	margin-right: 15px; /* Augmente légèrement la marge */
	border: 1px solid #E5E5E5;
	    flex-shrink: 0; /* Empêche l'image de se réduire */
}

.home-categories-v2 .categorie a {
    text-decoration: none;
    color: #222; /* Couleur plus douce que #000 mais plus marquée que #333 */
    font-size: 18px; /* Légèrement plus grand pour plus de lisibilité */
    font-weight: 500; /* Donne un peu de structure sans être trop gras */
    flex-grow: 1;
    display: flex;
    align-items: center;
    white-space: normal;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.6;
    padding: 10px 15px; /* Aère un peu autour du texte */
    border-radius: 8px; /* Coins arrondis modernes */
    transition: background-color 0.3s, color 0.3s; /* Animation douce */
}

.home-categories-v2 .categorie a:hover {
    background-color: #f0f0f0; /* Effet au survol moderne */
    color: #000; /* Accentuation du texte au survol */
}


@media all and (max-width: 1300px) {
	.home-categories-v2 .categorie {
		flex-basis: calc((100%/4) - 20px); 
	}
}


@media all and (max-width: 1100px) {
	.home-categories-v2 .categorie {
		flex-basis: calc((100%/3) - 20px); 
	}
}

@media all and (max-width: 900px) {
	.home-categories-v2 .categorie {
		flex-basis: calc(50% - 20px); 
	}
}

@media all and (max-width: 600px) {
	
	.home-categories-v2 .categorie {
		flex-basis: calc(50% - 10px); 
	}
	
	.home-categories-v2 .categorie {
		margin-bottom: 10px;
		height:40px;
	}
	
	.home-categories-v2 .categorie img {
		width: 30px;
		height: 30px;
		margin-right: 10px; /* Augmente légèrement la marge */
	}

	
	.home-categories-v2 .categorie a {
		font-size:13px;
	}
}

.home-incontournables-v2 {
	margin-top:40px;	
}

.home-incontournables-v2 .titre {
	font-weight:bold;
	text-align:center;
	font-size:25px;
	margin-bottom:20px;	
}

/* PRIX V2 CATEGORIE */
.bloc-produit .prix:has(.pv2-details),
.bloc-produit-v2 .prix:has(.pv2-details), 
.bloc-produit-v2 .prix.has-pv2-details, 
.endcap .prix:has(.pv2-details), 
.produit-item-search .prix:has(.pv2-details), 
.produit-item-search .prix:has(.pv2-current-price),
.search-produit .prix:has(.pv2-details), 
.search-produit .prix:has(.pv2-current-price) {
  display: inline-flex; /* Utilise inline-flex pour ajuster la largeur au contenu */
  
  justify-content: space-between;
  /*justify-content: center;*/
  
  flex-wrap: wrap;
  
	column-gap: 30px; /* Espace horizontal uniquement */
  row-gap: 0;       /* Pas d'espace vertical */
    
	position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
  max-width: 100%;
  box-sizing: border-box;
  line-height:normal;
}

.endcap .prix:has(.pv2-details), 
.search-produit .prix:has(.pv2-details), 
.search-produit .prix:has(.pv2-current-price) {
  justify-content: flex-start;
}


.bloc-produit .prix .pv2-details,
.bloc-produit-v2 .prix .pv2-details,
.endcap .prix .pv2-details,
.produit-item-search .prix .pv2-details,
.search-produit .prix .pv2-details  {
  display: flex;
  flex-direction: column; /* Empile les enfants verticalement */
  justify-content: flex-start; /* Centre verticalement les enfants */
  align-items: flex-start; /* Aligne horizontalement les enfants à gauche */
  flex: 0; /* Adapte la largeur au contenu */
}

.bloc-produit .prix .pv2-old-price,
.bloc-produit-v2 .prix .pv2-old-price,
.endcap .prix .pv2-old-price,
.produit-item-search .prix .pv2-old-price,
.search-produit .prix .pv2-old-price {
  display: flex;
  align-items: center;
  gap: 5px;	
}

.bloc-produit .prix .pv2-strike,
.bloc-produit-v2 .prix .pv2-strike,
.endcap .prix .pv2-strike,
.produit-item-search .prix .pv2-strike,
.search-produit .prix .pv2-strike {
  font-size: 22px; /* 18 */
  color: #262626;
  text-decoration: line-through;
}

.bloc-produit .prix .pv2-compare,
.bloc-produit-v2 .prix .pv2-compare,
.endcap .prix .pv2-compare,
.produit-item-search .prix .pv2-compare,
.search-produit .prix .pv2-compare {
  font-size: 10px;
  color: #262626;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
}

.bloc-produit .prix .pv2-compare::after,
.bloc-produit-v2 .prix .pv2-compare::after,
.endcap .prix .pv2-compare::after,
.produit-item-search .prix .pv2-compare::after,
.search-produit .prix .pv2-compare::after {
  content: "i";
  font-size: 8px;
  color: #262626;
  border: 1px solid #262626;
  background-color: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
}

.bloc-produit .prix .pv2-tooltip,
.bloc-produit-v2 .prix .pv2-tooltip,
.endcap .prix .pv2-tooltip,
.produit-item-search .prix .pv2-tooltip,
.search-produit .prix .pv2-tooltip  {
  display: none; /* Cachée par défaut */
  position: absolute; /* Positionnement relatif au parent */
  background-color: #f4f4f4; /* Couleur de fond douce */
  color: #4a4a4a; /* Couleur de texte légèrement foncée */
  font-size: clamp(7px, 2.5vw, 11px); /* Ajuste dynamiquement la taille du texte */
  line-height: 11px;
  padding: 5px; /* Légèrement plus d'espace pour plus de lisibilité */
  border-radius: 5px; /* Coins plus arrondis pour un look moderne */
  white-space: normal; /* Autorise le retour à la ligne */
  overflow-wrap: break-word; /* Coupe les mots trop longs */
  bottom: calc(100% + 5px); /* Décale l'infobulle légèrement au-dessus */
  left: 0;
  z-index: 5000;
  max-width: 100%; /* Limite la largeur maximale à celle du parent */
  box-sizing: border-box; /* Inclut les bordures et le padding dans la largeur totale */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

.bloc-produit .prix .pv2-tooltip::after,
.bloc-produit-v2 .prix .pv2-tooltip::after,
.endcap .prix .pv2-tooltip::after,
.produit-item-search .prix .pv2-tooltip::after,
.search-produit .prix .pv2-tooltip::after {
  content: "";
  position: absolute;
  top: 100%; /* Position sous l'infobulle */
  left: 10px; /* Ajustez cette valeur pour centrer la flèche */
  border-width: 7px;
  border-style: solid;
  border-color: #f4f4f4 transparent transparent transparent; /* Flèche assortie au fond */
}

.bloc-produit .prix .pv2-current,
.bloc-produit-v2 .prix .pv2-current,
.endcap .prix .pv2-current,
.produit-item-search .prix .pv2-current,
.search-produit .prix .pv2-current {
  font-size: 22px; /* 16 */
  color: var(--price-color);
  text-align: left;
}

.bloc-produit .prix .pv2-euro,
.bloc-produit-v2 .prix .pv2-euro,
.endcap .prix .pv2-euro,
.produit-item-search .prix .pv2-euro,
.search-produit .prix .pv2-euro {
  font-size: 70%;
  position: relative;
  bottom: 0px;
}

.bloc-produit .prix .pv2-remise-wrapper,
.bloc-produit-v2 .prix .pv2-remise-wrapper {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /*justify-content: flex-end;*/
  align-items: flex-end;
  gap: 2px;
  flex: 0; /* Adapte la largeur au contenu */
}

.endcap .prix .pv2-remise-wrapper,
.produit-item-search .prix .pv2-remise-wrapper,
.search-produit .prix .pv2-remise-wrapper {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  flex: 0; /* Adapte la largeur au contenu */
}

.bloc-produit .prix .pv2-code,
.bloc-produit-v2 .prix .pv2-code,
.endcap .prix .pv2-code,
.produit-item-search .prix .pv2-code,
.search-produit .prix .pv2-code{
  font-size: 9px;
  line-height: 8px;
  color: #000;
  text-align: center;
  width: 100%; /* Forcer l'alignement avec le parent */
  overflow-wrap: break-word; /* Coupe les mots longs si nécessaire */
}

.bloc-produit .prix .pv2-fin-promo,
.bloc-produit-v2 .prix .pv2-fin-promo {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  align-self: stretch;
	font-size:13px;
	color: #333;
	line-height:14px;
}

.prix .pv2-fin-promo .date {
	color: var(--price-color);
	display:inline;
}

.bloc-produit .prix .pv2-remise,
.bloc-produit-v2 .prix .pv2-remise,
.endcap .prix .pv2-remise,
.produit-item-search .prix .pv2-remise,
.search-produit .prix .pv2-remise {
  background-color: var(--price-color);
  color: #fff;
  font-size: 20px; /* 16 */
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}

.bloc-produit .prix .pv2-remise,
.search-produit .prix .pv2-remise {
  background-color: #AC1F21;
}

.bloc-produit .prix:has(.pv2-current-price),
.bloc-produit-v2 .prix:has(.pv2-current-price)
 {
	/*display: inline-flex; /* Utilise inline-flex pour ajuster la largeur au contenu */

  display: flex; /* Utilise inline-flex pour ajuster la largeur au contenu */
  justify-content: center;
  align-items: center; /* Centre verticalement les enfants */
  max-width: 100%;
  box-sizing: border-box;
  line-height:normal;
}


.bloc-produit .prix .pv2-current-price,
.bloc-produit-v2 .prix .pv2-current-price
 {
  font-size: 22px; /* 16 */
  color: var(--price-color);
  text-align: center;
  flex-grow: 1; /* S'assure que l'élément prend tout l'espace disponible */
  display: flex;
  
 	text-align: left;
 	justify-content: flex-start;
 	/*justify-content: center;*/
	
  align-items: baseline;
  width: 100%;
}

.bloc-produit .prix .pv2-current-price,
.bloc-produit-v2 .prix .pv2-current-price,
.endcap .prix .pv2-current-price,
.produit-item-search .prix .pv2-current-price,
.search-produit-item-search .prix .pv2-current-price {
  font-size: 22px; /* 16 */
  color: var(--price-color);
  text-align: left;
}

.bloc-produit .prix .pv2-euro-price,
.bloc-produit-v2 .prix .pv2-euro-price,
.endcap .prix .pv2-euro-price,
.produit-item-search .prix .pv2-euro-price,
.search-produit .prix .pv2-euro-price {
  font-size: 70%;
  position: relative;
  bottom: 0px;
}

/* Media Query pour les écrans de moins de 600px */
@media screen and (max-width: 600px) {
	
.bloc-produit .prix:has(.pv2-details),
.bloc-produit .prix:has(.pv2-current-price),
.bloc-produit-v2 .prix:has(.pv2-details), 
.bloc-produit-v2 .prix:has(.pv2-current-price),
.endcap .prix:has(.pv2-details), 
.endcap .prix:has(.pv2-current-price),
.produit-item-search .prix:has(.pv2-details), 
.produit-item-search .prix:has(.pv2-current-price),
.search-produit .prix:has(.pv2-details), 
.search-produit .prix:has(.pv2-current-price) {
	column-gap: 10px; /* Espace horizontal uniquement */
  row-gap: 0;       /* Pas d'espace vertical */
}
	
  .bloc-produit .prix .pv2-strike,
  .bloc-produit-v2 .prix .pv2-strike,
  .endcap .prix .pv2-strike,
  .produit-item-search .prix .pv2-strike,
  .search-produit .prix .pv2-strike {
    font-size: 22px; /*15*/
  }

  .bloc-produit .prix .pv2-compare,
  .bloc-produit-v2 .prix .pv2-compare,
  .endcap .prix .pv2-compare,
  .produit-item-search .prix .pv2-compare,
   .search-produit .prix .pv2-compare {
    font-size: 9px;
    line-height: 0.9;
  }

  .bloc-produit .prix .pv2-compare::after,
  .bloc-produit-v2 .prix .pv2-compare::after,
  .endcap .prix .pv2-compare::after,
  .produit-item-search .prix .pv2-compare::after,
  .search-produit .prix .pv2-compare::after {
    font-size: 9px;
    width: 9px;
    height: 9px;
    top: -2px;
    right: -2px;
  }

  .bloc-produit .prix .pv2-current,
  .bloc-produit-v2 .prix .pv2-current,
   .endcap .prix .pv2-current,
  .produit-item-search .prix .pv2-current,
  .search-produit.prix .pv2-current {
    font-size: 22px; /* 14 */
  }

  .bloc-produit .prix .pv2-remise,
  .bloc-produit-v2 .prix .pv2-remise,
  .endcap .prix .pv2-remise,
  .produit-item-search .prix .pv2-remise,
  .search-produit .prix .pv2-remise {
    font-size: 22px; /* 14 */
    padding: 3px 6px;
  }

  .bloc-produit .prix .pv2-code,
  .bloc-produit-v2 .prix .pv2-code,
   .endcap .prix .pv2-code,
  .produit-item-search .prix .pv2-code,
  .search-produit .prix .pv2-code {
    font-size: 7px;
    line-height: 7px;
  }

  .bloc-produit .prix .pv2-compare:hover .pv2-tooltip,
  .bloc-produit-v2 .prix .pv2-compare:hover .pv2-tooltip,
  .endcap .prix .pv2-compare:hover .pv2-tooltip,
  .produit-item-search .prix .pv2-compare:hover .pv2-tooltip,
  .search-produit .prix .pv2-compare:hover .pv2-tooltip {
    display: none;
  }
}


/* CADDIE - COMMANDE - ESPACE CLIENT V2 */
.caddie-v1 .prix .pv2-caddie,
.caddie-v2 .prix .pv2-caddie,
.commande-2-v1 .prix .pv2-caddie,
.commande-2-v2 .prix .pv2-caddie,
.espace-client-v2 .prix .pv2-caddie {
  display: flex; /* Aligne les enfants horizontalement */
  justify-content: flex-start;
  align-items: center; /* Centre verticalement les enfants */
  position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
}

.caddie-v1 .prix .pv2-caddie .pv2-compare,
.caddie-v2 .prix .pv2-caddie .pv2-compare,
.commande-2-v1 .prix .pv2-caddie .pv2-compare,
.commande-2-v2 .prix .pv2-caddie .pv2-compare,
.espace-client-v2 .prix .pv2-caddie .pv2-compare {
  font-size: 16px;
  color: #262626;
  text-decoration: line-through;
  margin-right: 20px;
  cursor: pointer;
  position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
}

.caddie-v1 .prix .pv2-caddie .pv2-compare::after,
.caddie-v2 .prix .pv2-caddie .pv2-compare::after,
.commande-2-v1 .prix .pv2-caddie .pv2-compare::after,
.commande-2-v2 .prix .pv2-caddie .pv2-compare::after,
.espace-client-v2 .prix .pv2-caddie .pv2-compare::after {
  content: "i";
  font-size: 8px;
  color: #262626;
  border: 1px solid #262626;
  background-color: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: -12px;
}

.caddie-v1 .prix .pv2-caddie .pv2-current,
.caddie-v2 .prix .pv2-caddie .pv2-current,
.commande-2-v1 .prix .pv2-caddie .pv2-current,
.commande-2-v2 .prix .pv2-caddie .pv2-current,
.espace-client-v2 .prix .pv2-caddie .pv2-current {
  font-size: 16px;
  color: var(--price-color);
  text-align: left;
}

.caddie-v1 .prix .pv2-caddie .pv2-current,
.commande-2-v1 .prix .pv2-caddie .pv2-current {
  color: #AC1F21;
}


.caddie-v1 .prix .pv2-caddie .pv2-euro,
.caddie-v2 .prix .pv2-caddie .pv2-euro,
.commande-2-v1 .prix .pv2-caddie .pv2-euro,
.commande-2-v2 .prix .pv2-caddie .pv2-euro,
.espace-client-v2 .prix .pv2-caddie .pv2-euro {
  font-size: 70%;
  position: relative;
  bottom: 0px;
  margin-right: 10px;
}

.caddie-v1 .prix .pv2-caddie .pv2-remise,
.caddie-v2 .prix .pv2-caddie .pv2-remise,
.commande-2-v1 .prix .pv2-caddie .pv2-remise,
.commande-2-v2 .prix .pv2-caddie .pv2-remise,
.espace-client-v2 .prix .pv2-caddie .pv2-remise {
  background-color: var(--price-color);
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}

.caddie-v1 .prix .pv2-caddie .pv2-remise,
.commande-2-v1 .prix .pv2-caddie .pv2-remise 
{
  background-color: #AC1F21;
}

.caddie-v1 .prix .pv2-caddie .pv2-tooltip,
.caddie-v2 .prix .pv2-caddie .pv2-tooltip,
.commande-2-v1 .prix .pv2-caddie .pv2-tooltip,
.commande-2-v2 .prix .pv2-caddie .pv2-tooltip,
.espace-client-v2 .prix .pv2-caddie .pv2-tooltip {
  display: none; /* Cachée par défaut */
  position: absolute; /* Positionnement relatif au parent */
  background-color: #f4f4f4; /* Couleur de fond douce */
  color: #4a4a4a; /* Couleur de texte légèrement foncée */
  font-size: clamp(7px, 2.5vw, 11px); /* Ajuste dynamiquement la taille du texte */
  line-height: 11px;
  padding: 5px; /* Légèrement plus d'espace pour plus de lisibilité */
  border-radius: 5px; /* Coins plus arrondis pour un look moderne */
  white-space: normal; /* Autorise le retour à la ligne */
  overflow-wrap: break-word; /* Coupe les mots trop longs */
  bottom: calc(100% + 5px); /* Décale l'infobulle légèrement au-dessus */
  left: 0;
  z-index: 5000;
  max-width: 100%; /* Limite la largeur maximale à celle du parent */
  box-sizing: border-box; /* Inclut les bordures et le padding dans la largeur totale */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

.caddie-v1 .prix .pv2-caddie .pv2-tooltip::after,
.caddie-v2 .prix .pv2-caddie .pv2-tooltip::after,
.commande-2-v1 .prix .pv2-caddie .pv2-tooltip::after,
.commande-2-v2 .prix .pv2-caddie .pv2-tooltip::after,
.espace-client-v2 .prix .pv2-caddie .pv2-tooltip::after {
  content: "";
  position: absolute;
  top: 100%; /* Position sous l'infobulle */
  left: 10px; /* Ajustez cette valeur pour centrer la flèche */
  border-width: 7px;
  border-style: solid;
  border-color: #f4f4f4 transparent transparent transparent; /* Flèche assortie au fond */
}

/* PRIX V2 PRODUIT */

	#produit-v2 .franco_v2 {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#produit-v2 #buy-desktop .franco_v2 {
		margin-left:0;
	}


#categorie-produit-shopping-v2 #shop-right #buy #prix_p:has(.pv2-details),
#categorie-produit-shopping-v2 #shop-right #buy #prix_p:has(.pv2-current-price) {
	line-height:initial;
	min-height:0px;
}

.prix_p:has(.pv2-details),
.prix_p:has(.pv2-current-price),
.prix_p_mobile:has(.pv2-details),
.prix_p_mobile:has(.pv2-current-price) {
		flex-wrap: wrap;

  display: inline-flex;
  justify-content: center;
  align-items: center; /* Centre verticalement les enfants */
  position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
  box-sizing: border-box;
  width: fit-content; /* Ajuste automatiquement la largeur au contenu */
   padding: 0 !important;
    margin: 0 !important;
    border: none;
}

.produit-v2-2 .prix_p:has(.pv2-details),
.produit-v2-2 .prix_p:has(.pv2-current-price),
.produit-v2-2 .prix_p_mobile:has(.pv2-details),
.produit-v2-2 .prix_p_mobile:has(.pv2-current-price) {
  display: flex; /* Aligne les enfants horizontalement */
    justify-content: flex-start;

  width: auto; /* Ajuste automatiquement la largeur au contenu */

}

.prix_p .pv2-details,
.prix_p_mobile .pv2-details {
  display: flex;
  flex-direction: column; /* Empile les enfants verticalement */
  justify-content: center;
  align-items: flex-start;
  flex: 0; /* Adapte la largeur au contenu */
}

.prix_p .pv2-old-price,
.prix_p_mobile .pv2-old-price {
  display: flex;
  align-items: center;
  gap: 5px;	
}

.prix_p .pv2-strike,
.prix_p_mobile .pv2-strike {
  font-size: 24px; /* 18 */
  color: #262626;
  text-decoration: line-through;
}

.prix_p .pv2-compare,
.prix_p_mobile .pv2-compare {
  font-size: 10px;
  color: #262626;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  position: relative; /* Parent relatif pour que la tooltip soit bien positionnée */
}

.prix_p .pv2-compare::after,
.prix_p_mobile .pv2-compare::after {
  content: "i";
  font-size: 8px;
  color: #262626;
  border: 1px solid #262626;
  background-color: #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
}

.prix_p .pv2-tooltip,
.prix_p_mobile .pv2-tooltip {
  display: none; /* Cachée par défaut */
  position: absolute; /* Positionnement relatif au parent */
  background-color: #f4f4f4; /* Couleur de fond douce */
  color: #4a4a4a; /* Couleur de texte légèrement foncée */
  font-size: clamp(7px, 2.5vw, 11px); /* Ajuste dynamiquement la taille du texte */
  line-height: 11px;
  padding: 5px; /* Légèrement plus d'espace pour plus de lisibilité */
  border-radius: 5px; /* Coins plus arrondis pour un look moderne */
  white-space: normal; /* Autorise le retour à la ligne */
  overflow-wrap: break-word; /* Coupe les mots trop longs */
  bottom: calc(100% + 5px); /* Décale l'infobulle légèrement au-dessus */
  left: 0;
  z-index: 5000;
  max-width: 100%; /* Limite la largeur maximale à celle du parent */
  box-sizing: border-box; /* Inclut les bordures et le padding dans la largeur totale */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

.prix_p .pv2-tooltip::after,
.prix_p_mobile .pv2-tooltip::after {
  content: "";
  position: absolute;
  top: 100%; /* Position sous l'infobulle */
  left: 10px; /* Ajustez cette valeur pour centrer la flèche */
  border-width: 7px;
  border-style: solid;
  border-color: #f4f4f4 transparent transparent transparent; /* Flèche assortie au fond */
}

.prix_p .pv2-current,
.prix_p_mobile .pv2-current {
  font-size: 24px; /* 16 */
  color: var(--price-color);
  text-align: left;
}

.prix_p .pv2-euro,
.prix_p_mobile .pv2-euro {
  font-size: 70%;
  position: relative;
  bottom: 0px;
}

.prix_p .pv2-remise-wrapper,
.prix_p_mobile .pv2-remise-wrapper {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 2px;
  margin-left: 20px;
  flex: 0; /* Adapte la largeur au contenu */
}

.prix_p .pv2-code,
.prix_p_mobile .pv2-code {
  font-size: 9px;
  line-height: 8px;
  color: #000;
  text-align: center;
  width: 100%; /* Forcer l'alignement avec le parent */
  overflow-wrap: break-word; /* Coupe les mots longs si nécessaire */
}

.prix_p .pv2-remise,
.prix_p_mobile .pv2-remise {
  background-color: var(--price-color, #AC1F21);
  color: #fff;
  font-size: 19px; /* 16 */
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}

.prix_p .pv2-current-price,
.prix_p_mobile .pv2-current-price {
  font-size: 24px; /* 16 */
  color: var(--price-color);
  text-align: left;
}

.prix_p .pv2-euro-price,
.prix_p_mobile .pv2-euro-price {
  font-size: 70%;
  position: relative;
  bottom: 0px;
}

/* PRODUIT */
.mkt_stock {
	color: #F48A03;
	font-size:12px;
}

/* BOX CATEGORIE */
#box-categorie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 5000;
}

#box-categorie-popover {
    display: none;
    position: fixed;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    overflow: auto;
    height: 75vh;
    width: 50vw;
    z-index: 5006;
    border-radius: 5px;
    padding: 20px;
	padding-top:20px;
	
}

@media (max-width: 600px) {
    #box-categorie-popover {
        height: 80vh; /* 80% of the viewport height */
        width: 90vw;  /* 90% of the viewport width */
    }
}

/* Le bouton sticky, hors flux */
.close-popover {
    position: sticky;
    top: 0px;
    float: right;
    font-size: 40px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 9999;
    display: inline-block;
    padding: 10px;
	color:#262626;
}

.bloc-box-categorie-v2 {
    text-align: left;
    z-index: 1;
    position: relative;
   	/* border: 1px solid rgba(200, 200, 200, 0.5); /* Bordure douce et semi-transparente */
    border-radius: 10px; /* Coins arrondis */
    box-sizing: border-box;
   	box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.5); /* simule une bordure */

	overflow: hidden; 
	padding: 20px;
	
	background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
	
	font-size:30px;
}

.bloc-box-categorie-v2:has(.assistant-preview) {
  padding: 0;
  box-shadow: none;
}

.bloc-box-categorie-v2 .assistant-preview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6A11CB 0%, #2575FC 100%);
  color: #fff;
}

.bloc-box-categorie-v2 .assistant-preview .chat-title {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.bloc-box-categorie-v2 .message-bulle {
  background-color: #5E35B1;
  color: #fff;
  border-radius: 14px;
  padding: 14px 18px;
  width: 100%;
  box-sizing:border-box;
  font-size: 17px;
  line-height: 1.6;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.bloc-box-categorie-v2 .champ-simule {
  display: none;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  color: #333;
  border-radius: 10px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing:border-box;

}

.bloc-box-categorie-v2 .champ-simule .chevron-wrapper {
  background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.bloc-box-categorie-v2 .champ-simule .chevron {
	color: #fff;
	font-size: 16px;
	line-height: 1;
}

.bloc-box-categorie-v2 .accroche-texte {
	border-radius: 10px; /* Coins arrondis */
	background-color: rgba(0, 0, 0, 0.6); /* fond noir semi-transparent */
	padding:10px;
	color: #fff;
}

.bloc-box-categorie-v2 .accroche-chevron {
  width: 40px;
  height: 40px;
  border-radius: 50%; /* rend le bouton rond */
  border: none;
  background-color: #fff;
  color: #494949;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.bloc-box-categorie-v2 .accroche-chevron svg {
  width: 25px;
  height: 25px;
}

/* MONETICO RETAIL */
/* Taille principale du formulaire */
.kr-smart-form {
	width: 100%;
    flex-basis: 100%;
    margin-top: 10px;
}

/* Taille du formulaire embarqué */
.kr-smart-form .kr-embedded {
    width: 100% !important;
}

/* Flexbox pour la mise en page interne */
.kr-smart-form .kr-embedded .flex-container {
    display: flex;
    flex-direction: row !important;
}

/* Centrage et taille du bouton de paiement */
.kr-smart-form .kr-embedded .kr-payment-button {
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
}

/* Masque la marque du haut du formulaire */
.kr-smart-form .kr-top-brand,
.kr-smart-form .kr-payment-button {
    display: none !important;
}

/* Masque le champ du titulaire de carte */
.kr-smart-form .kr-card-holder-name,
.kr-payment-form .kr-card-holder-name {
   /* display: none !important;*/
}

.kr-smart-form .kr-card-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

		#monetico-payment-form-container {
			display: flex;
			flex-direction: column;
			align-items: flex-start;  /* Aligne à gauche */
			justify-content: center;  /* Centrage vertical */
			height: auto;
			width: 100%;
		}


		.monetico-loader-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: auto;
				width: 100%;

		}
		
		.monetico-spinner {
			width: 40px;
			height: 40px;
			border: 4px solid #ccc;
			border-top-color: #007bff;
			border-radius: 50%;
			animation: spin 1s linear infinite;
		}
		
		@keyframes spin {
			to { transform: rotate(360deg); }
		}

.type_paiement_integre_v2_content {
	display:none;
	flex-direction: column;
	align-items: flex-start;  /* Aligne à gauche */
	justify-content: center;  /* Centrage vertical */
	height: auto;
	width: 100%;	
}

.type_paiement_integre_v2_error {
	flex-direction: column;
	align-items: flex-start;  /* Aligne à gauche */
	justify-content: center;  /* Centrage vertical */
	height: auto;
	width: 100%;
	color:#CB0003;
}





:root {
	--max-width-header:1400px;
	--max-width-footer:1400px;
	--max-width-content:1400px;
	--search-background:#F6F6F6;
	--h3-color:#363636;
}


/* HEADER V2 */
#header-2 {
	background: none;
	background-color:#FFFFFF;
}

#header-2-right .circle {
    background-color: #FFFFFF;
    border-radius:0%;
	margin-right:0px;
}

#header-2-right .circle .badge {
    top: 5px; /* Ajustez selon vos besoins */
    right: 5px; /* Ajustez selon vos besoins */
    width: 20px; /* Diamètre du badge */
    height: 20px; /* Diamètre du badge */
    font-size: 12px; /* Taille du texte */
}

@media all and (max-width: 600px) {
	#header-2-right .circle .badge {
		top: -2px; /* Ajustez selon vos besoins */
		right: -2px; /* Ajustez selon vos besoins */
	}

}

#header-2-center .search-input, #header-2-center .search-container, #header-2-center .search-button {
	background-color: var(--search-background);
}

#header-2-pre .slogan {
	color: #56565;
}

#mobile-menu #mobile-menu-header {
	background: none;
	padding:20px;
	padding-bottom:10px;
	box-sizing:border-box;
	width: 100%;
	border-bottom: 3px solid #DBDBDB; /* Ajoute une ligne de 3px en bas */
}

#mobile-menu #mobile-menu-header #baseline {
	margin-top:5px;
	color: #363636;
	font-size:17px;
}

/* HOME */
#home-mobile {
	display: none;	
}

@media all and (max-width: 768px) {
	#home-mobile {
		display: block;
		text-align: center;
	}
}

#home-choisir {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;	
	font-size:16px;
}

#home-choisir p {
	line-height:25px;
}

#home-choisir h3, #contenu-footer h3 {
	background-color:#FFFFFF;
	color: #AC1F24;
	padding:0px;
	margin-top:25px;
	margin-bottom:5px;
	font-size:16px;
}


/* GUIDE D'ACHAT */
#categorie-guide-achat {
	line-height:25px;
}

@media (max-width:480px)
{
	#categorie-guide-achat {
	padding: 10px;
	}
}

#categorie-guide-achat h2.type {
	color: #AC1F22;	
	margin-top: 25px;
}

#categorie-guide-achat .bloc-classement {
	float:left;
	width: calc(33% - 20px);
	padding: 10px;
	text-align:center;
}

@media (max-width:480px)
{
	#categorie-guide-achat .bloc-classement {
		float:none;
		width: calc(100% - 20px);
	}
}

#categorie-guide-achat .bloc-classement .title {
	font-weight: bold;
	font-size:25px;
	text-align: center;
}

#categorie-guide-achat .bloc-classement .title a {
	text-decoration:none;
}

#categorie-guide-achat .bloc-classement .image {
	margin-top:10px;	
}

#categorie-guide-achat .bloc-classement .prix {
	margin-top:10px;	
	font-size:16px;
	line-height:55px;
	height:55px;
	color: #AC1F21;
}

#categorie-guide-achat .bloc-classement .prix .euro {
	display:inline;
	font-size:9px;
	margin-left:2px;
}

#categorie-guide-achat .bloc-classement .promo {
	margin-top:5px;	
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#608B3D;
	height:25px;
	line-height:25px;
}

#categorie-guide-achat .bloc-classement .prix .prix_gauche {
		float:left;
		width:35%;
		text-align:center;
		font-size:22px;
		color:#333;
		height:50px;
		line-height:20px;

	}
	

	
#categorie-guide-achat .bloc-classement .prix .prix_gauche .pvc {
		font-size:11px;
		color:#333;
	}
	
#categorie-guide-achat .bloc-classement .prix .prix_centre_remise {
		float:left;
		width:30%;
		text-align:center;
		background-color: #AC1F21;
		font-size:24px;
		color: #FFF;
		margin-top:5px;
		height:25px;
		padding-top:5px;
		padding-bottom:5px;
		line-height:25px;
		letter-spacing:1px;
	}
	
@media (min-width:480px) and (max-width: 1024px)
{
	#categorie-guide-achat .bloc-classement .prix .prix_centre_remise {
		font-size:16px;
	}
}
	
#categorie-guide-achat .bloc-classement .prix .prix_droite {
		float:right;
		width:35%;
		text-align:center;
		font-size:22px;
		color: #AC1F21;
		height:50px;
		line-height:20px;
	}
	
#categorie-guide-achat .bloc-classement .prix .prix_droite .pvc {
		font-size:11px;
		color: #333;
	}
	
#categorie-guide-achat .bloc-classement .pvc_p {
		display:inline;
}

#categorie-guide-achat .bloc-classement .prix  .prix_centre {
		text-align:center;
		font-size:22px;
		color: #C30;
		height:50px;
		line-height:20px;
	}
	
#categorie-guide-achat .bloc-classement .prix  .prix_centre .pvc {
		font-size:12px;
		color: #333;
		height:20px;
	}
	
#categorie-guide-achat .bloc-classement .prix_public_promo {
	margin-top:5px;
	font-size:12px;
	color:#608B3D;
	padding:0px;
	line-height:15px;
}

#categorie-guide-achat .bloc-classement .goto {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:pointer;
	width: 75%;
	max-width:200px;
	border: 0px;
  	background-color: var(--bt-action-color);
	color: #FFF;
	font-size: 15px;
	margin-top: 10px;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
    border-radius: 17.5px; /* Coins complètement arrondis */
	transition: background-color 0.3s, color 0.3s, transform 0.3s; /* Transition pour l'effet de survol */
}

@media (min-width:480px) and (max-width: 1024px)
{
#categorie-guide-achat .bloc-classement .goto {
		font-size:16px;
	}
}


#categorie-guide-achat .bloc-classement .goto a {
	color: #FFF;
	text-decoration:none;
}

#categorie-guide-achat .bloc-classement .goto:hover {
	transform: scale(1.05); /* Augmenter légèrement la taille au survol */
}