/* ----- Styles generaux -----
*
*	Couleur texte : 	#768188  	118,129,136
*	couleur a:hover :	#8B949A		rgb(139,148,154)
*	Couleur Bouton vert: rgb( 0 , 205 , 48 )    rgb( 0 , 205 , 48 )
*
jaune 		rgb( 253 , 195 , 0 );
vert 		rgb( 0 , 205 , 48 );  
ancien fond rgb( 239 , 239 , 239 );
new vert rgb( 93 , 174 , 43 );

vert_fonce	rgb( 0 , 167 , 75 );  
	rouge 		rgb( 231 , 0 , 68 );
	bleu 		rgb( 0 , 205 , 205 );
gris fonce 	rgb( 81 , 98 , 111 );
gris 		rgb( 142 , 151 , 157 );     rgb( 173 , 181 , 186 );
gris_clair 	rgb( 240 , 240 , 240 );
* -----------------------------------------------

darty 
gris fonce background-color: rgb( 229 , 229 , 229 );
gris clair background-color: rgb( 242 , 242 , 242 );

bleu rdc rgb( 0 , 153 , 204 ); 
rouge rdc rgb( 216 , 11 , 12 ); 
*/
@charset "utf-8";
html {
	margin: 0;
	padding: 0;
}	
body {
	margin: 0;
	padding: 0;
	background-color: rgb( 242 , 242 , 242 );
}
body.tuto {
	margin: 0;
	padding: 0;
	background-color: rgb( 0 , 153 , 204 ); 
}
body, td {	
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 14px;
	/*color: rgb( 81 , 98 , 111 );*/	
	color: #000;
}
input, option, select, textarea {	
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 13px;
	/*color: rgb( 81 , 98 , 111 );*/	
	color: #000;	
}
.detail_nth:nth-child(odd) {
  background-color: rgb( 242 , 242 , 242 );
  padding-top: 5px;
  padding-bottom: 5px;
}
.detail_nth:nth-child(even) {
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
}
.alert-promo{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	background-color: rgb( 255 , 80 , 0 );
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 2000;
	bottom: 0;
	opacity: 1;
	cursor: pointer;
}
.alert-promo.close{
	opacity: 0;
	transform: translateY(50px);
	transition: 0.8s;
}
.alert-promo p{
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
}
#page {
	text-align: left;
	width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
	.corona { 	
		width:1024px;
		background-color:rgb( 245 , 166 , 35 );
		color: #000000; 	
		/*background-color:rgb( 242 , 242 , 242 );*/
		position:fixed;
		top:0px;
		padding-top: 10px;
		height:50px;
		text-align:center;
		/*left:0px;*/		
		z-index:300;		
	}
.logo { 	
	 z-index: 0; 
}
.logo_noel { 	
	 z-index: 0;
	 position: absolute;
	 top: 30px;
	 left: 15px; 	 
}
.top_menu
{
	width:1024px;
	/*background-color:rgb( 93 , 174 , 43 );*/
	background-color:rgb(128, 128, 128);
	/*background-color:rgb( 242 , 242 , 242 );*/
	
	height:32px;
	z-index:300;
	
	display: flex;
	display: none;
	justify-content: space-between;
	align-items: center;
}
h1 {	 
	font-weight: bold; font-size: 18px;
	text-align: center;
	color: #000;	
	/*color: rgb( 93 , 174 , 43 );*/
}
h2 {	 
	font-weight: bold; font-size: 15px;		
}
p {	 
	font-weight: normal; font-size: 12px;text-align: justify;
}
#toggle{height:auto; border:0px solid #FFFFFF; margin:0;text-align:left}
#toggle p{text-align:left;padding:0}
#sep_prd{	
	border-top: 1px dotted rgb( 81 , 98 , 111 );	
}
#position_InfoBulle_panier {
	z-index: 10;
    position: absolute;
    right: 115px; /*11.9%;*/
    top: 2px; /*5%;*/
    font-size: 12px;
	font-family: "Arial",Helvetica,sans-serif;
	font-weight:bold;
    background: #ff0000;
    color: #fff;
    padding: 1px 5px;
    vertical-align: top;
}
.InfoBulle_panier {
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#position_InfoBulle_vu {
    font-size: 12px;
	font-family: "Arial",Helvetica,sans-serif;
	font-weight:bold;
    background: #ff0000;
    color: #fff;
    padding: 1px 5px;
    vertical-align: top;
}
.InfoBulle_vu {
	position: relative;
	z-index: 10;
	margin-left: -10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}	
.drapeau2 { 
	margin-top: 5px;
}
	.fct { 
		display: flex;
		align-items: center;
		padding-left: 10px;
		width: 350px;
		height: 100%;
		color: #FFFFFF;
		font-size: 16px;
		font-family: "Arial",Helvetica,sans-serif;
	}
	.fct2 { 	
		z-index: 1;
		position: absolute;	 
		top: 26px;
		left: 10px; 			
	}
.txt_logo { 	
	 z-index: 2;
	 position: absolute;	 
	 top: 85px;
	 left: 15px; 	
	 font-size: 13px;
}
.drapeau {
	margin-top: -1px;
	background-color: rgb(102, 102, 102);
	display: flex;
	justify-content:end;
	gap: 10px;
	padding:20px 10px 5px 0;
}
.bas_gauche { 
	order:3;
	font-size: 13px;	
	color: #000000;
	width: 100%;
	text-align: right;
}	
.tree_view { 		 
	position: absolute;	
	top: 130px;	
}		
.menu_dyna { 	
	top: 122px;
	left: 0px;
 	position: absolute;
	z-index: 1; 
	width: 1024px;
}
.search_posi { 	
	width: 80%;
	justify-self: center;
}
.search_posi .contentArea #inputSearch{
	box-sizing: border-box;
	height: 30px;
	border-radius: 3px;
	padding: 15px;
}
.search_mobile{
	display: none;
}
			.search_3_click {
				width: 250px; 	
				height:auto;	
			}
			.search_3_click_actif { 
				position: absolute;
				left: 300px;
				z-index: 201;
				padding-top: 5px;
				padding-left: 5px;
				padding-right: 5px;
				padding-bottom: 5px;
				background-color: rgb( 93 , 174 , 43 ); 
				border: solid 1px rgb( 142 , 151 , 157 );	
			}
			.selecteur_3_click {
				line-height: 26px;
				height: 26px;
				border: solid 1px rgb( 142 , 151 , 157 );
				background-color: #FFFFFF;
			}				

.page_accueil 
{
	display: flex;
	flex-direction: column;
	gap:10px;
	margin-top: 140px;
}
	.menu_accueil
	{  
		position: absolute;
		top: -20px;
		left: -10px;	
		width: 100%;		
	}		
	
.rouge_11_bold {
	font-weight: bold;font-size: 11px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, serif;
	}	
.rouge_11 {
	font-size: 11px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, serif;
	}
.rouge_10{
	font-size: 10px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, serif;
}
.rouge_10_bold{
	FONT-WEIGHT: bold; font-size: 10px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, serif;
}

	
		
		.mes_banniere
		{  
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap:10px;
			width: 100%;
		}
		.bon_plans
		{  
			font-family: "Arial",Helvetica,sans-serif;
			/*color: rgb( 93 , 174 , 43 ); */
			color: #000;
			font-size: 25px;	
			width: 100%;
			text-align: center;
			margin-top: 20px;			
		}
		.produit_accueil
		{  
			box-sizing: border-box;
			display:flex;
			flex-wrap: wrap;
			justify-content:center;
			gap:10px;
			width: 100%;
		}		
		.titre_marque
		{
			font-family: "Arial",Helvetica,sans-serif;
			/*color: rgb( 93 , 174 , 43 ); */
			color: #000;
			font-size: 25px;	
			width: 100%;
			text-align: center;
			margin-top: 20px;
		}
		.marque_accueil
		{  
			width: 946px;
			margin: auto;
			background-color: #FFFFFF;	
		}	
		.cadre_blanc
		{  
			position: relative;	
			height:100%;
			width: 945px;
			left: 30px;	
			background-color: #FFFFFF;	
		}			
			#menu_marque li{		
				list-style: none;				
			}
			#menu_marque li{		
				display: inline-block;
				width: 120px;
				height: 50px;
				padding: 0px 0px 0px 5px;
				list-style: none;
			}
			.liste_marque
			{  				
				position: absolute;	 
				width:148px;
				height:25px;
				top: 146px;
				right: 0px;
				padding-top: 5px;
				padding-left: 5px;				
				font-size: 14px; color: #ccc;					
				background-color: rgb( 93 , 174 , 43 ); 
				color: #fff;
			}
			.lien_liste_marque  
			{ 
				font-size: 14px;
				color: #FFFFFF; 
			}
			.lien_liste_marque:hover 
			{ 						
				font-size: 14px;
				color: #000000; 
			}
				.texte_accueil
				{  
					box-sizing: border-box;
					width: 946px;
					margin: auto;
					text-align: justify;
					padding: 0px 10px;
					background-color: #FFFFFF;
				}
				.last{
					display: flex;
					flex-direction: column;
					align-items: center;
					order:2;
				}

