*, *::before, *::after { box-sizing: border-box; }
body { padding: 0px; margin: 0px; font-family: Arial; font-size: 18px; background-color: #EFEEE0; overflow-x:hidden; width:100vw; }
/*.homeboutique { color:#FFFFFF; padding-bottom:8px; font-weight: 600; padding-right:10px; display: inline; font-weight:normal; margin-left:15px;  vertical-align:middle; }*/
#conteneur { position: relative; }
a { text-decoration: none; color: inherit; }
header { 	background: linear-gradient(to right, #f1c4db,#a48dc3,#b7dcf6); 	min-height:115px; font-family: Times New Roman; 	font-size:18px; 	font-weight: 500; }   
h6 { 	margin:0px; 	font-size: 0.8em; 	font-weight:normal;  	display: inline-block; }    
header div#menu { min-height:115px; text-align: center; display:flex; align-items: center; justify-content: center; flex-direction: row; font-family: Times New Roman; }  
#caddie {	display: inline-block;	vertical-align: middle;	margin-left: 20px; cursor:pointer;}
#compteurarticles { 	position:absolute; top:-27px; 	right:-12px; width:80px; text-align:center;}
header ul#menu { 	margin:0px; 	padding:0px; 	list-style: none; 	display: flex; 	flex-wrap: wrap; 	align-items: center; 	justify-content: center; }
ul.menu-ma-vie-eco-menu li.menu1 { 	float:right; }
#overpanier { 	position: absolute; 	top: 30px; 	padding: 3px; 	right: -0px; 	display:none; 	z-index:99999; }
#overpanier > div { min-height: 200px; 	width: 200px; 	margin:0px; }
header ul#menu li.elementmenu {	margin-left:30px; 	margin-right:30px; 	position:relative; 	text-align: center; 	display: flex; 	font-weight: 700; 	color: #562e8f; 	transition:500ms; 	cursor:pointer; 	transition:500ms; }
header ul#menu li:hover,header ul#menu li.selected { 	color:#f9cbdf; }
.fusion-arrow-svg  {  	position: absolute;  	left:calc(50% - 25px);  	bottom: -60px;  }
.icone:hover { 	fill:rvb(249,203,223) }
.article { 	display: inline-block;	text-align:top; 	margin:15px; 	width:240px; }
.images { 	position:relative; 	width: 240px; 	height: 240px; }
.objet { 	position:absolute;  	width:100%;	height:auto; 	left: 0px; 	top:0px; }
.price {     font-family: Arial;     color:rgb(164, 141, 195); }
 .etoile,  .moitieetoile {    position:relative;    width:10px;    height:20px;    display:inline-block;    margin-right:5px; }
.etoile::before {    content: "";    position:absolute;    background-image: url('/images/etoile.svg');    width:15px;    height:15px;    top:3px; }
.moitieetoile::before {    content: "";    position:absolute;    background-image: url('/images/moitieetoile.svg');    width:15px;    height:15px;    top:3px; }
.barre { 	position:relative; }
.barre::after { 	content : ''; 	position: absolute; 	left:0px; 	right:0px;  	background-color: #FF0000; 	height:2px; 	top:48%;	transform: rotate(8deg); }
.enteteContact {     padding-top:15px;     text-align: center; }
.piedcontact  { 	display:inline-block; }
.droits { 	text-align: center; 	padding-top:5px; 	padding-bottom:10px; 	padding-left:25px; } 
.enteteContact span {     padding-left:5px;     padding-right:5px; }

#reseauxsociaux { 	position: absolute; bottom: 3px;	right: 4vw; }
#reseauxsociaux img { height:30px;}
.entete { 	padding-top: 0px; 	padding-bottom: 0px; 	position:relative; }
#menuBurger { 	position: absolute; 	top:5px; 	right:10px; 	width:35px; 	display:none; }
#menuBurger:hover { 	cursor: pointer; }
.ligneBM { 	background-color: #a58fc4; 	width:100%; 	height:5px; 	margin-top:5px; 	margin-bottom:5px; }
#menuBurgerListe { 	position: absolute; right: -320px; top: 35px; height: auto; width: 265px; 	display: none; background: linear-gradient(to right, #b498c8,#b7dcf6); z-index: 110; 	border-radius:5px 0px 0px 5px; 	transition: 500ms;	}
#menuBurgerListe ul { 	list-style: none; 	margin:0px; 	padding:0px; 	font-family: "Caveat"; 	font-size: 24px; max-height:calc(100vh - 30px); overflow:auto}
#menuBurgerListe ul li 
{ 	
	text-align: center; 	
	padding-top:0px; 	
	padding-bottom:0px; 	
	border-bottom:1px solid rgba(255,255,255,0.6); 	
	color:#000000; 	
	transition: 500ms; 
	font-family:Arial; 
	font-size:0.8em; }

#menuBurgerListe.paysage ul li
{
	font-size:0.7em;
}

#menuBurgerListe.paysage ul li div.homeboutique 
{
	padding-bottom: 0px;
	padding-top: 0px;
}

#menuBurgerListe.paysage ul li img
{
	display:none;
}

#menuBurgerListe.paysage ul li.menubl
{
	padding-top:1px !important;
	padding-bottom:1px !important;
}

#menuBurgerListe ul li:hover { 	color:#FFFFFF; }
#zoneRecherche {	vertical-align: middle;	font-family: Salsa;	font-size: 16px;	font-weight: normal;	letter-spacing: 1px;	float: right;	height: 100%;	margin-right: 55px;	margin-top: 25px;}
#zoneRecherche input { font-family: inherit; font-size: inherit; height:35px; background-color: rgba(255,255,255,1); width:10vw; min-width:170px; max-width: 300px; border:1px solid #888888; border-radius:10px;}
#zoneRecherche input ::placeholder {   color: #FFFFFF; }
#zoneRecherche img { margin-left:10px; cursor:pointer; width:32px; vertical-align:middle; }
input[name="produitRecherche"]:focus::placeholder  {    	opacity:0;      	transition:500ms; }
.vignette { width : 120px; height:auto; margin-right:5px}
  .pied_index
   {
   		background-color: #FFFFFF; 
   		display:flex; 
   		align-items: center; 
   		justify-content: space-between;
   		padding-left:18vw;
   		padding-right:18vw;
   		padding-top:1vh;
   		padding-bottom:1vh;
   		margin-top:15px;
   	}
   	
   	.pied_element
   	{
   		display:inline;
   	}
   
   .pied_icone
   {
		   img{
		   	 width:90px; 
		   	 
		   }
   }
   
   .pied_codepromo
   {
	vertical-align: middle;
	text-align: center;
	font-size: 0.7em;
	width: 245px;
	}
	
	.pied_inscription
	{
		vertical-align: middle;
		
		form
		{
			width:300px;
		
			input[type="email"]
			{
				background-color:#DEDEDE;
				height:30px;
				border-radius:15px;
				border:none;
				width:220px;
				padding-left:5px;
				padding-right:5px;
				font-size: 13px;
				font-family:Arial;
			}
			
			input[type="email"]::placeholder
			{
			color:#000000;
			text-align: center;
			}
			
			input[type="email"]:focus
			{
				background-color: #FFFFFF;
			
			}
			
			input[type="email"]:focus::placeholder
			{
				color:transparent;
			}
			
			button
			{
				border:none;
				background-color: transparent;
				font-size: 0.5em;
				color:#000000;
				box-shadow: none;
				margin:0px;
				padding:0px;
			}
		}
	}
	
	.pied_rgpd
	{
		vertical-align: middle;
		font-size: 0.7em;
		font-family: Arial;
	}

@media (max-width: 1500px)
{
	
	.pied_index
	{
		padding-left:10vw;
   		padding-right:10vw;
	}
}

@media (max-width: 800px)
{
	
	.pied_index
	{
		display:block;
		width:100vw;
	}
	
	.pied_element
	{
		display:block;
		text-align: center;
		padding-top:1vh;
		padding-bottom:1vh;
	}
	
	.pied_codepromo,
	.pied_inscription,
	.pied_rgpd
	{
		width:100%;
	}
	
	.pied_inscription form
	{
		width:100%;
		text-align: center;
	}
}    


@media (max-width: 1100px)
{
	nav.main-menu { display: none; 	}
	li.menu1 { display:none !important; }
	#menuBurger { 	display: block; }
	#menu-ma-vie-eco-menu { display: none !important; 	}
}

@media (max-width: 1200px)
{
	#reseauxsociaux { 	position: initial; display:block; text-align: center }
}
@media screen and (max-width: 768px) {
  .videos-flex {
    flex-direction: column !important;
  }

  .videos-flex iframe {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    margin: 10px 0 !important;
  }
}