* {
	margin: 0;
	padding: 0;
}
html {
	background-color: white;
}
body {
	position: relative;
	display: block;
	min-width: 720px;
	max-width: 1080px;
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: transparent;
	font-size: 16px;
}

#header {
	z-index: 1;
	display: block;
	width: 100%;
	height: 460px;
	background-image: url('img/PHARMACIE_DE_LA_RHONELLE.JPG');
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0 8px black;
}
h1 {
	display: none;
}
#nav {
	display: none;
}

.link, .link:hover, .link:visited {
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 64px;
	background-repeat: no-repeat;
	background-size: 100%;
	color: transparent;
}
.link.facebook {
	background-image: url('img/facebook.png');
}
.instagram {
	background-image: url('img/instagram.png');
}
.twitter {
	background-image: url('img/twitter.png');
}

a, a:visited {
	color: #0E487B;
}
a:hover {
	color: #3677A1;
}

a > img {
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
a > img:hover {
	filter: drop-shadow(0 0 16px black);
}

a[href^=tel] {
	text-decoration: none;
	font-weight: bold;
}

#links {
	position: absolute;
	top: 16px;
	right: 16px;
}
#links .link {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-left: 16px;
	filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

#slider {
	position: relative;
	margin: auto;
}

#slider .item {
	cursor: pointer;
	position: relative;
	display: block;
	min-height: 180px;
	margin: 16px;
	overflow: hidden;
	background-color: white;
	border: 1px solid silver;
	box-shadow: 0 0 16px rgba(127, 127, 127, 0.5);
	font-family: Arial;
	color: #566456;
}
#slider .item:nth-child(2n+1).hidden {
	transform: translate(calc(100% - 200px), 0);
}
#slider .item:nth-child(2n).hidden {
	transform: translate(calc(200px - 100%), 0);
}
#slider .item.short {
	max-height: 180px;
}
#slider .item.short:after {
	pointer-events: none;
	z-index: 1;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	background-image: linear-gradient(to bottom, transparent, white);
}

#slider .item .thumbnail {
	float: left;
	width: 160px;
	height: 160px;
	margin: 10px;
}
#slider .item:nth-child(2n) .thumbnail {
	float: right;
}

#slider .item > *:not(.thumbnail) {
	margin: 8px 24px 0 24px;
	text-align: right;
}
#slider .item:nth-child(2n) > *:not(.thumbnail) {
	text-align: left;
}

#slider .item h3 {
	margin-top: 24px !important;
	font-style: italic;
	font-size: 1.5em;
	color: #0E487B;
}
#slider .item h4, #slider .item strong {
	font-size: 1em;
	font-weight: bold;
	color: #3677A1;
}
#slider .item strong {
	font-style: italic;
}
#slider .item li {
	margin: 4px 2em 0 2em;
	list-style: none;
}

#slider .item .app_links {
	width: 400px;
	margin: auto;
	margin-top: 24px;
	display: block;
}
#slider .item .app_links a {
	margin-left: 8px;
	margin-right: 8px;
}
#slider .item .app_links img {
	height: 48px;
}

#slider .item .figure {
	display: block;
	margin: 16px auto;
}

#slider .item > *:last-child {
	margin-bottom: 24px;
}

#labos img {
	display: inline-block;
	margin: 8px;
	vertical-align: middle;
}

#footer {
	position: relative;
	display: block;
	text-align: center;
}
#footer > * {
	display: inline-block;
	margin: 24px;
}

@media (max-width: 720px) {
	body {
		width: 720px !important;
		min-width: 720px !important;
		max-width: 720px !important;
		font-size: 24px !important;
	}
}