@charset "UTF-8";
@import "variables.css";


/*--------------------------------------------------------------
MODULE FRONTPAGE
--------------------------------------------------------------*/
.module-frontpage {
  width: 100%;  
}
.module-frontpage .box {
  border: 1px solid #fff;
  overflow: hidden;
  background: #000;
  width: 25vw;
  height: 25vw;
  float: left;
}
.module-frontpage .box img{
  width:110%;
  height:110%;
  object-fit:cover;
}
.module-frontpage .box a:hover{
  opacity: 0.8;
}




/*--------------------------------------------------------------
MODULE BANNIÈRE
--------------------------------------------------------------*/
.module-banner {
/*  position: relative;
  height: 70vh;	
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 2rem;*/
}




main.site-main {
	 z-index: 99;
}

.module-item-catalogue ul {
	margin: 0;
	list-style: none;
}


/*--------------------------------------------------------------
MODULE TITRE SÉPARATEUR
--------------------------------------------------------------*/
.module-titre-separateur {
	margin: 0 auto;
	margin-top: 4rem;
}
.module-titre-separateur h1{
	padding: 0 !important;
}
h1.titre-separateur{
    overflow: hidden;
    text-align: center;
    margin: 2rem 0;
	text-transform: uppercase;
	font-size: 1.2rem !important;
	font-weight: 600;
	letter-spacing: 2px;
	color: var(--firstc);
 }
h1.titre-separateur > span{
    position: relative;
    display: inline-block;
}
h1.titre-separateur > span:before, .titre-separateur > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid gray;
    width: 100vw;
    margin: 0 20px;
}
h1.titre-separateur> span:before{
    right: 100%;
}
h1.titre-separateur > span:after{
    left: 100%;
}



/*--------------------------------------------------------------
PRODUCT
--------------------------------------------------------------*/
.module-item-catalogue {
  text-align: center;
}
.module-item-catalogue h2 a {
   font-size: 1.3rem;
   font-weight: 600;
   text-decoration: none;
   color: var(--firstc);
}
.excerpt p{
  font-size: 14px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  max-lines: 3;
  box-sizing: content-box; 
}
.module-item-catalogue a.link{
  font-size: 14px;
}

.product .entry-header h1.entry-title  {
	color: var(--firstc);
}




/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

.site-footer {
  clear: both;;
  background-color: #ECECEC;
}

/*INFO BASELINE*/
.info-baseline{
  background-color: var(--gray-100);
}
.info-baseline .contenu{
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.info-baseline .contenu p{
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.info-baseline .contenu p a{
  font-size: 12px;
  text-decoration: underline;
}
.info-baseline .contenu p a:hover{
  opacity: 0.7;
}
.info-baseline .contenu img{
  width: 40px;
  margin: 0 6px;
}
.info-baseline .contenu img:hover{
  opacity: 0.7;
}