.stock_et_prix .flex{
	align-items: center;
}
.stock_et_prix_accueil .flex{
	gap:10px;
}
.stock_et_prix .flex .no-flex{
	display: flex;
	align-items: center;
	gap:10px;

}
.stock_et_prix .flex p{
	text-align: center;
}
.stock_et_prix .flex p#prix_accueil_avant{
	text-decoration: line-through;
	color:#fb9902;
}
/* .stock_et_prix .flex p#prix_accueil{
	width: 100px;
} */

.commande_prd_comp span {
	font-size: 10px;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
	height: 20px;
}
.commande_prd_comp button {
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 12px;
	width: 160px;		
	transition: all 600ms ease-in-out 0s;
}
.detail_prd_comp {
	width: 300px;
	height: auto;
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	border: 1px solid #c4c4c4;
	scroll-margin-top: 130px;
}
.detail_prd_comp:hover{
	/* background-color: rgb( 93 , 174 , 43 ); */
	transition-duration: 0.2s;	
}
.detail_prd_comp:hover .titre_produit_accueil,
.detail_prd_comp:hover #en_sku,
.detail_prd_comp:hover #prix_accueil,
.detail_prd_comp:hover .img_accueil center {color:#000;}
.detail_prd_comp:hover .button_achat{background-color:white;color:black;}

.detail_prd_comp p {
	overflow-wrap: break-word; /* Permet de couper une phrase ? x pixels */ 
}

#prix_accueil_avant{
	white-space: nowrap;
}

				.detail_prd_comp2 {
					width: 175px;
					height: 30px;
					float: left;
					margin: 0px 13px 15px 0;
					padding: 0px 5px 0px 5px;
					background-color: #FFFFFF;						
				}
				.detail_prd_comp2:hover{
					background-color: rgb( 93 , 174 , 43 );
					transition-duration: 0.2s;	
				}
				.detail_prd_comp2:hover .titre_produit_accueil,
				.detail_prd_comp2:hover #en_sku,
				.detail_prd_comp2:hover #prix_accueil,
				.detail_prd_comp2:hover .img_accueil center {color:white;}

				.detail_prd_comp2:hover .button_achat{background-color:white;color:black;}

				.detail_prd_comp2 p {
					width: 175px;
					overflow-wrap: break-word; /* Permet de couper une phrase ? x pixels */ 
				}
		.detail_prd_comp3 {
			width: 175px;
			height: 290px;
			float: left;
			margin: 15px 13px 15px 0;
			padding: 0px 5px 0px 5px;
			background-color: #FFFFFF;		
		}
		.detail_prd_comp3:hover{
			background-color: rgb( 253 , 195 , 0 );
			transition-duration: 0.2s;	
		}
		.detail_prd_comp3:hover .titre_produit_accueil,
		.detail_prd_comp3:hover #en_sku,
		.detail_prd_comp3:hover #prix_accueil,
		.detail_prd_comp3:hover .img_accueil center {color:white;}

		.detail_prd_comp3:hover .button_achat{background-color:white;color:black;}

		.detail_prd_comp3 p {
			width: 175px;
			overflow-wrap: break-word; /* Permet de couper une phrase ? x pixels */ 
		}
		
		
					.detail_prd_comp_panier {
						width: 175px;
						height: 290px;
						float: left;
						margin: 15px 13px 15px 0;
						padding: 0px 5px 0px 5px;
						background-color: #FFFFFF;		
					}
					.detail_prd_comp_panier:hover{
						background-color: rgb( 93 , 174 , 43 );
						transition-duration: 0.2s;	
					}
					.detail_prd_comp_panier:hover .titre_produit_accueil,
					.detail_prd_comp_panier:hover #en_sku,
					.detail_prd_comp_panier:hover #prix_accueil,
					.detail_prd_comp_panier:hover .img_accueil center {color:white;}

					.detail_prd_comp_panierdetail_prd_comp_panier:hover .button_achat{background-color:white;color:black;}

					.detail_prd_comp_panier p {
						width: 175px;
						overflow-wrap: break-word; /* Permet de couper une phrase ? x pixels */ 
					}
		
		
			.une_banniere img {
				height: 100%;
			}
			.une_banniere:hover{
				/*background-color: rgb( 93 , 174 , 43 );*/
				transition-duration: 0.2s;
				filter: alpha(opacity=65);
				-webkit-box-shadow: none;
				box-shadow: none;
				opacity: .65;	
			}
			
			.colonnes_marque{
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
				grid-auto-rows: minmax(auto, auto);
				gap: 10px;
				justify-items: center;
				width: 100%;
				margin-bottom: 20px;
			}
			.colonne_marque {
				width: 320px;
				height: auto;
				float: left;
				margin: 0px 0 0px 0;
				padding: 0px 0 0px 0;
				background-color: #FFF;	
				
			}				
			.une_marque {
				width: 300px;
				height: 35px;
				float: left;
				padding-top: 15px;
				padding-left: 10px;						
				color: rgb( 93 , 174 , 43 ); 
				font-size: 14px;				
				margin: 15px 13px 0px 0;				
				background-color: rgb( 242 , 242 , 242 );	
				border-left-width: 10px;
				border-left-style: solid;
				border-left-color: rgb( 253 , 195 , 0 );	
			}	
			.une_marque:hover{
				background-color: rgb( 253 , 195 , 0 );
				transition-duration: 0.2s;	
			}
			.centre_marque {
				width: 120px;	
				float: left;
			}		
				
.haut_page {
	height: 82px;
	width: 1024px;
	left:50%;
	transform: translateX(-50%);
	background-color: rgb(242,242,242);
	position: fixed;
	top:0;
	z-index: 100;
}
.burger{
	display: none;
}
.img_avis{
	width: 100%;
}
header.header{
	box-sizing: border-box;
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	display: grid;
	grid-template-columns: 1fr 10fr;
	grid-template-rows: 1fr;
	gap:20px;	
	align-items: center;
	justify-items: center;
	background-color: rgb( 242, 242, 242 );
	height: 92px;
}
header.header .header_droite{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 5px 0;
	margin-top: 10px;
}
.logo{
	margin-top: 5px;
	margin-bottom: 5px;
}
header.header .header_ddroite{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.infos_header{
	display: flex;
	justify-content: space-between;
	padding: 10px;
	padding-top: 0;
	align-items: center;

}
.dropdown-drapeau{
	position: absolute;
	z-index: 1000;
	width: 100px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
	display: none;
}
.cli_header{
	display: flex;
	gap: 10px;
}
.clicks_header{
	display: flex;
	gap: 10px;
}
.drapeau-langue:hover .dropdown-drapeau{
	display: block;
}
.dropdown-drapeau a{
	display: block;
	padding: 7px;
}
.drapeau-langue{
	padding-right: 10px;
	border-right: 1px solid #353b48;	
}
.langue{
	display: flex;
	gap: 5px;
	align-items: center;
}
.actions_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	margin-right: 25px;
}
.actions_header .panier{
	display: flex;
	align-items: center;
}
.actions_header .panier #open-panier-menu{
	display: flex;
	align-items: center;
	gap: 5px;
}
.actions_header .panier #open-panier-menu .panier_count{
    align-items: center;
    background: #ccc;
    border-radius: 50%;
    color: #3f4953;
    width: 20px;
	height: 20px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.actions_header a{
	color:#000;
}
.cadre_blanc
{  
	position: absolute;
	left: 30px;	
	width: 945px;
	background-color: rgb( 242 , 242 , 242 );
	padding-top: 10px;			
	padding-bottom: 10px;	
}		
.milieu_page_marque {
	width: 1004px;
	min-height: 600px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;	
	background-color: #fff;
}		
.milieu_page_gris {
	display: flex;
	flex-direction: column;
	width: 1024px;
	height: auto;
	min-height: 600px;
	background-color: rgb( 242 , 242 , 242 );
}
.milieu_page_blanc {
	box-sizing: border-box;
	width: 1024px;
	height: auto;
	margin-top: 150px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;	
	background-color: #fff;
}
.fiche_detail {
	box-sizing: border-box;
	display: grid;
	gap: 10px;
	grid-template-areas: "nom_produit nom_produit" 
						 "pic_produit achat";
	
	justify-items: start;
	padding: 0;
}
.nom_produit {
	padding-left: 0px;	
	grid-area: nom_produit;
	justify-self: center;
}
.logo_nom_produit{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	width: 100%;
	gap: 20px;
}
.logo_nom_produit h1{
	text-align: left;
}
.pic_produit .miniatures{
	width: 100%;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	gap: 10px;
}
.pic_produit .miniatures img{
	width: 50px;
	height: auto;
	border: 1px solid #ccc;
	cursor: pointer;
}
.pic_produit {
	width: 100%;
	min-width: 482px;
	aspect-ratio: 1/1;
	grid-area: pic_produit;
	/* cenrer l'image */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pic_produit img {
	height: auto;
}
#loupe{
	width: 200px;
	height: 200px;
	display: none;
	position: absolute;
	z-index: 1000;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
	background: #fff;
	background-repeat: no-repeat;
}
.stock {	
	color: rgb( 93 , 174 , 43 );
	font-size: 14px;
}
#serv_client {
	position: relative;
	right: 50px;
	font-size: 14px;	
	float: right;
}
#stock {
	display: inline-block;
	font-size: 14px;
}	
.achat {
	width: 100%;
	height: 260px;
	padding:10px 0;
	margin-top: 20px;
	background-color: rgb(240, 240, 240);
	grid-area: achat;
}
.achat .form-achat{
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
	align-items: center;
	gap: 0;
	padding: 0 20px;
}
.achat .form-achat .flex{
	gap: 10px;
	width: 120px;
}
.achat .form-achat select#quantite{
	width: 100%;
}
.achat .form-achat label{
	display: flex;
	align-items: center;
}

