@keyframes animTitreHeader {
	0% {
		animation-timing-function: ease-in;
		opacity: 0.1;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(-15vh);
	}
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
} 
      
.blink_me {
  animation: blinker 1s linear infinite;
}

     
      
      .gamme
      {
      	text-align:center;
      }
        
        .fullwidth {
    width: 100vw;
    height: 20vw;
    min-height: 160px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

	 #aLaffiche {
		background-color: white;
		position:relative;
	 }
        
.imageAffiche
{
	display: inline-block; 
	vertical-align : middle;
}

.imageAffiche img
{ 
	max-height :300px; 
	max-width : 100%;
}	

.imagealaffiche
{
		width: 100%; 
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		padding-top:20px;
}	
        
        
        
     #caddie
     {
     	top:calc(20vw + 40px);
     	right:40px;
     }
    
     .fullwidth video
     {
       position:absolute;
       left: 50%;
       top:50%;
       min-width:100%;
       min-height:100%;
       transform: translate(-50%, -50%);
        /*min-width: 100%;
        min-height: 100%;*/        
     }
     
     #jerecherche {
	text-align: left;
	margin-top:20px;
}

.recherche {
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
	text-align: left;
}
#jerecherche select {
	height: 30px;
	font-family: inherit;
	font-size: inherit;
}
     
     #titreHeader
     {
 
	font-family: "Salsa";
	font-style: normal;
	/*font-weight: 400;*/
	font-size: 2.0vw;
	letter-spacing: 1px;
	text-transform: none;
	line-height: 1.2;
	text-shadow: 2px 2px 3px #000000;
    position:absolute; 
    bottom:-60px; 
    left:5vw; 
    color:#FFFFFF;
    animation: animTitreHeader 1s ease 0s 1 normal forwards;
     }
     
     h1
     {
     	margin: 0px;
     	padding: 0px;
     	font-family: inherit;
     	font-size: inherit;
      }
 
 h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: 400;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	font-weight: 600;
}

h3 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
	line-height: 18px;
}
 
 #cataloguemavieeco {
	text-align: center;
	padding-top: 15px;
	padding-left:12vw;
	padding-right: 12vw;
}
 
 .superconteneurcatalogue {
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	height:385px; 
	box-shadow:0px 1px 5px rgba(0,0,0,0.2);
	margin :10px;
	border-radius:10px;
	transition:500ms;
}

.superconteneurcatalogue:hover 
{
	cursor:pointer;
	transform:scale(1.05);
}

.superconteneurcatalogue.cache {
	display: none;
}

.conteneurcatalogue {
	width: 235px;
	margin: 15px 20px;
	margin-top: 0px;
	color: rgb(164, 141, 195);
}

.imagecatalogue {
	width: 100%;
	height: 245px;
	position: relative;
	cursor: pointer;
}

.imagecatalogue img {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	transition: 1s;
}
     
     .pastille {
	position: absolute;
	top: -24px;
	right: -29px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: 100;	
}
     
     .product-details-container
     {
     	margin-top:10px;
     }
     
     
     /*
     .imagenouveaute
     { 
		text-align: left;
		margin-bottom: 0px;
		padding-top: 30px;
		margin-left: 5vw;
		margin-right: 5vw;
		
	}
	
	  .imagenouveaute
      {
      	margin-left:2vw;
      	height : 100%;
      	cursor:pointer;
      }
	*/
	
	#gamme
	{
		display: inline-block; 
		vertical-align: top;
		text-align:center;		
	
	}
	
	#nouveautes
{
	display: inline-block;
	vertical-align: top;
	min-height: 160px;
	background-color: #FFFFFF;
	margin-left: 1.5vw;
	margin-right: 1.5vw;
	cursor: pointer;
	max-width:100vw;
	border-radius:5px;	
	overflow:hidden;
}

