* {
    margin: 0;
    padding: 0;
}

.Plat{
text-overflow: ellipsis;
overflow: hidden;
font-size:90%;
}



@font-face {
	font-family:"interblack";
	font-weight:900;
	src:url("fonts/static/Inter.ttf") format("truetype");
}

@media (min-width:841px) {
	.contenu {
		position:relative;
		width: 85vw;
		Left:7.5vw;
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		align-items: center;
		margin-bottom:16px;
		top:20px;
		color:#484747;
	}
	
	.divCarte {
		width:32.7%;
		height:auto;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 0px 15px #0000001A;
		border-radius:11px;
		min-height: 514px;
	}
	
	.photo {
		width:100%;
		height:131px;
		overflow:hidden;
		border-top-left-radius:11px;
		border-top-right-radius:11px;
	}
	.header {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		/* flex-direction:row; */
		position:relative;
		top:-4px;
		color: #27AE60;
		line-height:35px;
		vertical-align:baseline;
	}
	
	.header1 {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		flex-direction:row;
		position:relative;
		top:-4px;
		color:#3F51B5;
		vertical-align:baseline;
	}
	
	.Date {
		text-align: left;
		font: normal normal 20px Inter;
		letter-spacing: 0px;
		position:relative;
		width:70%;
		padding-left:3%;
	}
	
	.Prix {
		position:relative;
		font: normal normal bold 30px Inter;
		width:30%;
	}
	
	.PosiPrix {
		position:relative;
		float:right;
		padding-right:3%;
		top:25%;
	}
	
	.PosiDate {
		position:relative;
		top:30%;
	}

	
	.Menus {
		position:relative;
		height:233px;
		width:100%;
		display:flex;
		flex-direction:row;
	}
	
	.MenuMidi {
		height:100%;
		width:92%;
		padding-top:12px !important;
		padding:4%;
		font: normal 16px Inter;
		line-height:2.5;
	}
	
	.reservation {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #27AE60 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
		position:relative;
		z-index:1000;
	}
	
	.reservation1 {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #27AE60 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
		position:relative;
		z-index:1000;
	}
	
	.reservation:active,.reservation1:active {
		transform: scale(0.98);
		box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
	}
	
	#Type {
		position:relative;
		left:7.5vw;
		font: normal normal 900 50px/24px inter;
		color:#2C343E;
		width: 80%;
		margin-top:50px;
	}
	#NumTel {
		position:relative;
		left:7.5vw;
		top:15px;
		font:  normal normal normal 20px/24px Inter;
		color:#2C343E;
	}
	
	#Adresse {
		position:relative;
		left:7.5vw;
		font:  normal normal normal 20px/24px Inter;
		top:12px;
		color:#2C343E;
	}
	
	.Midi {
		position:relative;
		font-weight:bold !important;
		font: normal 18px Inter;
		position:relative;
		top:1px;
	}
	
	#Brasserie6 {
		background-color:inherit;
		box-shadow:none;
	}
	.Titre {
		display:flex;
		flex-direction:row;
	}
}

@media (min-width:481px) and (max-width:840px) {
	.contenu {
		position:relative;
		width: 86vw;
		Left:7vw;
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-items: center;
		color:#484747;
	}
	
	.imgPlaceholder {
		display:none;
	}
	
	.divCarte {
		max-width:536px;
		width:100%;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 0px 15px #0000001A;
		border-radius:11px;
		margin-bottom:20px;
	}
	
	.photo {
		width:100%;
		height:131px;
		overflow:hidden;
		border-top-left-radius:11px;
		border-top-right-radius:11px;
	}
	.header {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		/* flex-direction:row; */
		position:relative;
		top:-4px;
		color: #27AE60;
	}
	
	.header1 {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		flex-direction:row;
		position:relative;
		top:-4px;
		color:#3F51B5;
	}
	
	.Date {
		text-align: left;
		font: normal normal bold 20px/24px Inter;
		letter-spacing: 0px;
		position:relative;
		width:70%;
		padding-left:3%;
	}
	
	.Prix {
		position:relative;
		/* right:-45%; */
		font: normal normal bold 30px Inter;
		width:30%;
	}
	
	.PosiPrix {
		position:relative;
		float:right;
		padding-right:3%;
		top:25%;
	}
	
	.PosiDate {
		position:relative;
		top:30%;
	}

	
	.Menus {
		height:233px;
		width:100%;
		display:flex;
		flex-direction:row;
	}
	
	.MenuMidi {
		height:100%;
		width:92%;
		padding-top:12px !important;
		padding:4%;
		font: normal 16px Inter;
		line-height:2.5;
	}
	
	.reservation {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #27AE60 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
	}
	
	.reservation1 {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #3F51B5 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
	}
	
	.reservation:active,.reservation1:active {
		transform: scale(0.98);
		box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
	}
	
	#Type {
		color:Black;
		position:relative;
		left:7vw;
		font: normal normal 900 50px/24px Inter;
		line-height: 1;
	}
	#NumTel {
		color:#2C343E;
		position:relative;
		left:7vw;
		top:15px;
		font:  normal normal normal 20px/24px Inter;
	}
	
	#Adresse {
		color:#2C343E;
		position:relative;
		left:7vw;
		top:12px;
		font:  normal normal normal 20px/24px Inter;
	}
	
	.Midi {
		position:relative;
		font-weight:bold !important;
		font: normal 18px Inter;
		position:relative;
		top:1px;
	}
	
	#Brasserie6 {
		background-color:inherit;
		box-shadow:none;
		display:none;
	}
	.Titre {
		display:flex;
		flex-direction:row;
	}
	#Gastronomie6 {
		display:none;
	}
}


