/*************mode article*************/
.titre_rub{
	background : var(--pied-color);
	color: var(--titre_rub_color) ;
	text-align:center;
	/*display:inline-block;
	padding:.3em;*/
}
.titre_sous_rub{
	background : var(--menutexte-color);
	color: var(--titre_rub_color) ;
	text-align:center;
	/*display:inline-block;
	padding:.3em;*/
}
/*
.cl_rub2 .affiche_article_titre_vente{
	width:15rem;
	float:left;
	display:block;
text-align:center;
  outline: 4px double rgba(28,110,164,0.37);
	outline-offset: 0px;	
	padding:.2rem;
	margin-left:4em;
	}
*/
.affiche_article_titre_vente{
	width:15rem;
	float:left;
	display:block;
text-align:center;
  outline: 4px double rgba(28,110,164,0.37);
	outline-offset: 0px;	
	padding:.2rem;
	/*margin-left:4em;*/
	}	
.cl_rub2{
	border:5px solid red;
	display:flex;
	justify-content:center ;
	gap:2rem;
	flex-wrap: wrap;
}	
img.image_selection	{
	width:160px;height:160px;
}
/******************/		
.image_article1{text-align:center}
.texte_art{
	height:15rem;
	overflow-y: scroll;
	text-align: justify;
	padding:.4em;
	background:#222;color:#fff;
}
.petite_img h3,figcaption{
	height:4.5rem;
	background:var(--pied-color);
	border-radius:.2rem;
	display: grid;
	align-items: center;
	justify-content: center;
	text-align:center;
}
/*****************mode produit**************/
details {
	font: 1.2rem ;
}
details > summary {
cursor:pointer;
}
details  summary::after {
	content :" .....";
}
details > p {  
	background-color: #eee;
	margin-left:1em;  
}
.cl1_rub{border:1px solid red}
.image_article1  img{
	margin:1em;
	float:left;
	max-width: 95%;
	outline: 4px double rgba(28,110,164,0.37);
}
.article_fixe{
	display:grid;
	grid-template-columns: 1fr 2fr 3fr;
	column-gap: 2rem;
	justify-items:center;
	/*display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;*/
	text-align:center;
}
.prod{text-align:center;border-bottom:1px solid #aaa;}

.texte_art h1{
	font-size: clamp(31px, 2.1vw, 41px);
}	
.texte_art h2{
	font-size: clamp(24px, 1.6vw, 32px);
}
.texte_art {
	font-size: clamp(18px, 1.2vw, 25px);
}

.titre_rub_ph{display:flex;
	flex-direction : row;
	width:80%;
	margin:auto;
	align-items: center;
}
.titre_rub_ph img.img_rub {width:18%;}
.titre_rub_ph h2 {width:78%;}
.titre_rub_ph.blanc{
	width:4%;
}

.titre_rub_ph img.img_rub:hover {transform:scale(2);}