#cataloguepdf
{
	display:inline-block;
	vertical-align: middle;
	cursor:pointer; 
	margin-left:20px;	
}
     
     .menuproduits
     {
        max-width: 190px;
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 2px 4px 10px #444444;
        transition:500ms;  
        margin-bottom:15px;       
        display: inline-block;
        vertical-align: middle;
     }
     
      .menuproduits.selected
      {
      	transform : scale(1.2);
      }
     
      .menuproduits:nth-child(1).selected      {      	border: 5px solid #cd87c3;      }
      .menuproduits:nth-child(2).selected      {      	border: 5px solid #8d67a8;     }
      .menuproduits:nth-child(3).selected      {      	border: 5px solid #47bbd0;      }
     
     #cataloguepdf 
     {
	text-align: center;
	padding: 10px;	
	display:inline-block;	
	border-radius:5px;
	margin-right:2vw;
}

		
        .imagenouveaute
        {
        	display: inline-block;
        	vertical-align: middle;
        	
        }
        .nouveaute
        {
        	padding-left:2vw;
        	display: inline-block;
        	
        	
        	a
        	{
        		color:inherit;
        		text-decoration: none;
        	}
        	
        	#titreNouveaute
        	{
        		margin-bottom:10px;;
        	}
        h2 {
			display: inline-block;
			font-size: 20px;
        }
        
        h3
        {
        color:#cc85c1;
        font-weight: 700;
        margin:0px;
        padding: 0px;
        line-height: 15px;
        }
        
        p
        {
        	margin: 0px;
        	padding: 0px;
        }

        }
     
    
      
      .uneImageNouveaute
      	{
      		 max-width:100%; 
      		width:300px;
      		 border:10px solid #FFFFFF;      		 
      	}
     
     .menuproduits:hover
     {
        transform:scale(1.1);
        cursor:pointer;
     }

    .texteAffiche
    {
        display : inline-block;
        max-width: 50%;
        text-align:left;
        vertical-align :top;
		margin-left : 40px;
        
    }
    
    .texteCaroussel
    {
    margin-top:10px;
    	font-family: Salsa; 
    	padding-top:10px;
    	padding-bottom:10px;
    	padding-left:25px;
    	padding-right:25px;
    	font-size:16px;
    	display: flex;
  		align-items: center;
  		height: calc(100% - 125px);
    }
   
   .unavis
   {
     	position:relative; 
     	padding:10px;
     	width:100%; 
     	height:100%; 
     	text-align:left; 
     	border:1px solid #9e90c1;
     	box-shadow: 2px 2px 6px #000000;
   }
   
   .noteAvis
   {
   		background-color:#f0c4db; 
   		width:50px; 
   		padding:8px; 
   		display:flex; 
   		align-items:center; 
   		justify-content:center; 
   		font-family:Arial; 
   		font-size:24px;
   }
   
   #boutonFermerNewLetter
   {
	 	position: absolute;
		top: 6px;
		right: 6px;
		cursor: pointer;
		background-color: #FFFFFF;
		border-radius: 9px;
   }
   
 
	
  @keyframes zoomInDown 
  {
      0% {
      opacity: 0;
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      }
      60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      }
  } 

     
     
     @media (max-width: 1700px)
     {
			.recherche
			{
				text-align: center;
			}
     }
     
     @media (max-width: 1000px)
     {
         #titreHeader
         {
            font-size: 4vw;
         }
         
         .imagealaffiche
			{
				padding-top:10px;
			}	
         
         
        .texteAffiche 
        {
	 display: block; 
	 max-width: 100%;
	text-align: left;
	margin-left: 2vw;
	margin-right: 2vw;
	padding-bottom:5px;
	}
         
         .enteteindex
	     { 
			flex-direction:column-reverse;
			margin-left:0px;
			margin-right:0px;
			
		 }
		 
		 #cataloguepdf
		 {
		 	display: inline-block;
		 	margin-bottom:25px;
		 	margin-left:0px;
		 	width:auto;
		 	margin:auto;
		 	margin-bottom:15px;
		 }

		.recherche, #jerecherche
		{
			text-align: center;
		}
         
         #nouveautes
         {
         	margin: 0px auto 15px auto;
         }
     }
     .enteteindex      
     {
         	padding-top: 20px;
 
    display: flex;
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement si besoin */
    height: 100%; /* Assurez-vous que l'élément parent ait une hauteur suffisante */
}
.nouveaute {
  display: flex;
  flex-wrap: wrap;
  align-items: center; /* optionnel, pour vertical-align */
  justify-content: center; /* ou space-between */
  background-color: white;
  max-width: 100%;
  box-sizing: border-box;
}
.nouveaute > div {
  flex: 1 1 300px; /* chaque bloc prendra au moins 300px et se redimensionnera */
  box-sizing: border-box;
  max-width: 380px;
}
.uneImageNouveaute {
  max-width: 100%;
  height: auto;
  display: block;
}