@media (max-width:480px) {
	
	.imgPlaceholder {
		display:none;
	}
	
	.contenu {
		position:relative;
		width: 86vw;
		Left:7vw;
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-items: center;
	}
	
	.divCarte {
		width:100%;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 0px 15px #0000001A;
		border-radius:11px;
		margin-bottom:20px;
		
	}
	
	.photo {
		border-top-left-radius:11px;
		border-top-right-radius:11px;
		width:100%;
		height:131px;
		overflow:hidden;
	}
	.header {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		/* flex-direction:row; */
		position:relative;
		top:-4px;
		color: #27AE60;
	}
	
	.header1 {
		width:100%;
		height:70px;
		background: #F4F5FC 0% 0% no-repeat padding-box;
		display:flex;
		flex-direction:row;
		position:relative;
		top:-4px;
		color:#3F51B5;
	}
	
	.Date {
		text-align: left;
		font: normal normal bold 20px/24px Inter;
		letter-spacing: 0px;
		position:relative;
		width:70%;
		font: normal 14px Inter;
		padding-left:3%;
	}
	
	.Prix {
		position:relative;
		/* right:-45%; */
		font: normal normal bold 30px Inter;
		width:30%;
		font-size:18px;
	}
	
	.PosiPrix {
		position:relative;
		float:right;
		padding-right:3%;
		top:25%;
	}
	
	.PosiDate {
		position:relative;
		top:30%;
	}

	
	.Menus {
		height:233px;
		width:100%;
		display:flex;
		flex-direction:row;
		
		
	}
	
	.MenuMidi {
		height:100%;
		width:92%;
		padding-top:12px !important;
		padding:4%;
		font: normal 14px Inter;
		line-height:2.5;
	}
	
	.reservation {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #27AE60 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
	}
	
	.reservation1 {
		background: var(--unnamed-color-27ae60) 0% 0% no-repeat padding-box;
		background: #3F51B5 0% 0% no-repeat padding-box;
		border-radius: 5px;
		border:none;
		text-align: center;
		font: normal normal bold 14px/17px Inter;
		letter-spacing: 0px;
		margin:3.75%;
		color: #FFFFFF;
		width: 92.5%;
		height: 40px;
	}
	
	.reservation:active,.reservation1:active {
		transform: scale(0.98);
		box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
	}
	
	#Type {
		color:Black;
		position:relative;
		left:7vw;
		font: normal normal 900 50px/24px inter;
		font-size: 22px !important;
		width : 80%;
		line-height: 1;
	}
	#NumTel {
		color:#2C343E;
		position:relative;
		left:7vw;
		top:15px;
		font-size: 14px !important;
		font:  normal normal normal 20px/24px Inter;
	}
	
	#Adresse {
		color:#2C343E;
		position:relative;
		left:7vw;
		top:12px;
		font-size: 14px !important;
		font:  normal normal normal 20px/24px Inter;
	}
	
	.Midi {
		position:relative;
		font-weight:bold !important;
		font: normal 16px Inter;
		position:relative;
		top:1px;
	}
	
	#Brasserie6 {
		background-color:inherit;
		box-shadow:none;
		display:none;
	}
	.Titre {
		display:flex;
		flex-direction:row;
	}
	#Gastronomie6 {
		display:none;
	}
}

#contenu1 {
	top:50px;
	margin-bottom:50px;
}

#contenu3 {
	top:50px;
	margin-bottom:50px;
}

#Gastronomie6 {
	background-color:inherit;
	box-shadow:none;
}

#Gastronomie {
	position:relative;
	top:94px;
}