.achat .icons_paiements{
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.achat .icons_paiements img{
	width: 70px;
	height: auto;
}
.button_achat {
	margin-top:10px;
	color:#ffffff;
	background: rgb( 93 , 174 , 43 ); 
	border: 0px none;
	outline: 0px none;
	font-size: 14px;
	width:190px;
	text-transform: uppercase;
	text-align: center;
}
#button_input_chat {
	width: 100%;
}

.avis-add-panier{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	padding: 5px;
}
img.add-panier{
	filter: contrast(0.5);
}
img.add-panier:hover{
	filter: contrast(1);
}
.commande_prd_comp button.button-add-cart{
	/*Reset all button style*/
	border: 0;
	background: none;
	cursor: pointer;
	width: 30px;
}
.form-achat .button_achat{
	padding: 10px;
}
.achat .button_achat{
	padding: 10px;
}
.button_achat:hover {
	background-color: rgb( 81 , 98 , 111 );
}
.detail_carac {	
	box-sizing: border-box;
	width: 100%;
	padding: 10px;	
	border: 5px solid rgb( 242 , 242 , 242 );
	margin-top: 30px;
	background-color: #fff;
}				
.garantie_txt {	
	box-sizing: border-box;		
	width: 100%;
	padding: 10px;
	margin-top: 30px;
	border: 5px solid rgb( 242 , 242 , 242 );
	background-color: #fff;
}	
.complementaire {	
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	background-color: rgb( 242 , 242 , 242 );
	/* display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	justify-items: center; */
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 0 20px 50px 20px;
}
.complementaire h2, .complementaire h3, .complementaire p{
	/* grid-column: 1 / -1; */
	width: 100%;
}
.complementaire_panier {	
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
	padding: 0px 0px 10px 10px;
	background-color: rgb( 253 , 195 , 0 );
}
#affiche_sous_titre{
	width: 100%;
}
.accessoires {	
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
	padding: 0px 0px 10px 10px;
	background-color: rgb( 59 , 89 , 152 ); 
	color:#ffffff;
}
.accessoires h2{
	width: 100%;
	text-align: center;
}
.produit_fils {
	float: left;
	width: 480px;	
	padding-left: 20px;	
}
.chargeur_compatible {	
	float: right;
	width: 480px;	
	padding-right: 20px;
}
.prix_fils {
	position: relative;	
	top:-102px;
	left: 13px;
	height: 30px;
	line-height: 30px;
	background-color: #ccc;
	font-weight: bold;
	padding: 0 5px 0 5px;
	display: inline-block;
}
.nom_fils {
	display: inline-block;
	position: relative;
	top: -67px;
	right: 30px;
}
.commande_fils span {
	font-size: 10px;
	display: inline-block;
	position: relative;
	top: -80px;
	left: 173px;
}
.commande_fils button {
	display: inline-block;
	position: relative;
	left: 65px;
	top: -47px;
	font-size: 14px;
	transition: all 600ms ease-in-out 0s;
}
.nom_fils2 {
	display: inline-block;
	position: relative;	
	top: -65px;
	right: 43px;
}
.commande_fils2 span {
	font-size: 10px;
	display: inline-block;
	position: relative;
	top: -80px;
	left: 170px;
}
.commande_fils2 button {
	display: inline-block;
	position: relative;
	left: 65px;
	top: -47px;
	font-size: 14px;
	transition: all 600ms ease-in-out 0s;
}
.prix_fils2 {
	height: 30px;
	line-height: 30px;
	background-color: #ccc;
	font-weight: bold;
	padding: 0 5px 0 5px;
	display: inline-block;
	position: relative;
	top:-102px;
	right:-10px;
}
.remise_compatible{
	margin: 0;
	padding : 0;
	font-size: 14px;	
	position: relative;
	bottom: 45px;
}
.ref {
	display: inline-block;
	clear:both;
	font-size: 14px;
}
.modele_tout {
	clear:both;
	display: inline-block;	
	width: 1024px;
	font-size: 14px;
}
.star {
	position: relative;
}
.star-customer {
	text-align: justify;
}
.texte_prod {
	text-align: justify;
}
.sous_titre_vert{	
	position: relative;
	color: rgb( 93 , 174 , 43 ); 
	left:30px;
}
.logo_marque{
	display: flex;
	justify-content:center;
	height: 40px;
}

.logo_marque_prd {	
	text-align: right;
	display: flex;
	align-items: center;
}

/* ----- Rayon -----*/
.rayon_global {	
	height: auto;
	width: 1004px;
}
.rayon_selecteur {	
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	gap:20px;
	margin: 0;
	padding: 0 25px 0 25px;
}
.container_selecteur{
	display: flex;
	justify-content: space-between;
}
.cadre_rayon_interieur {	
	height: auto;	
	margin: 0 0 0 0;
}
.affiche_txt_1_2 { 	
	z-index: 1;
	top: 20px;
	position: relative;	 	 
}
.selecteur_modele {
	display: block;
	float: left;
}
.selecteur_ref {
	display: block;
	float: right;
}
.selecteur_marque {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}
.selecteur_modele select, .selecteur_ref select , .selecteur_marque select{
	line-height: 32px;
	height: 32px;
	font-size: 14px;
}
#titre {
	box-sizing: border-box;
	padding: 0 20px;
	width:100%;	
}
.rayon_interieur {
	border: 5px solid rgb( 242 , 242 , 242 );
	background-color: #fff;
	display: -webkit-flex; /* Safari 8 and earlier */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari 8 and earlier */
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari 8 and earlier */
	justify-content: space-around;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.spec_tech {
	max-width: 260px;
	font-size: 14px;
	align-self: center;
	text-align: left;
}
.spec_tech span {
	display: grid;
	grid-template-columns: 10px 250px;
}
.spec_tech p {
	font-size: 14px;
	margin-left: 25px;
}
.prix_detail{
	width: 800px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	font-size:45px;	
}
span[itemprop="offerDetails"] {
	width: 250px;
	padding-left: 20px;
}
.avant_promo_gros {
	padding-left: 5px;
	font-size: 18px;
	/*color:#666666;*/
	color: #fb9902;
	font-weight: normal;
	text-decoration: line-through;
}
.avant_promo {
	font-size: 14px;
	/*color:#666666;*/
	color: #fb9902;
	text-decoration: line-through;
}
.apres_promo {
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	/*color: #666666;*/
	color: #000;
	padding: 5px 5px 5px 0px;
}
/*liste */
.rayon_prix {
	font-size: 18px; 
	font-weight: bold;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
}
.fa-check-square-o , .fa-truck {
	color: #3B942E;
}
.fa-times {
	color: red;
}
form[name="form_selecteur_sous_serie_modele"]{
	margin-top: 10px;
}
.rayon_commande {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.rayon_commande p {
	font-size: 14px;
}
.rayon_commande form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.rayon_commande span {
	margin:0;
}
.rayon_commande button {
	display: inline-block;
	position: relative;
	font-size: 14px;
	transition: all 600ms ease-in-out 0s;
}

/* ----- Bas de page -----*/
.bas_page {
	position: relative;
	height: auto;
	font-size: 14px;	
	border: 0px;	
}
footer#footer{
	display: flex;
	flex-direction: column;
	gap:1px;
	order:3;
}
footer#footer ul {
	color: #fff;
	list-style-type: none;
}
.footer_social{
	height: 65px;	
	background-color: rgb( 102 , 102 , 102 );
	display: grid;
	grid-template-columns: 3fr 1fr;
	align-items: center;	
}
.footer_newsletter{
	color: rgb( 253 , 195 , 0 );
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	display: flex;
	align-items: center;
	gap: 25px;
	margin-left: 25px;
}
#footer_input {
	height: 30px;
	line-height: 30px;
	top:16px;
}
#zone_input {
	width: 120px;
	padding: 0px 5px;
	height: 30px;
	border-width: 1px 1px 1px 1px;
	border-style: solid none solid solid;
	border-color: #D4D6D8;
	float: left;
}
.form-control-register #button_input {
	margin-top:15px;
}
#button_input, .button_ok, .button_ok_black {
	margin: 0px;
	padding: 0px 9px;
	height: 32px;
	transition: all 600ms ease-in-out 0s;
}
.button_ok {
	display: inline-block;
	color:#ffffff;
	background:rgb( 93 , 174 , 43 ); 
	font-size: 14px;	
	border: 1px solid #D4D6D8;
	text-transform: uppercase;
	transition: all 600ms ease-in-out 0s;
}
.button_ok:hover {
	background-color: rgb( 81 , 98 , 111 );
	transition: all 600ms ease-in-out 0s;
}
.button_ok_bleu {
	display: inline-block;
	color:#ffffff;
	background:rgb( 59 , 89 , 152 ); 
	font-size: 14px;
	border: 1px solid #D4D6D8;
	text-transform: uppercase;
	transition: all 600ms ease-in-out 0s;
}
.button_ok_bleu:hover {
	background-color: rgb( 81 , 98 , 111 );
	transition: all 600ms ease-in-out 0s;
}
.footer_adresse {
	padding-bottom: 10px;
	background-color: rgb( 102 , 102 , 102 );	
	display: grid;
	grid-template-columns: repeat(auto-fit, 256px);
	justify-content: center;
} 
.footer_mobile{
	display: none;
	padding-bottom: 10px;
	background-color: rgb( 102 , 102 , 102 );	
	justify-content: center;
}
.footer_mobile .icon{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	cursor: pointer;
	padding: 0 50px;
}
.tel {
  color: inherit; /* garde la couleur du texte parent */
  text-decoration: none;
}
.footer_icon{
	width: 300px;
	display: flex;
	gap: 50px;
	align-items: center;
	margin-bottom: 15px;
}
.footer_mobile .dropdown{
	max-height: 0;
	visibility: hidden;
}
.footer_mobile .dropdown.open {
	visibility: visible;
	display: flex;
	flex-direction: column;
	max-height: 500px;
}
.footer_mobile ul li{
	color: white;
	font-size: 18px;
}
.adresse {
	padding-bottom: 15px;
	color: #fff;
}
.map {
	width: 100%;
}
.fa-users, .fa-cogs, .fa-info, .fa-map-marker, .footer_nom {
	color: #fff;
}
.icon {
	margin-top: 15px;
	padding-bottom: 10px;
	display:block;
	text-align: center;
	border-bottom: 1px solid #D4D6D8;
}
.footer_titre {
	list-style-type: none;
	color: rgb( 253 , 195 , 0 );
	margin-bottom: 5px;
	font-size: 1.1em;
	font-size: 16px !important;
}
p.footer_titre{
	color: rgb( 253 , 195 , 0 );
	margin-bottom: 5px;
	font-size: 1.1em;
	font-size: 16px !important;
}
.content_address ul{
	list-style-type: none;
}
.content_address li{
	margin-bottom: 20px;
}
.footer_image_bas {
	clear: both;	
	height: 85px;
	background-image: url(/image/logo_site/bas.gif);
    background-repeat: no-repeat;	
	background-size: 1024px;
	background-position: center;
}
.geotrust
{
	height: 33px;
	width: 120px;
	justify-self: center;
	background-image: url(/image/logo_site/geotrust.png);
    background-repeat: no-repeat;	
}
.trustpilot{
	margin-top: 10px;
	width: 150px;
}


