#liens_carte_menu_boissons_gauche {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
#navig_carte_menu_boissons_gauche {
	width: 50%;
	text-align: left;
	float: left;
}
#navig_carte_menu_boissons_droite {
	width: 50%;
	text-align: right;
	float: right;
}
#navig_carte_menu_boissons_end {
	width: 100%;
	clear: both;
}
#carte_court {
	display: none;
}
#carte_medium {
	display: none;
}
.gallerycontainer img {
	max-width: 100%;
	width: 100%;/*----- firefox max-width fix | dans certains cas c'est width: auto-----*/
	height : auto;
}
.carte_gauche {
	width: 345px;
	height : 22.5rem;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	float: left;
	background-image: url("../images/cadre-menu_gauche.jpg");
	background-size: 100% 100%;
	border: 1px solid red;
}
.carte_droite {
	width: 385px;
	height : 22.5rem;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	float: right;
	background-image: url("../images/cadre-menu_droite.png");
	background-size: 100% 100%;
}
.carte_end {
	width: 100%;
	clear: both;
}	
.carte_gauche_items {
	width: 90%;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
}
.item_nom {
	display: inline-block;
	width: 85%;
	vertical-align:middle;
	text-align: left;
}
.item_prix {
	display: inline-block;
	width: 15%;
	padding-bottom: 1em;
	vertical-align:top;
	text-align: right;
}
h2 {
	font-family: arial, sans-serif;
	font-size: .85rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
h3 {
	font-family: arial, sans-serif;
	font-size: .75rem;
	font-weight: bold;
	color: #333333;
}
.prix {
	font-family: arial, sans-serif;
	font-size: 0.75rem;
}
.supplements {
	font-family: arial, sans-serif;
	font-size: 0.75rem;
	color: #333333;
}
.gallerycontainer {
	position: relative;
}
.gallerycontainer a:link { 
	font-family: arial, sans-serif;
	font-size: 0.75rem; 
	text-decoration: none;
	color: #333333;
}
.gallerycontainer a:visited { 
	font-family: arial, sans-serif;
	font-size: 0.75rem; 
	text-decoration: none; 
	color: #333333; 
}
.gallerycontainer a:hover { 
	font-family: arial, sans-serif; 
	font-size: 0.75rem; 
	text-decoration: none;
	color: #333333; 
}
.gallerycontainer a:active { 
	font-family: arial, sans-serif; 
	font-size: 0.75rem; 
	text-decoration: none;
	color: #333333; 
}
.thumbnail:hover {
	background-color: transparent;
}
.thumbnail span {
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	object-fit: fill;
}
.thumbnail span img { 
	border-width: 0;
}
.thumbnail:hover span { 
	visibility: visible;
	top: 0px;
	left: 368px;
	/*left: 49.75%;*/
	z-index: 50;
}
.thumbnail:hover span img { 
	width: 98%;
	padding-top: 0.5em;
	padding-left: 0.5em;
}	
@media only screen 
	and (min-width: 801px) 
	and (max-width: 1024px) 
{
	#carte_court {
		display: none;
	}
	#carte_medium {
		display: none;
	}
	.gallerycontainer img {
		max-width: 100%;
		width: 100%;/*----- firefox max-width fix | dans certains cas c'est width: auto-----*/
		height : auto;
	}
	.carte_gauche {
		width: 48%;
		height : 22.5rem;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		float: left;
		background-image: url("../images/cadre-menu_gauche.jpg");
		background-size: 100% 100%;
		border: 1px solid red;
	}
	.carte_droite {
		width: 52%;
		height : 22.5rem;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		float: right;
		background-image: url("../images/cadre-menu_droite.png");
		background-size: 100% 100%;
	}
	.carte_end {
		width: 100%;
		clear: both;
	}
	.carte_gauche_items {
		width: 90%;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
	}
	.item_nom {
		display: inline-block;
		width: 85%;
		vertical-align:middle;
		text-align: left;
	}
	.item_prix {
		display: inline-block;
		width: 15%;
		vertical-align:middle;
		text-align: right;
	}
	h2 {
		font-family: arial, sans-serif;
		font-size: .9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333333;
	}
	h3 {
		font-family: arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		color: #333333;
	}
	.prix {
		font-family: arial, sans-serif;
		font-size: 0.8em;
	}
	.supplements {
		font-family: arial, sans-serif;
		font-size: 0.8em;
		color: #333333;
	}
	.gallerycontainer {
		position: relative;
	}
	.gallerycontainer a:link { 
		font-family: arial, sans-serif;
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333;
	}
	.gallerycontainer a:visited { 
		font-family: arial, sans-serif;
		font-size: 0.8em; 
		text-decoration: none; 
		color: #333333; 
	}
	.gallerycontainer a:hover { 
		font-family: arial, sans-serif; 
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333; 
	}
	.gallerycontainer a:active { 
		font-family: arial, sans-serif; 
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333; 
	}
	.thumbnail:hover {
		background-color: transparent;
	}
	.thumbnail span {
		position: absolute;
		left: -1000px;
		visibility: hidden;
		color: black;
		text-decoration: none;
	}
	.thumbnail span img { 
		border-width: 0;
	}
	.thumbnail:hover span { 
		visibility: visible;
		top: 0px;
		left: 49.75%;
		z-index: 50;
	}
}
@media only screen 
	and (min-width: 1025px)  
{
	#carte_court {
		display: none;
	}
	#carte_medium {
		display: none;
	}
	.gallerycontainer img {
		max-width: 100%;
		width: 100%;/*----- firefox max-width fix | dans certains cas c'est width: auto-----*/
		height : auto;
	}
	.carte_gauche {
		width: 48%;
		height : 22.5rem;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		float: left;
		background-image: url("../images/cadre-menu_gauche.jpg");
		background-size: 100% 100%;
		border: 1px solid red;
	}
	.carte_droite {
		width: 52%;
		height : 22.5rem;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		float: right;
		background-image: url("../images/cadre-menu_droite.png");
		background-size: 100% 100%;
	}
	.carte_end {
		width: 100%;
		clear: both;
	}
	.carte_gauche_items {
		width: 90%;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
	}
	.item_nom {
		display: inline-block;
		width: 85%;
		vertical-align:middle;
		text-align: left;
	}
	.item_prix {
		display: inline-block;
		width: 15%;
		vertical-align:middle;
		text-align: right;
	}
	h2 {
		font-family: arial, sans-serif;
		font-size: .9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333333;
	}
	h3 {
		font-family: arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		color: #333333;
	}
	.prix {
		font-family: arial, sans-serif;
		font-size: 0.8em;
	}
	.supplements {
		font-family: arial, sans-serif;
		font-size: 0.8em;
		color: #333333;
	}
	.gallerycontainer {
		position: relative;
	}
	.gallerycontainer a:link { 
		font-family: arial, sans-serif;
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333;
	}
	.gallerycontainer a:visited { 
		font-family: arial, sans-serif;
		font-size: 0.8em; 
		text-decoration: none; 
		color: #333333; 
	}
	.gallerycontainer a:hover { 
		font-family: arial, sans-serif; 
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333; 
	}
	.gallerycontainer a:active { 
		font-family: arial, sans-serif; 
		font-size: 0.8em; 
		text-decoration: none;
		color: #333333; 
	}
	.thumbnail:hover {
		background-color: transparent;
	}
	.thumbnail span {
		position: absolute;
		left: -1000px;
		visibility: hidden;
		color: black;
		text-decoration: none;
	}
	.thumbnail span img { 
		border-width: 0;
	}
	.thumbnail:hover span { 
		visibility: visible;
		top: 0px;
		left: 49.75%;
		z-index: 50;
	}
}