@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}
html{
	margin:0px;
	padding:0px;
}
body{
	/*background-repeat: repeat!important;
	/*background-image: url("../images/bg.png")!important;*/
	background-color: #000000!important;
	padding-top: 0px!important;
	height: 100%!important;
	margin:0!important;
	padding: 0!important;
	color:#fff!important;
}

a{color: #fff!important;}
a.vignette{color: #000!important;
font-style: italic;
padding-left: 30px;}

.navbar {
    position:relative;
	font-family:  "Arial", "sans-serif";
	font-size: 16px;
    line-height: inherit;
    white-space: nowrap;
	flex:1;
	flex-basis: 100%;
}
.sous-menu{
	font-family:  "Arial", "sans-serif";
	font-size: 16px;
} 


ul li{
	list-style: none;
}
.align-middle-img{
	margin:0; 
	text-align:center;
	position: absolute;
    left: 50%;
    margin-left: -50px !important;  /* 50% of your logo width */
   display: block;
}

footer{
    height: 50px;
}
.col-md-auto{
padding-left: 40px!important;
	padding-right: 40px!important;
}
.section {
    position: relative;
    overflow: hidden;
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,224,66, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}
.vignette{width: 80px;height: 80px;}
/*.custom-toggler.navbar-toggler {
  border-color: rgb(0,0,0);
}*/

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.carousel, .mention{
	/*margin-left: 0px;
	margin-right: 0px;*/
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	/*width: 100%;*/
	/*box-shadow: 0 100px 149px 49px #000, 0 12px 9px -5px #fff;	*/
}



.carrousel-produit{
	float:left;
}
ul.list-produit {
	float:left;
	width: 200px;
}

ul li.list-produit {
	width: 200px;
}


.foot-separe{
	box-shadow: 0 100px 149px 49px #000, 0 12px 9px -5px #fff;
}

/*.bg-menu{
	background-image:  url("../images/bg-menu.png") ;
	background-repeat: no-repeat;
	background-size: cover;
}*/

li a:hover{text-decoration: underline;}


a.lien{color:#007bff!important;}
.text-justify{text-align: justify;}


.marge-bas-container{
	margin-bottom: 70px;
}
.marge-haut{
	margin-top: 30px;
}
.marge-bas{
	margin-bottom: 30px;
}
.navbar{
	/*box-shadow:0 .125rem .25rem #333333;*/
}
.fl-left {
	float: left;
	padding-bottom: 10px;
}
.fl-right{float:right;}

.container1{
	width: 50%;
	float:left;
}
.container-fluid{
padding-left: 0px!important;
padding-right: 0px!important;
}
.presentation{
	color:#fff;
}
.marge{margin-left: 5em;}

.barre-horizontale{
	background-color: #999;
	width: 100%;
	height: 1px;
	/*border-radius: 10px 40px 40px 10px; */
}
.map-responsive{
	overflow:hidden;
	padding-bottom:50%;
	position:relative;
	height:0;
}
.map-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.epicerie-responsive {
	padding-top: 20px;
	left:0;
	top:0;
	height:100%;
	width:100%;

}

.btn-facebook{
	color: #fff!important;
    background-color: #3b5998!important;
    border-color: rgba(0,0,0,0.2)!important;
	border-radius: 50%!important;
	
}
.hidden{
	display: none;
	visibility: hidden;
}
.facebook{
	color:#0d6efd;
}

.navbar-nav .nav-link {
    color: #e5c807!important;
}
.text-color-yellow{color: #e5c807;}
.text-color-noir{color: #000000!important;}
.noir{background-color:#000000;}

.bg_white{background-color:#fff;}
.gris{background-color: dimgray;}

.navbar-nav .nav-item .nav-link:hover{
	color:#ffffff!important;
}
.navbar-nav .nav-item .text-color-white:hover{
	color:#ffffff;
}
.navbar-nav .nav-item .nav-link.text-color-white{
	color:#ffffff!important;
}
.espace{padding-top:20px;}

.btn-apparence{margin-top: 20px;}

.grid-produit{
	width: 25%!important;
	float:left!important;
	height:100%!important;
}

@media screen and (min-width:767px) {
	/*567px*/
	
	.carousel, .item, .active {
	height:100%;
	}
	.carousel-inner{
	height:400px;
	}
	.carousel-caption {
	z-index: 10;
	}

	.carousel .carousel-inner {
	background-repeat:no-repeat;
	background-size:cover;
	}
	.collapse .navbar-collapse .marge-haut{
		margin-top: 0px;
	}
	.navbar, .container{font-size: 16px;
   }
	.map-responsive{
	overflow:hidden;
	padding-bottom:50%;
	position:relative;
	height:0;
	}
	.map-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	position:absolute;
	}
	.epicerie-responsive  {
	left:0;
	top:0;
	
	position:relative;
	padding-top: 20px;
	}
	
	.container1{
	width: 100%;
	float:left;
	}
	
	/*.epicerie-responsive{
	overflow:hidden;
	padding-bottom:50%;
	position:relative;
	height:0;
	}*/
}

/*@media screen and (min-width:320px) and (max-width:780px){
	
	/*.d-sm-flex{
	display: -ms-flexbox!important;
	display: flex!important;	
	}
	.flex-sm-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
	}*/
	
	/*.collapse .navbar-collapse .marge-haut{
		margin-top: 0px;
	}
	.navbar, .container{font-size: .875rem;
   }
	.map-responsive{
	overflow:hidden;
	padding-bottom:50%;
	position:relative;
	height:0;
	}
	.map-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
	/*padding-right: 20px;*/
	/*}
	/*.container1{
	width: 100%;
	float:left;
	}
}*/