.last_line {
	clear: both;
	display: block;
	margin:0px;
	padding: 0px;
	background-color: rgb( 242 , 242 , 242 );	
	text-align: center;
}
							.marque{
								font-size: 14px;	
								color: rgb( 93 , 174 , 43 ); 
							}
							
							
							
							
/* ----- FAQ -----*/
.faq{
	width: 90%;
	margin: auto;
}
.question_faq{
	margin-bottom: 35px;
	font-size: 14px;	
}
.categorie{
	font-size: 16px;
	margin-left: 10px;
	color: rgb( 93 , 174 , 43 ); 
}
.question {
	margin-left: 20px;
	font-size: 14px;
}
.question a {
	text-decoration: underline;
}
.fa-dot-circle-o{
	color:rgb( 93 , 174 , 43 ); 
}
.reponse {
	text-align: justify;
	font-size: 14px;
	margin-left:20px; 
}
.reponse_faq h3 {
	padding-top:10px;
	border-top: 1px solid #2969B0;
}
/* ----- Couleurs liens -----*/
a {
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 100%;
	color: rgb( 81 , 98 , 111 );
	/*color: #000;*/
	TEXT-DECORATION:None;
}
a:hover {
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 100%;
	color: black;
	TEXT-DECORATION:None;
}
.lien_12{
	font-family: "Microsoft New Tai Lue","Arial",Helvetica,sans-serif;
	font-size: 12px;
}
.lien_12:hover{
	font-family: "Microsoft New Tai Lue","Arial",Helvetica,sans-serif;
	font-size: 12px;
}
.fil_14{
	font-size: 14px;	
	/*color: #000;*/	
}
.rayon_interieur .lien_noir_14_bold{
	/*color: rgb( 81 , 98 , 111 );*/
	color: #000;
}
.lien_fct3{
	font-size: 12px;	
	color: #fff;	
}
.lien_fct3:hover{
	font-size: 12px;
	color: rgb( 253 , 195 , 0 );
}
.lien_fct3_zombie{
	font-size: 12px;	
	color: rgb( 253 , 195 , 0 );	
}
.lien_fct3_zombie:hover{
	font-size: 12px;
	color: rgb( 253 , 195 , 0 );
}
td{	
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 13px;	
}
.detail_accueil {
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 290px;
	margin: 12px 12px 0 0;
	background-color: #FFFFFF;
	transition:0.2s;
	padding:0;
	border:1px solid #ccc;
}
.ajout_panier{
	position:absolute;
	width: 180px;
	height: 270px;
	float: left;
	margin: 12px 12px 0 0;
	padding: 0px 5px 0px 5px;	
	background-color: #FFFFFF;
	transition:0.2s; 
	padding:0;
	opacity:0;
	border-radius: 5px;
}
.btn_panier{
	z-index:21;
	color: white;
	border: 1px solid white;
	border-radius: 6px;
	margin-left:30px;
	margin-top:100px;
	width:100px;
	padding:5px;
	text-align:center;
	background-color:orange;
	opacity:0.9;
	position:relative;
}
.btn_panier:hover{
	background-color:lightgrey;
}
.voir_prd{
	position: relative;
	bottom: 0px;
	left: -20px;
	height: 25px;	
}
.detail_accueil:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.detail_accueil:hover .ajout_panier{
	opacity:0.9;
	padding:0px;
	margin:0px;	
	width:180px;
}
.detail_accueil p {
	overflow-wrap: break-word; 
}			
.titre_produit_accueil{
	position: relative;
	top: 10px;
	left: 0px;
	min-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	
	z-index:1;
}
.img_accueil {
	z-index:22;
	position: relative;
	top: 25px;
	left: 0px;
	min-height: 190px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	
	z-index:1;
}
.img_pas_accueil {
	z-index:22;
	position: relative;
	top: 25px;
	left: 0px;
	min-height: 200px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	
	z-index:1;
}
.avis_prd_accueil{
	padding: 0 10px;
	min-height: 40px;
}
.avis_prd_accueil p{
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 0 10px;
}
.stock_et_prix_accueil{
	position: relative;
	bottom: 0px;
	left: 0px;
	height: 25px;
	padding: 5px;
}
#stock_accueil {
	color: rgb( 93 , 174 , 43 ); 
	font-size: 13px;
	font-weight: bold;
	display: inline;
	margin-left: 10px;
	width: auto;
}
#prix_accueil {
	font-size: 16px;
	font-weight: bold;
	color:#2c3e50;
	display: inline;
	white-space: nowrap;
}
.detail_accueil p {
	overflow-wrap: break-word;
}

.produit_accueil .stock_et_prix_accueil .flex .no-flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.produit_accueil .stock_et_prix_accueil .flex .no-flex p{
	margin:0;
	padding: 0;
}
.produit_accueil .stock_et_prix_accueil .flex .no-flex p#prix_accueil_avant{
	margin: 0;
	text-decoration: line-through;
	color:#fb9902;
}
#prix_accueil_avant {
	font-size: 14px;
	/*color:#666666;*/
	color: #fb9902;
	font-weight: normal;
	text-decoration: line-through;
	display: flex;
	align-items: center;
}

.produit_accueil .stock_et_prix_accueil{
	margin-top: -20px;
}

#en_sku {
	color: rgb( 93 , 174 , 43 ); 
	font-size: 13px;
	font-weight: bold;
}
.vert_menu{
	color: rgb( 93 , 174 , 43 ); 
}
#caroussel3 {
	width:946px;
	margin: auto;
}
#caroussel3 img {
	width:100%;
	aspect-ratio: 16/5;
}
#caroussel2 img {
	width:100%;
	aspect-ratio: 16/5;
}
#caroussel2 {
	width:946px;
	margin: auto;
}
#caroussel {
	width:100%;
}
.footer_caroussel{
	width:100%;
}
.footer_caroussel img{
	/*height:80px;*/
	margin-left:50px;
	margin-right:50px;
}
.slogan_supplement{
	display: flex;
	justify-content: center;
	font-size: 10px;
}

