a {
  color: inherit;
  text-decoration: none;
}

  a:hover, a:focus{
    color: #FF4343;
  }


.social a {
    margin-right: 15px;
}

.reference{
	display: table;
	width:100%;
}

.reference > div{
   display: table-cell;
   vertical-align: middle;
}





/* ----------------------------- */
/* == track                */
/* ----------------------------- */
#tracklist li{
	padding:1px 0 1px 0;
}

.track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: row;
	      -ms-flex-direction: row;
	          flex-direction: row;

  margin-top: auto;
  margin-bottom: auto
  
}

.track .position{width:8%;font-size: 10px;text-align: left;}
.track .title{width:72%;}
.track .duration{width:20%; color: #ffffff;font-size: 10px; line-height: 10px; text-align: right;}

/* ----------------------------- */
/* == custom                */
/* ----------------------------- */


.blanc{
	color: #ffffff;
}


ul.unstyled {
  list-style: none;
  padding-left: 0;
}

.majuscules{text-transform: uppercase;}

.mw700p {
  max-width: 700px;
}



hr.ligne-blanche-20{
	width:100%;
	border-top:20px #fff solid;
	color: #fff;
	background-color: #fff;
}

hr.ligne-color-1{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* 	border-bottom-color: #fff; */
	color: inherit;
	background-color: inherit;
}




.mt05 {
    margin-top: 5px;
}

.souligne a {
    vertical-align: baseline;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-decoration: none;
}




	


	
@media (max-width: 767px){
	#produit {
	   padding-right: 20px;
	   padding-left: 20px;
	}
}






.store{
	font-size: 60px;
    line-height: 60px;
    font-family: 'apercu_light', arial, sans-serif;
}


@media (max-width: 767px){
	.col.achat {
	   display: block !important;
	   width: auto !important;
	   margin:0;
	}
}


@media (min-width: 961px) {

}

/*@media (min-width: 641px) and (max-width: 960px) {
.store {
	   padding-right: 20px;
	   padding-left: 20px;
	}
}*/


@media (min-width: 321px) and (max-width: 640px){
	.store{
		display:none !important;
	}
}

@media (max-width: 320px){
	.store{
		display:none !important;
	}
}










.achat select{
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 30px 10px 10px;
border: none;
background: #fff;

color: #333;
text-indent: 0.01px;
text-overflow: '';
white-space: nowrap;
font-size: 12px;
cursor: pointer;
direction: ltr;
border-radius: 0px;
min-height: 41px;

/*    background-image: url("http://www.talitres.com/fonts/ddown.png");
    background-repeat: no-repeat;*/
/*     background-size: 1.5rem 1rem; */
/*    background-position-x: 95%;
    background-position-y: 50%;*/
    
    
}


    
    


.achat button{
text-transform: uppercase;
font-size: 12px;

border: none;
text-decoration: none; 

-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
box-shadow: none;

position: relative;
display: inline-block;
margin: 0;
padding: 0 5px;
min-height: 41px;
/*
min-width: 52px;

*/

vertical-align: top;
text-align: center;
text-overflow: ellipsis;
line-height: 41px;
cursor: pointer; 
border-radius: 0px;

}

.achat button:hover{
	color: #fff;
	text-decoration: none; 
}

.w100 {
    width: 99% !important;
}

div#produit, div#grid-produits { margin-top:2em; }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }