@charset "iso-8859-1";
/* CSS Document */


.blocMedaille{
    position: relative !important;
    top: 0px;
    z-index: 10000;
    left: 0px;
	}

.blocart { 
/* max-width:200px; */
}
.blocart a {
	/* [disabled]background-color: #000; */
	display: block;
}
.blocart a:hover {
	/* [disabled]background-color: #ccc; */
	opacity: 0.9;
	text-decoration:none !important;
}

.nomCuvee {
	font-family: 'DM Serif Display'; 
	text-align:center !important
}


.listeArtcuvee { 
padding: 7px 12px;
  background-color: #555b;
  color: #fff !important;
  border-radius: 5px;
  font-size: 0.8em;
  display: inline-block;
  margin: 0 6px;
}

.listeArtcuvee:hover { 
  background-color: #bfaa74;
  color: #fff !important;
  border-radius: 0px; 
text-decoration:none !important;
transition:all 0.5 ease;
}  


/*----------------- article detail -------------------------*/
h2.TitreIncludeArticle:first-of-type {
  /* Styles pour le premier h2 avec la classe "TitreIncludeArticle" */
  margin-top:0 !important;
}

.artTitre
, .artSlogan 
, .artDescription
, .artDescription p 
, .TitreIncludeArticle
, .artDosage
{
/*color:#fff !important;*/
}


.artTitre {
font-size: 2em !important;
margin:0 0 0 0px !important;
line-height:normal !important;
font-family: 'DM Serif Display';
letter-spacing: 0 !important;
color:#c7ac65 !important
}

.artSlogan {
margin: 20px 40px 40px 0px !important;
  line-height: 150% !important;
  font-family: 'DM Serif Display';
  color: #000 !important;
  font-size: 1.1em;
  border-left: 4px solid #d58741;
  padding-left: 10px;
}

.artDescription { margin: 20px 0;}


.artDescription p {
/*	font-size:1.2em !important;*/
}

.TitreIncludeArticle{
	margin-top: 40px !important;
	font-size: 1.1em !important;
	font-weight: bold !important;
	margin-bottom: 0 !important;
	padding:15px 0px !important;
	font-family: 'DM Serif Display'; 
	border-bottom: 1px solid #ccc4;
	letter-spacing: 0.5px !important;
}

 {color: #70538e; font-size: 1.2em; margin-top: 40px;}

#artcorp h4 { text-align:center}
#artcorp p { color: #000a !important;}

.prixDetail { 
color:#c7ac65 !important;
  background-color: #000;
  display: block;
  font-size: 1.7em;
  padding: 20px 20px 20px 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom:10px

  }


 a[class="artCder"] {
	background-color: #555;
	border-radius: 0px;
	color: rgba(255, 255, 255, 0.7) !important;
	display: block;
	padding: 9px 19px;
	text-align: center;
}

 a[class="artCder"]:hover {
	color: #fff !important;
	background-color: #d58741;
	text-decoration: none !important;  
}


a.artLienRecette{ display:block;text-decoration:none !important;padding: 10px; margin-bottom: 20px; background-color: #fff;box-shadow:0 5px 10px rgba(0,0,0,0.16);border: 1px solid #e3e3e3;}

a.artLienRecette:hover{text-decoration:none !important; box-shadow:none; transition: all 0.3s ease 0s;}




.cadre {
	padding: 5px;
	/* [disabled]width: 600px; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	/* bloc arrondis */
	text-align:center;
}
.case {
	margin: 8px;
	width: 15%;
	float: left;
}
.haut {
	margin: 0px;
	/* [disabled]padding: 5px; */
	/* [disabled]height: 225px; */
	text-align: center;
	}
	
.bas{
	min-height: 125px;
	padding: 5px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 100%;
	}
.bas p {
	text-align:center !important;
	line-height: 120% !important;
}

.introbas {
/*background-color: #cfa757;
background: rgb(224,185,107);
background: -moz-radial-gradient(center, ellipse cover,  rgba(224,185,107,1) 0%, rgba(207,167,87,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(224,185,107,1) 0%,rgba(207,167,87,1) 100%);
background: radial-gradient(ellipse at center,  rgba(224,185,107,1) 0%,rgba(207,167,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b96b', endColorstr='#cfa757',GradientType=1 );*/

    /* border: 3px solid #dabc81; */
    color: #777;
	font-style: italic !important;
    font-size: 0.75em;
    line-height: normal;
    display: flex;
    align-items: center;
	}


.prn{
	color:#900;
	font-size:14px;
}



.barAssemblage {
	display: inline-block; width: 45%;background-color: #555;
	height: 15px;position: relative;
}
.valAssemblage {display: inline-block;
	width: 50%;
	background-color:#B68621;
	color: #ccc;
	height: 15px;
	position: absolute;
	top: 0px;
}
.nomCepage {
	display:inline-block; font-size:0.8em; width: 105px;
}
.pourcentCepage {
	display:inline-block; font-size:0.8em; font-size: 0.7em;
}	

.sectionArt {
	margin-bottom: 20px;
  border: 1px solid #8884;
  background-color: #ffffffde;
  padding: 15px 30px  27px 30px;
  box-shadow: 1px 8px 16px #000b;
  background: radial-gradient(circle farthest-side at top center, #fffaf3 30%, #fbefe0 100%);
  }
.blocMedailles { }