.slogan {	
	max-width: 250px;
}
.star{
	margin-left: 5px;
}
/* --------------------MODE LIVRAISON / PAIEMENT ----------------------------------- */
.radio_item{
    /* display:none !important; */
    cursor: pointer;
}
.label_item {
    cursor: pointer;
}
.label_item:hover{
    opacity:0.8;
    background-color:#dddddd;
}
.img_livraison{    
    border:0;
}
.compte_client a{
	display: block;
}
.panier a{
	display: block;
}
.panier img, .panier_lien{
	cursor: pointer;
}
/*-------------------COMPTE CLIENT HOVER -----------*/
.compte_client_hover{
	box-sizing: border-box;
	position: relative;
	margin-top: 16px;
	background-color: rgb( 93 , 174 , 43 );
	border:#808080 1px solid;
	width: 100%;
	height: auto;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	display: flex;
}
.container_hover{
	visibility: hidden;
	width: 600px;
	height: 0px;
	position:absolute;
	right: 0;
	top: 76px;
	z-index: 201;
	font-size: 12px;
	color: black;
}
.compte_client_hover tr{ 
    height:30px;
}
.compte_client_hover a{
	display: block;
}
.actions_header .connexion:hover .container_hover,
.actions_header .connexion:focus-within .container_hover {
    visibility: visible;
    min-height: 180px;
    height: auto; 
}
.connexion img{
	position: relative;
	top: 1px;
}
.panier_hover{
	max-height: 60vh;
	position: relative;
	margin-top: 16px;
	border: 1px solid rgb( 93 , 174 , 43 );
	background-color: rgb(242, 242, 242);
	font-size: 14px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	color: #000;
	display: flex;
	gap:10px;
}
.partie_panier{
	min-height: 250px;
	width: 300px;
}
.partie_panier .scrollable_panier{
	height: calc(100% - 60px);
	overflow-y: auto;
}
.partie_panier table{
	max-height: calc(100% - 50px);
}
.partie_client{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgb( 242 , 242 , 242 );
	width: 300px;
	padding: 10px;
}

.compte_client_hover .adhover .detail_prd_comp_panier{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
}

.adhover{
	width: 300px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	overflow-y: auto;
	max-height: 100%;
	display: flex;
	flex-wrap: wrap;
	
}
.panier_hover .adhover{
	background-color: rgb( 93 , 174 , 43 );
	margin: 0;
}
.adhover .detail_prd_comp_panier{
	width: 120px;
	height: 200px;
	margin: 3px;
}
.adhover .detail_prd_comp_panier .img_accueil{
	min-height: 75px;
}
.adhover .detail_prd_comp_panier img{
	width: 50px;
	height: 50px;
}
.panier_hover table tbody tr td{
	color: #000;
}
.panier:hover .container_hover{
	visibility: visible;
	min-height: 140px;
}
.panier_hover::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5;
}  
/* La partie de la scrollbar qui indique la position */
.panier_hover::-webkit-scrollbar-thumb {
	background-color: rgb(146, 146, 146);
	border: 2px solid #f5f5f5;
	border-radius: 5px;
}  
 /* La partie de la scrollbar qui indique la position au survol */
.panier_hover::-webkit-scrollbar-thumb:hover {
	background-color: #c3c3c3;
}  
/* La partie de la scrollbar qui indique la position lorsqu'on clique dessus */
.panier_hover::-webkit-scrollbar-thumb:active {
	background-color: rgb(91, 157, 51);
}
/* La piste sur laquelle la scrollbar se déplace */
.panier_hover::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}
.panier_hover p{
	font-size: 15px;
	font-weight: 600;
	padding: 10px;
}
.panier_hover .item-cart{
	border-top: 0;
	border-bottom: 1px solid #ddd;
}
.label_input
{
	font-size: 12px;	
}
.item-cart
{
	font-size: 12px;	
}
.item-cart-quantity
{
	font-size: 12px;	
}
.item-cart-unitprice
{
	font-size: 12px;	
}
.item-cart-total
{
	font-size: 12px;	
}
.item-cart-total_panier
{	
	padding: 10px;
	font-size: 12px;	
}
.gros-menu .container{
	overflow-y: scroll;
}
.panier_hover table{
	padding: 20px 0;
}

.acces-panier{
	display: flex;
}
.acces-panier a{
	color: white;
	font-size: 14px;
	display: block;
	text-align: center;
	background-color: rgb( 93 , 174 , 43 );
	padding: 10px;
	margin: 10px;
	margin-top: 0;
	width: 100%;
	transition: background-color 0.6s;
}
.acces-panier a:hover{
	background-color: rgb( 81 , 98 , 111 );
	transition: background-color 0.6s;
}
#button_input {
    margin: 0px;
    padding: 0px 9px;
    height: 32px;
    transition: 0.3s;
    cursor:pointer;
}
.button_ok,.button_ok_black {
    display: inline-block;
    color:#ffffff;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    transition: 0.3s;
}
.button_ok{
    background:rgb( 93 , 174 , 43 );
}
.button_ok_black{
    background:black;
	/*background: rgb( 20 , 20 , 20 );*/
}
.button_ok:hover,.button_ok_black:hover {
    background-color: rgb( 81 , 98 , 111 );
    transition: 0.3s;
}
.button_ok_new {
	padding:10px;
	color:#ffffff;
	background:rgb( 93 , 174 , 43 ); 
	font-size: 14px;	
	border: 1px solid #D4D6D8;
	text-transform: uppercase;
}
.button_ok_new:hover {
	background-color: rgb( 81 , 98 , 111 );
	transition: all 600ms ease-in-out 0s;
}
#button_input_new {
    margin: 0px;
    padding: 0px 9px;
    height: 32px;
}
.total_width2{width:300px;}
.total_width3{width:200px;}
.total_width4{width:20px;}
.total_droite {
	font-weight:bold;
	text-align:right;
	border:none;
	height:25px;
	font-size:14px;
	padding:0;
	margin:0;
}
	.total_commande {
		font-size:20px;
	}
	.color_total,.title_paiement_color{
		color:rgb(93,174,43);
	}
	.title_paiement_size{
		font-weight:bold;
		font-size:18px;
	}
	.title_paiement_link_size{
		font-weight:bold;
		font-size:14px;
		margin-top:5px;
		margin-bottom:5px;
	}
	.title_paiement_link_size:hover{
		font-size:14px;
		transition-duration: 0.2s;
	}

.gras{
    font-weight:bold;
}
.plus_gros{
    font-weight:bold;
    font-size:16px;
 }
.relative {
	position: relative;
}
.fill-parent {
	min-width: 100%;
	min-height: 100%;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cadre {
	box-sizing: border-box;
	background-color: rgb(102,102,102);
	border: 1px solid rgb(102,102,102);
	width: 579px;
	margin: 0 auto;
}
.cadre > div {
	box-sizing: border-box;
	padding: 1em;
	background-color: white;
}
.cadre > span {
	color: white;
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin: .5em;
}
.align-right {
	text-align: right;
}
.cadre .field {
	text-align: right;
	width: 87%;
	align-items: center;
	margin-bottom: 1em;
}
.field:last-child {
	margin-bottom: 0px;
}
.field_err {
	margin-top: 1em;
	color: red;
	font-size: bold;
	text-align: center;
}
.item_liste{
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
}
.dropdown_liv{
	display: none;
}
.dropdown_liv.show{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.form-control-login, .form-control-register{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.form-control-header{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 10px;
}
.form-control-header .form-group{
	width: 100%;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr;
	margin-top: 10px;
}
.liste_liens_client {
	width: 100%;
}
.liste_liens_client .item{
	display: flex;
	align-items: center;
	gap:15px;
	height: 20px;
	padding: 5px;
	width: 100%;
}
.liste_liens_client .item a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #1d1f21;
}
.form-control-register{
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding-bottom: 10px;
}
.form-control-register .couleur_sys{
	margin-top: 20px;
}
.form-control-register h2{
	background-color: #ccc;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0;
}
#show_liv{
	cursor: pointer;
	margin-top: 20px;
}
#show_liv:hover{
	background-color: #999999;
	color: #fff;
}
.form-control-register .form-group label[for="form_recevoir_new_letter"]{
	justify-self: flex-start;
	/*Mozilla*/
	justify-content: flex-start;
	/*Chrome*/
	align-items: flex-start;
	text-align: left;
}
.form-control-register .form-group{
	width: 80%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap:10px;
	align-items: center;
	margin-top: 10px;
}

.form-control-register .form-group input{
	height: 20px;
}
.form-control-register .form-group label{
	min-width: 100px;
	text-align: right;
	font-weight: 700;
}
.form-control-register .form-group textarea{
	height: 100px;
	padding: 10px;
	resize: none;
}

#form_recevoir_new_letter{
	justify-self: flex-end;
}
.form-group.form-group-check{
	font-size: 10px;
	font-weight: 400;
}

.form-control-login .form-group{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin-top: 10px;
}

.form-control-login .form-group{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin-top: 10px;
}

.form-control-login .form-group input{
	width: 100%;
	height: 20px;
}

.form-control-login .form-input{
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap:10px;
	margin-top: 10px;
}

.form-control-login .form-input .lien_noir_13{
	display: flex;
	align-items: center;
}

.info_champs{
	display: grid;
	grid-template-columns: 1fr 2fr;
	width: 80%;
	margin-left: 15px;
	margin-top: 5px;
}

.info_champs p{
	font-size: 12px;
	color: rgb(118, 118, 118);
	margin: 0;
}

.info_privilege{
	display: flex;
	flex-direction: column;
	max-width: 600px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px solid black;
}

/* Panier */

.header-panier{
	padding-left: 10px;
	background-color: #dadada;
	display: flex;
	align-items: center;
	justify-content: left;
	gap:20px;
	height: 40px;
}

