body{
font-family:'Roboto',sans-serif;
font-size:14px;
margin:0 0 0 0;
padding:0;
line-height:24px;
background:#FFF url(../images/back.jpg) no-repeat fixed;
background-size:cover;
letter-spacing:2px;
}

a{
text-decoration:none;
color:#000;
}

header,p,nav,section,footer{
margin:0;
padding:0;
overflow:hidden;
}
img{border:none;}
.clear{
	clear:both;
}
.content{
	width:80%;
	margin:0 auto;
	padding:25px 0 5px 0;
}

.last{margin-right:0px;}
.aligncenter{text-align:center;}
header{
width:100%;
height:auto;
min-height:100px;
}
header p{
	text-align:right;
}
header p img{
width:250px;
height:auto;	
}
#wrap{
	width:350px;
	height:auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px #000;
	margin: 0 auto;
	margin-bottom:25px;
	padding-bottom:25px;
	display:none;
	transition:all 1s ease;
	overflow:hidden;
}
	#wrap p{
		text-align:center;
		font-family:'Ubuntu';
		font-weight:600;	
	}
#form{
	width:80%;
	margin:25px auto;
}
#form div{
	margin-bottom:25px;
}
#form input[type=text],#form input[type=tel]{
	width:95%;
	height:50px;
	text-indent:15px;
	border-radius:15px;
	border:1px solid rgba(0,0,0,0.4);
	background:rgba(0,0,0,0.1)
}

#form .bouton{
	width:98%;
	margin:0 auto;
	height:50px;
	padding-top:5px;
	border-radius:15px;
	background:#d8232a;
	color:#FFF;
	border:1px solid #d8232a;
}
.getback{
	width:98%;
	margin:0 auto;
	height:50px;
	padding-top:5px;
	border-radius:15px;
	background:#cecece;
	color:#000;
	border:1px solid #cecece;
	margin-top:15px;
}
#good{
    width:350px;
	height:auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 8px #000;
	margin: 0 auto;
	display:none;
	margin-bottom:25px;
	padding-bottom:25px;
	transition:all 1s ease;
	overflow:hidden;	
}
.getbackend{
	width:98%;
	margin:0 auto;
	height:30px;
	padding-top:5px;
	border-radius:15px;
	background:#cecece;
	color:#000;
	border:1px solid #cecece;
	margin-top:15px;
}
#main{
	width:60%;
	margin:0 auto;
	text-align:center;
	padding-top:150px;
}
#groupebouton{
	overflow:hidden;
	margin-top:25px;
}
.livraison,.digital{
	background:#FFF;
	width:42%;
	margin:5px;
	padding:8px;
}
.livraison:hover,.digital:hover{
background:#ed1c24;
color:#FFF;
cursor:pointer;
transition: background 1s ease;
	text-align:center;
}
.digital a{
	display:block;
	text-align:center;
}
.digital a:hover{
color:#FFF;
}
.livraison{
	float:left;
}
.digital{
	float:right;
}
#social{
width:300px;
margin: 0 auto;
text-align:center;
margin-top:50px;
font-weight:650;	
}
#social a i{
font-size:30px;
color:#000;
margin-right:15px;	
}
#social a i:hover{
font-size:30px;
color:#e11a20;
}
/* ************************logo slider******************* */
#login{
	width:350px;
	margin:50px auto;
	box-shadow:0px 0px 8px rgba(0,0,0,0.4);
	padding:0 0px 15px 0;
	background:#FFF;
}
#login h1{
font-size:28px;
text-align:center;
color:#FFF;
background:#77787b;
height:30px;
padding:25px;
margin-bottom:50px;
font-weight:500;
}
.loginform{
	width:80%;
	margin:0 auto;
}
.erreur{
	color:red;
	text-align:center;
}
.loginform .authenFormulaire div{
	width:100%;
	margin:0 auto;
		margin-bottom:25px;
		display:flex;
}
.loginform .authenFormulaire input{
	width:90%;
	height:50px;
	border:1px solid rgba(0,0,0,0.6);
	text-indent:10px;
}
.loginform .authenFormulaire .bouton{
	background:#e11a20;
	color:#FFF;
	border:none;
	transition:background 1s ease;
		border-radius:15px;
}
.phraseinscription{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
}
.loginform .bouton:hover{
background:#69890d;	
transition:background 1s ease;
}
.fa-eye{
	position:relative;
	left:-32px;
	top:20px;
	cursor:pointer;
}
#restaurant{
width:90%;
margin:0 auto;
margin-top:50px;	
}   
.cadreresto{
background:#FFF;
width:250px;
height:300px;
margin-right:25px;
margin-bottom:25px;
border:1px solid #cecece;
float:left;	
padding:0;
} 
.cadreresto img{
	width:100%;
	cursor:pointer;
}
.boutonseconnecter{
color:#FFF;	
}
.boutonseconnecter:hover{
color:red;	
}
#popup{
width:100%;
background:#FFF;
position:absolute;
top:0;
z-index:999999;
}
#popup div{
	padding:15px;
}
#popup div h2{
	font-size:32px;
}
.telephone{
	text-align:center;
	padding:5px 25px 5px 25px;
	border-radius:8px;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
	color:#FFF;
}

.telephone a{
	color:#FFF;
}
.groupeTel{
overflow:hidden;	
}.groupeTel p:nth-child(1n){
		background:#c11111;
}
.groupeTel p:nth-child(2n){
		background:#05879a;
}
.groupeTel p:nth-child(3n){
		background:#be713e;
}
.groupeTel p:nth-child(4n){
		background:#a5a4a3;
}
.groupeTel p:last-child{
		margin-bottom:0;
}
.closeP{
	color:red;
	text-align:right;
	font-size:22px;
	cursor:pointer;
}
#searchbar{
margin-top:100px;
margin-bottom:50px;
height:auto;
text-align:center;	
}
.searchbar input{
width:800px;
height:35px;
border-radius:5px;
padding:8px;
text-indent:50px;
border:none;
background:#FFF url(../images/loupe.jpg) 20px center no-repeat;	
}
/*loader debut */
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 20% auto;
  border-radius: 50%;
  border: 6px solid #d8232a;
  border-color: #d8232a transparent #d8232a transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.hidden{
	display:none;
}
.overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.8);
        z-index: 999;
        opacity: 1;
        transition: all 0.5s;
    }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*loader fin */