.listeCartes, .listeChambres
{
	position:relative;
	box-sizing:border-box;
	font-size:1.25em;
	padding:0 2em;
}

.listeCartes .message, .listeChambres .message
{
	margin:1em auto;
	text-align:center;
}

.listeCartes h1, .listeCartes h2, .listeChambres h1, .listeChambres h2
{
	font-size:2.3em;
	border-bottom:1px solid #888;
	margin:2em 0 .1em 0;
	text-align:center;
	clear:both;
}

.listeCartes a.hiddenLink, .listeChambres a.hiddenLink
{
	text-decoration:none;
	color:black;
}

.listeCartes .carte, .listeCartes .carteNumerique, .listeCartes .listeAllergene, .listeCartes .listeOrigines, .listeChambres .chambre
{
	margin:2em 0;
	clear:both;
	position:relative;
	display:-webkit-flex;
	-webkit-flex-direction:row;
	-webkit-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	-webkit-align-items:flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}

.listeCartes .carteNumeriqueInfos, .listeCartes .carteInfos, .listeCartes .listeAllergeneInfos, .listeCartes .listeOriginesInfos, .listeChambres .carteNumeriqueInfos
{
	display:inline-block;
	margin:.2em 0 .5em 0;
	-webkit-flex:1 0 45%;
	flex:1 0 45%;
}

.listeCartes h3, .listeChambres h3
{
	font-size:1.5em;
	margin:.2em 0;
	text-align:left;
}

@media (max-width:639px)
{
	.listeCartes .carteNumeriqueInfos, .listeCartes .carteInfos, .listeCartes .listeAllergeneInfos, .listeCartes .listeOriginesInfos, .listeChambres .carteNumeriqueInfos
	{
		min-width:100%;
		text-align:center;
	}
	
	.listeCartes h3, .listeChambres h3
	{
		text-align:center;
	}
}

.listeCartes .description, .listeChambres .description
{
	font-size:1.15em;
	color:#888;
}

.listeCartes .date, .listeChambres .date
{
	font-size:1.15em;
	color:#ccc;
}

.listeCartes .carte .clickToAction, .listeCartes .carteNumerique .clickToAction, .listeCartes .listeAllergene .clickToAction, .listeCartes .listeOrigines .clickToAction, .listeChambres .chambre .clickToAction
{
	vertical-align:top;
	margin:.2em auto;
	-webkit-flex:0 0 6em;
	flex:0 0 6em;
}

.listeCartes .cartePreview, .listeChambres .cartePreview
{
	display:inline-block;
	width:300px;
	font-size:1.5em;
	margin:.2em;
	z-index:5;
	vertical-align:top;
	-webkit-flex:0 0 300px;
	flex:0 0 300px;
}

.listeCartes .carte .cartePreview::after, .listeCartes .listeAllergene .cartePreview::after, .listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewInitial::after, .listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewPhoto::after, .listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewCapture::after, .listeChambres .chambre .cartePreview.carteNumeriquePreviewInitial::after, .listeChambres .chambre .cartePreview.carteNumeriquePreviewPhoto::after, .listeChambres .chambre .cartePreview.carteNumeriquePreviewCapture::after
{
	background-repeat:no-repeat;
	background-position:center 0;
	background-image:url('/images/Ombre.png');
	content:"";
	height:20px;
	width:300px;
	display:block;
	position:absolute;
	top:164px;
	z-index:0;
}

.listeCartes .listeAllergene .cartePreview::after
{
	top:95px;
}

.listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewInitial::after, .listeChambres .chambre .cartePreview.carteNumeriquePreviewInitial::after
{
	top:92px;
}

.listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewCapture, .listeChambres .chambre .cartePreview.carteNumeriquePreviewCapture
{
	max-height:160px;
	overflow:hidden;
	cursor:pointer;
}

@media (max-width:799px)
{
	.listeCartes .carteNumeriqueInfos, .listeCartes .carteInfos, .listeCartes .listeAllergeneInfos, .listeCartes .listeOriginesInfos, .listeChambres .carteNumeriqueInfos
	{
		-webkit-flex:1 0 75%;
		flex:1 0 75%;
	}

	.listeCartes .cartePreview, .listeChambres .cartePreview
	{
		display:none;
	}
}

.listeCartes .cartePreview img, .listeChambres .cartePreview img
{
	display:block;
	max-height:160px;
	max-width:300px;
	margin:0 auto;
	border:1px solid #ddd;
	cursor:pointer;
	box-sizing:border-box;
	z-index:1;
	position:relative;
}

.listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewInitial img, .listeChambres .chambre .cartePreview.carteNumeriquePreviewInitial img
{
	max-height:90px;
	border:none;
	background-size:15px, 11px, 5px;
	background-repeat:no-repeat;
	background-position:77px 9px, 120px 22px, 155px 47px;
	background-image:url('/images/logo250.png'), url('/images/logo250.png'), url('/images/logo250.png');
}

.listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewCapture img, .listeChambres .chambre .cartePreview.carteNumeriquePreviewCapture img
{
	max-height:none;
}

.listeCartes .carteNumerique .cartePreview.carteNumeriquePreviewElement img, .listeChambres .chambre .cartePreview.carteNumeriquePreviewElement img
{
	border:none;
}