.cart{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cart .cart-header{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	background-color: #f8f9fa;
}

.cart .cart-header > :nth-child(n){
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin: 0;
	font-weight: bold;
}

.cart .cart-body{
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 2fr 40px 1fr 1fr 1fr;
	grid-template-rows: 60px;
	width: 100%;
}

.cart .cart-body > :nth-child(n){
	box-sizing: border-box;
	margin-top: 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: none;
	line-height: 50px;
}
.cart .cart-body select{
	border:none;

	background-color: white; /* Sets background color */
    color: black; /* Sets text color */
	position: relative;
    display: inline-block;
}


.cart .cart-body > p{
	box-sizing: border-box;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 40px;
}
/* .cart .cart-body > :nth-child(n+8) {
	grid-column: span 6; 
	width: 100%;
} */
#newdesign_danny{
	grid-column: span 6; 
	width: 100%;
}
#page > div.milieu_page_blanc > div.cart > div.cart-footer > a{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 10px;
}

.titre_menu{
	font-size: 14px;
	color: rgb( 93 , 174 , 43 );
	font-weight: bold;
	position: relative;
	top: -3px;
	font-family: "Arial",Helvetica,sans-serif;
}
.titre_menu:hover{
	font-size: 14px;
	color: rgb( 81 , 98 , 111 );
	font-weight: bold;
	position: relative;
	top: -3px;
	font-family: "Arial",Helvetica,sans-serif;
}

.complementaire h3, .complementaire p{
	margin: 0;
}

.buttons-cart{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
	width: 100%;
	margin-top: 20px;	
}
.buttons-cart form{
	box-sizing: border-box;
}
.buttons-cart button#button_input{
	height: auto;
	min-height: 45px;
	padding: 5px;
}
.buttons-cart > :nth-child(n){
	height: auto;
}

.w-100{
	width: 100%;
}

/* Espace Client */

.encadre{
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 400px;
	height: 200px;
	margin-top: 40px;
}
.encadre h2{
	margin: 0;
	padding: 5px;
	background-color: #ccc;
}

.encadre .padded{
	padding: 20px;
}

.w-65{
	width: 65%;
	margin: auto;
}


.content{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.action-client{
	display: flex;
	flex-direction: column;
	width: 80%;
	border: 1px solid #ccc;
}
.action-client a{
	color:#000;
}
.historique-commande a{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 20px;
	align-items: center;
	justify-items: center;
	height: 30px;
}

.historique-commande:hover, .historique-commande:nth-child(odd):hover {
	background-color: #a9a9a9;
}

.historique-commande:nth-child(odd){
	background-color: #ccc;
}
.wrapped{
	overflow-y: scroll;
}
.wrapped p{
	text-wrap: wrap;
}
.padded{
	padding: 10px;
}

.bordered{
	box-sizing: border-box;
	/* border: 1px solid #ccc; */
	width: 500px;
	margin: auto;
	margin-top: 20px;
}

.padded a{
	display: block;
}
.green-header{
	background-color: rgb(93, 174, 43);
	color: white;
	font-size: 16px;
	padding: 10px;
}
.green-header a {
	color: white;
	display: block;
}

.links-client{
	width: 80%;
	display: flex;
	flex-direction: column;
	gap:1px;
	border: 1px solid #ccc;
}
.links-client a{
	display: block;
	padding: 10px;
	font-weight: 600;
	background-color: #7b7b7b;
	color:#fff;
}

.links-client a:hover{
	background-color: #ccc;
}

.banner-client{
	margin-top: 20px;
}
.banner-client img{
	width: 100%;
}

/*Details commande*/
.historique-commandes-header{
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 5px;
	background-color: #595959;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-items: center;
	align-items: center;
}
.historique-commandes-header p{
	margin: 0;
	color: #fff;
}
.historique-commandes__item{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 0px 1fr;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	justify-items: center;
	align-items: center;
}
.historique-commandes__item__link{
	background-color: rgb( 93 , 174 , 43 );
	width: 100%;
}
.historique-commandes__item__link:hover{
	background-color: rgb( 81 , 98 , 111 );
}
.historique-commandes__item__link a{
	color: #fff;
	display: block;
	padding: 5px;
	text-align: center;
}
form[name="form_retour"]{
	width: 100%;
}
form[name="form_retour"] button{
	width: 100%;
}
.command{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap:10px;
}

.detail-commande, .contact-sav, .expedition-detail, .evaluation-detail, .attached-detail{
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;

}

.contact-sav{
	max-height: 350px;
}

.detail-message{
	display: flex;
	flex-direction: column;
}

.header-detail{
	background-color: #ccc;
	padding: 10px;
}
.header-detail p{
	color: #000;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}

.creer_compte_sans_compte{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
.creer_compte_sans_compte form.form-control-register{
	border:0;
}

.footer-detail{
	padding: 10px;
}
.footer-detail p{
	margin: 0;
}

.footer-detail table, .footer-detail table tr, .footer-detail table tr td, .footer-detail table tr th{
	border: 1px solid #ccc;
}
.header-infos{
	display: grid;
	grid-template-columns: 1fr 2fr 3fr 3fr 1fr;
}
.body-infos{
	display: grid;
	grid-template-columns: 1fr 1fr 3fr 3fr 1fr;
}

.detail-eval-command{
	display: grid;
	grid-template-columns: 3fr 1fr 1fr 1fr 2fr;
	margin: 20px;
	padding: 20px;
	border: 1px solid #ccc;
}
.detail-eval-command span:nth-child(4n),
.detail-eval-command span:nth-child(4n-1),
.detail-eval-command span:nth-child(4n-2),
.detail-eval-command span:nth-child(4n-3){
	background-color: #9f9f9f;
	color: white;
	font-weight: 600;
	border: 1px solid #ccc;
}

.detail-eval-command span:nth-child(4n+5),
.detail-eval-command span:nth-child(4n+6),
.detail-eval-command span:nth-child(4n+7),
.detail-eval-command span:nth-child(4n+8){
	background-color: #fff;
	color: #000;
	font-weight: 400;
}
.detail-eval-command span:nth-child(4){
	grid-column: span 2;
}

.detail-body{
	box-sizing: border-box;
	padding: 20px;
}

.center{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.white{
	color: #fff;
}

#page > div.milieu_page_blanc > div.command > div.attached-detail > div.wrapper{
	min-height: 0;
}

.flex{
	display: flex;
	justify-content: space-between;
}
.flex label{
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-right: 15px;
}
.arch_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
}
.arch_flex h1[itemprop="name"]{
	text-align: left;
}

.mt{
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #fff;
}

.btn{
	background-color: rgb( 93 , 174 , 43 );
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: 600;
	border: 0;
}

.btn:hover{
	background-color: rgb(74, 138, 35);
	cursor: pointer;
}

.form_commande_3 .header_form{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-items: center;
	align-items: space-between;
	margin-bottom: 20px;
}

.valider_commande{
	box-sizing: border-box;
	background-color: #e6e6e6;
	padding: 10px;
}

.valider_commande .button_valid{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.mb{
	margin-bottom: 10px;
}

.notification{
	box-sizing: border-box;
	background-color: #f8d7da;
	color: #721c24;
	padding: 10px;
	border: 1px solid #f5c6cb;
	width: 80%;
	margin-bottom: 20px;
}

.success{
	background-color: #d4edda;
	color: #155724;
	padding: 10px;
	border: 1px solid #c3e6cb;
}

.fwrap{
	flex-wrap: wrap;
}

.form_commande_3 .header_form .liv_mode{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.central_menu{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#newdesign_danny #entete{
	background-color: #dadada;
}

.liens_header_contain{
	justify-self: start;
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}
.liens_header{
	width: 80%;
	margin: auto;
}

.liens_header a{
	color:#000;
}

.search_mobile_lt{
	display: none;
}

.search-icon{
	display: none;
}
#open-panier-menu:hover .panier_count{
	background-color: rgb(124, 201, 76)!important;
	color: white!important;
}

.cadre_social{
	text-align: center;
}
#footer > div.footer_adresse > div.adresse > div.content_address span[itemprop="telephone"],#footer > div.footer_adresse > div.adresse > div.content_address span[itemprop="taxID"]{
	color: #fff;
}
a[href^="tel:"] {
	color: #fff;
}

/* Conteneur général des messages */
.message-bubble {
    max-width: 60%;
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
    position: relative;
    font-family: Arial, sans-serif;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}

.sender-message {
    background-color: #DCF8C6;
    color: #000;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 15px;
}

.receiver-message {
    background-color: #eeeeee;
    color: #000;
    align-self: flex-start;
    margin-left: 15px;
    margin-right: auto;
}

/* Pour rendre les bulles bien arrondies */
.message-bubble::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
}

/* Triangle pour les messages envoyés */
.sender-message::before {
    right: -10px;
    border-left-color: #DCF8C6;
    border-right: 0;
    margin-bottom: 10px;
}

/* Triangle pour les messages reçus */
.receiver-message::before {
    left: -10px;
	top: 20px;
    border-right-color: #eeeeee;
    border-left: 0;
    margin-bottom: 10px;
}

.message-text {
    margin: 5px 0 0 0;
    line-height: 1.4;
}

.para-message {
    margin: 0;
    font-size: 11px;
    color: #666;
    font-weight: bold;
}

.scrollable-chat{
	max-height:calc(100vh - 150px);
	overflow-y:auto;
}

/* Onglets */
/* Conteneur global */
.tabs-container {
    width: 100%;
	min-height: 462px;
    margin: 30px auto 0 0;
    position: relative;
}

/* Onglets */
.tabs {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ccc;
    background-color: #f9f9f9;
    z-index: 10;
}

/* Onglet individuel */
.tab {
    flex: 1;
}

/* En-tête des onglets */
.tab-header {
	padding: 15px;
	cursor: pointer;
	background-color: rgb( 242 , 242 , 242 );
	border: 1px solid #ccc;
	border-bottom: 3px solid #e0e0e0;
	box-shadow: inset 0 -1px 0 0 #ccc;
    font-weight: bold;
    transition: background-color 0.3s;
    z-index: 10;
	text-align: center;
}

.tab-header.active {
    background-color: #fff;
	border-bottom: none;
	box-shadow: none;
}

/* Contenu des onglets (desktop) */
.tab-content {
	box-sizing: border-box;
    display: none; /* Masqué par défaut */
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    position: absolute;
	left: 0;
    width: 100%;
}

/* Contenu actif (desktop) */
.tab-content.active {
    display: block;
}

/* Mobile : onglets et contenu en cascade */
@media (max-width: 768px) {
    .tabs {
        flex-direction: column;
        border-bottom: none;
    }

    .tab-header {
        border-bottom: 1px solid #ccc;
        z-index: auto;
		text-align: left;
		background-image: url("/image/icons/arrow-bottom.png");
		background-repeat: no-repeat;
		background-position: calc(100% - 10px) center; /* Place la flèche à droite */
		background-size: 20px 20px; /* Ajuste la taille de la flèche */
    }

    .tab-content {
        display: none; /* Toujours masqué par défaut */
        position: relative; /* Pas de position absolue */
        width: 100%; /* Pleine largeur */
        border-top: none;
    }

    .tab-content.active {
        display: block; /* Afficher le contenu actif */
    }
}


.tab-content .detail_carac, .tab-content .complementaire, .tab-content .garantie_txt{
	margin-top: 0;
	border: 0;
}
.tab-content .complementaire{
	background-color: #fff;
	padding: 0;
}

.tab-content .detail_prd_comp{
	border: 1px solid #ccc;
}

@media screen and (max-width: 1040px) {

	#connexion_ico a{
		display: flex;
	}
	#connexion_ico a span{
		height: 15px;
	}

	#caroussel2, #caroussel3{
		width: 100%;
	}
	.marque_accueil{
		width: 100%;
	}

	.infos_header{
		display: none;
	}

	.links-client, .action-client, .notification{
		width: 90%;
	}

	#page{
		width: 100%;
		overflow-x: hidden;
	}

	.page_accueil{
		width: 100%;
		margin-top: 80px;
	}

	.milieu_page_gris{
		width: 100%;
	}

	.milieu_page_blanc{
		width: 100%;
		margin-top: 90px;
	}

	.texte_accueil{
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 20px;
	}

	.menu_dyna{
		display: none;
	}
	.bandeau_fond_menu{
		display: none;
	}
	.haut_page{
		width: 100%;
		height: auto;
	}

	.top_menu{
		width: 100%;
	}

	.drapeau2{
		display: none;
	}

	.burger{
		display: block;
		cursor: pointer;
	}

	.top_menu{
		display: none;
	
	}

	header.header{
		width: 100%;
		height: 60px;
		display: grid;
		gap:20px;
		grid-template-columns: 1fr 3fr;
		grid-template-rows: 1fr;
		padding: 0 50px;
		justify-items: center;
		background-color: rgb(242, 242, 242);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}

	.logo_header{
		display: flex;
		justify-self:start;
		align-items: center;
		gap:20px;
	}
	.logo a img{
		height: 50px;
	}

	.search_posi{
		width: 80%;
		display: none;
	}

	.search_mobile{
		display: flex;
		width: 100%;
		height: 40px;
		justify-content: center;
		grid-column: span 2;
	}
	.search_mobile input{
		box-sizing: border-box;
		width: 80%;
		height: 100%;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-left: none;
		border-radius: 0 5px 5px 0;
		cursor: pointer;
	}
	.search_label{
		box-sizing: border-box;
		display: flex;
		height: 100%;
		align-items: center;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 5px 0 0 5px;
		cursor: pointer;
		border-right:none;
		padding-right: 5px;
		padding-left: 5px;
	}

	#inputSearch{
		height: 30px!important;
	}

	.search_3_click{
		display: none;
	}

	.compte_client_hover{
		display: none;
	}
	.panier_hover{
		display: none;
	}

	.compte_client_lien, .compte_client_lien:hover{
		background-image: url("/image/bandoo/compte-mobile.png");
		background-size: 100%;
		background-position: center;
		width: 30px;
	}
	.compte_client{
		width: 40px;
		height: 40px;
	}

	.panier{
		width: 70px;
		height: 40px;
	
	}
	.panier_lien, .panier_lien:hover{
		background-image: url("/image/bandoo/panier_mobile.png");
		background-size: 90%;
		background-position: center;
		width: 30px;
	}

	#position_InfoBulle_panier{
		top: 10px;
		right: 25px;
	}

	footer#footer.bas_page{
		width: 100%;
	}

	.logo img{
		min-width: 120px;
		width: 100%;
		height: auto;
	}

	.tree_view{
		top:70px;
		margin-left: 25px;
	}

	/*Fiches produits*/
	.fiche_detail{
		width: 100%;
		grid-template-areas: "nom_produit nom_produit" 
							 "pic_produit achat";
		
		padding: 0;
		justify-content: center;
		align-items: center;
	}

	.pic_produit{
		width: 100%;
		min-width: 250px;
	}

	.achat{
		max-width: 500px;
	}

	.pic_produit img{
		width: 100%;
		max-width: 200px;
		height: auto;
	}

	.detail_carac{
		width: 100%;
	}

	.complementaire{
		width: 100%;
		border: 5px solid #fff;
	}

	.ajout_panier{
		margin: 0;
		padding: 0;
	}
	
	/*
	.detail_accueil .img_accueil{
		width: 180px;
	
	}
*/


	.garantie_txt{
		width: 100%;
	}

	/* Marques */
	.milieu_page_marque{
		width: 100%;
	}

	.rayon_global{
		width: 100%;
	}

	/*Tableaux*/
	#page > div.milieu_page_blanc > table{
		width: 100%;
	}
	#page > div.milieu_page_blanc > table > tbody{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#page > div.milieu_page_blanc > table > tbody > tr{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.rayon_interieur{
		margin-bottom: 10px;
	}

	.encadre{
		width: 80%;
	}

	.footer#footer ul {
		list-style-type:circle;

	}
}

@media screen and (max-width: 720px) {
	.form_commande_3 .header_form{
		grid-template-columns: 1fr;
		padding: 50px;
		padding-top: 0;
	}
	.form_commande_3 .header_form .fac_address, 
	.form_commande_3 .header_form .liv_address,
	.form_commande_3 .header_form .liv_mode{
		width: 100%;
		border: 1px solid #ccc;
		border-bottom: 0;
		padding: 10px;
	}
	.form_commande_3 .header_form .liv_mode {
		border-bottom: 1px solid #ccc;
		align-items: center;
	}
	.fiche_detail{
		grid-template-areas: "nom_produit nom_produit" 
							 "pic_produit pic_produit"
							 "achat achat";
		
		justify-content: center;
		padding: 10px;
	}

	.pic_produit{
		display: flex;
		justify-content: center;
		gap:20px;
		max-height: 400px;
	}

	.pic_produit img#photo_principale{
		width: 100%;
		height: auto;
		min-width: 300px;
	}

	.footer_social{
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 20px;
		height: auto;
		padding: 10px;
	}

	.container_selecteur{
		flex-direction: column;
		padding: 10px;
	}
	#page > div.milieu_page_blanc > div.cadre_social > img{
		width: 100%;
		aspect-ratio: 1/1;
	}

	.buttons-cart{
		margin-top: 20px;
		justify-content: center;
		align-items: center;
		grid-template-columns: minmax(100px, 1fr);
	}

	.buttons-cart > :nth-child(n){
		width: 100%;
	}

	.buttons-cart .button_ok_black, .buttons-cart .button_ok{
		width: 100%;
		min-height: 45px;
	}

	.achat{
		box-sizing: border-box;
		max-width: 100%;
		height: fit-content;
	}

	.achat .form-achat{
		flex-direction: column;
		align-content: flex-end;
		justify-content: center;
		padding: 0 20px;
	}

	/* .achat .form-achat .flex{
		height: 30px;
	} */

	
	.form_commande_3 .header,
	.form_commande_3 .body,
	.form_commande_3 .footer{
		grid-template-columns: 1fr;
	}

	.valider_commande{
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.valider_commande .button_valid{
		align-items: center;
	}

	.valider_commande .button_valid button{
		width: 100%;
	}

	.total_mobile {
		background-color: #ececec;
	}
	
	#position_InfoBulle_panier{
		right: 5px;
	}

	#page{
		padding-top: 90px;
	}

	header.header{
		height: 150px;
		padding: 0 20px;
		gap:10px;
		transition: all 0.3s;
	}

	.logo_header{
		justify-self: flex-start;
	}
	.header_droite{
		justify-content: flex-end!important;
	}

	.search_mobile{
		display: none;
	}

	.search_mobile_lt{
		display: flex;
		width: 100%;
		height: 40px;
		justify-content: center;
		grid-column: span 2;
		margin-bottom: 20px;
	}
	.search_mobile_lt input{
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		border: 1px solid #ccc;
		outline: none;
		border-left: none;
		border-radius: 0 5px 5px 0;
		cursor: pointer;
	}

	.search_mobile_lt.close{
		display: none;
	}

	header.header.scrolled{
		height: 60px;
		transition: all 0.3s;
	}

	.search-icon.open{
		display: flex;
		align-items: center;
		padding-bottom: 1px;
		cursor: pointer;
	}
	.tree_view{
		top: 160px;
	}
	.milieu_page_blanc{
		margin-top: 108px;
	}

	.rayon_commande{
		align-items: center;
	}
	.detail-eval-command{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.detail-eval-command span{
		padding: 10px;
	}
	.detail-eval-command span:nth-child(4){
		grid-column: span 1;
	}
	.detail-eval-command form{
		grid-column: span 4;
	}
	.milieu_page_blanc{
		padding: 0;
	}
	div.center form[name="form_retour"]{
		width: 90%!important;
	}
	.footer_image_bas{
		background-size: 800px;
	}
}

@media screen and (max-width: 528px) {
	.detail-eval-command{
		margin: 0;
		overflow-x: scroll;
	}
	.footer_adresse{
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.footer_adresse .adresse{
		width: 100%;
	}

	.footer_adresse .footer_cgv{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.footer_adresse .footer_titre{
		margin-bottom: 20px;
		text-align: center;
		font-size: 25px!important;
	}
	.footer_titre2{
		font-size: 20px;
		padding: 0;
	}

	/*Selector for li except .footer_titre*/
	.footer_adresse li:not(.footer_titre){
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer_adresse li:not(.footer_titre) a{
		display: block;
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: center;
		font-size: 16px;
	}
	.footer_adresse li:not(.footer_titre) a:hover{
		background-color: #545454;
	}

	.footer_adresse .footer_client{
		padding: 0;
	}

	.fa-bolt{
		display: none!important;
	}
	.footer_newsletter_message{
		font-size: 14px;
	}

	#footer > div.footer_adresse > div.footer_bloc1 > ul > li:nth-child(5) > div > span > a{
		font-size: 8px;
	}

	.rayon_interieur{
		-webkit-flex-direction: column; /* Safari 8 and earlier */
		flex-direction: column;
	}
	.rayon_produit{
		display: flex;
		justify-content: center;
	}
	.spec_tech{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
	}
	.spec_tech p{
		margin-left: 0;
	}
	.rayon_commande{
		box-sizing: border-box;
		padding: 20px;
		
	}
	.rayon_commande .rayon_prix{
		font-size: 24px;
	}
	.rayon_commande #en_sku{
		width: 100%;
		display: flex;
		justify-content: flex-start;

	}
	.rayon_commande form{
		width: 100%;
		position: relative;
		margin-top: -50px;
	}
	.rayon_commande form select{
		width: 100%;
		height: 30px;
		text-align: center;
	}
	.rayon_commande form button{
		width: 100%;
		min-height: 35px;
		text-align: center;
		font-size: 12px;
	}

	.button_achat {
		width: 100%;
	}

	.achat_fils2{
		width: 100%;
		padding: 5px;
	}

	.noir_12 {
		font-size: 14px;
		line-height: 25px;
	}
	#toggle{
		margin-top: 20px;
		font-size: 16px;
	}
	.affiche_txt_1_2{
		padding: 10px;
	}
	.affiche_txt_1_2, .milieu_page_marque{
		font-size: 14px;
	}
	#affiche_sous_titre{
		font-size: 20px;
	}
	.garantie_txt, .garantie_txt p, .detail_carac, .detail_carac p{
		font-size: 15px;
		line-height: 22px;
	}

	.achat{
		display: flex;
		flex-direction: column;
		height: auto;
		/* flex-wrap: wrap; */
	}
	.achat .form-achat{
		width: 100%;
		flex-direction: column;
		justify-content: flex-end;
		gap:0px;
		margin-top: 10px;
		padding: 0 10px;
	}

	.achat span[itemprop="offerDetails"]{
		width: 100%;
	}
	.achat .prix_detail{
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0;
	}

	.achat .form-achat .flex{
		width: 100%;
		align-items: center;
		gap: 5px;
	}

	.achat .form-achat .container-select{
		height: 35px;
		width: 100%;
	}

	.achat .icons_paiements{
		justify-content: center;
		margin-bottom: 10px;
	}

	.achat .form-achat .flex select#quantite{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		height: 100%;
		width: 100%;
		font-size: 22px;
		text-align: center;
		background-color: white;
		padding: 0.5rem;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	#newdesign_danny{
		margin-top: 25px;
		border-top: 1px solid #ccc;
		padding: 0;
	}

	.form-control-register .form-group{
		grid-template-columns: 1fr;
	}
	.form-control-register .form-group label{
		text-align: left;
	}

	.form-control-register .info_champs{
		grid-template-columns: 1fr;
		margin-left: 0;
	
	}

	.achat .flex{
		flex-direction: column;
	
	}

	.cart-footer{
		width: 100%;		
	}
	.cart-footer img{
		width: 100%;
		aspect-ratio: 15/3;
	}

	.bordered {
		width: 100%;
	}

	.avant_promo_gros{
		display: flex;
		align-items: center;
		margin-right: 20px;
	}

	.contact-sav .footer-detail form button#button_input{
		height: 40px;
	}

	.footer_image_bas{
		background-size: 600px;
	}

}

@media screen and (max-width: 470px) {
	.logo_header{
		gap:5px;
		margin: 0;
	}
	.page_accueil .mes_banniere .une_banniere{
		width: 45%;
		height: fit-content;
	}
	.page_accueil .mes_banniere .une_banniere img{
		width: 100%;
		height: auto;
	}


	.detail_accueil:hover .ajout_panier{
		width: 145px;
	}

	.detail_prd_comp_panier, .detail_prd_comp_panier img{
		width: 145px;
	}

	.none_smart{
		display: none;
	}
	/*
				.lien_menu_mobile{
					font-size: 10px; color : rgb( 93 , 174 , 43 ); FONT-FAMILY: Verdana, Arial, Helvetica, serif;
				}
	*/
	
	.row-side-menu a{
		font-size: 14px!important;		
	}
	/*
			.row-side-menu:hover{
					background-color: rgb( 0 , 167 , 75 );  
					
				}
	*/
	.logo-side-menu p{
		text-align: left;
	}

	.star{
		width: 400px;
	}

	.achat{
		width: 100%;
		overflow: hidden;
	}

	.nom_produit{
		width: 90%;
	}

	.complementaire h2, .complementaire h3, .complementaire p{
		margin-left: 20px;
	}
	.avis_prd_cmp p{
		margin-left: 0;
	}

	.complementaire .stock_et_prix{
		display: flex;
		justify-content: space-between;
		/* margin-top: -20px; */
		margin-bottom: 20px;
		width: 100%;
	}
	.complementaire .stock_et_prix .flex{
		width: 100%;
	}
	.complementaire .stock_et_prix #stock_accueil, .complementaire .stock_et_prix #prix_accueil{
		font-size: 16px;
	}

	.complementaire .img_accueil{
		height: auto;
	}

	.complementaire .stock_et_prix #stock_accueil span.en_sku i{
		display: none;
	}

	.item_liste a .card{
		width: 100px!important;
		height: 110px!important;
	}
	.item_liste a .card img{
		width: 100px;
		height: 50px!important;
	}
	#side-menu-search .header-side-menu input{
		width: 70%;
	}

	.footer_newsletter{
		margin: 0;
	}
	.footer_social .footer_newsletter #form_newsletter #footer_input{
		display: flex;
	}
	#zone_input{
		width: 90px;
	}
	/* .footer_adresse li:not(.footer_titre) a {
		padding-left: 50px;
	} */

	.milieu_page_blanc{
		padding: 0;
	}

	.encadre{
		width: 100%;
	}
	.action-client, .links-client{
		width: 100%;
	}

	.detail-commande{
		max-width: 100vw;
	}

	.detail-commande table{
		max-width: 100vw;
	}

	.contact-sav, .header-detail, .evaluation-detail, .attached-detail{
		max-width: 100vw;
	}

	#show_liv{
		font-size: 10px;
	}

	.cart div a img{
		max-width: 100vw;
	}

	td[width="50"]{
		display: none;
	}

	.complementaire_panier a{
		width: 135px;
	}
	.complementaire_panier img{
		width: 100%;
	}

	.star{
		max-width: 90vw;
	}
	.entreprise-entrepot-francais{
		justify-content: flex-end;
	}
	.achat .entreprise-entrepot-francais{
		display: flex;
		justify-content: center;
	}

	.form_commande_3 .header_form{
		padding: 10px;
	}

	#productList .search-item .content {
		font-size: 12px!important;
	}
}