﻿html {
	height: 100%;
}
body {
	height: 100%;
	color: #200; 
	background-color: #200; 
	line-height: 250%; 
	margin: 0px;
	padding: 0px;
	font-family: sans-serif, arial;
	font-size: 12px;
}

#page-table {
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
#page-td {
	height: 100%;
	padding: 0;
	vertical-align: middle;
}

#page {
	width: 600px; 
	margin: 0px auto; 
	text-align: left;
	background-image: url(../images/fond_clair.jpg); 
	padding: 75px 100px 90px 90px; 
	border-radius: 25px; 
	z-index: 5; 
	position: relative;
}
.page {
	padding: 25px 50px 50px; 
	border: 1px solid #f88; 
	border-radius: 20px; 
	z-index: 1;
}
#lien20 {
	font-family:Arial; 
	font-weight:400; 
	font-size:20px; 
	margin: 0;
	line-height: 180%;
}
#lien20 a.lien20 {
	text-decoration: underline;
	padding: 0px 0px 0px 9px;
	color: #009; 
	background: url(../images/fleche-left-blue.png) 0px 8px no-repeat;
}
#lien20 a.lien20:hover {
	color: #aaf; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0px 0px 0px 7px;
	margin: 0px;
	background: url(../images/fleche-left-active-red.png) 0px 13px no-repeat;
	text-shadow: 0.1em 0.1em 0.02em #f00;
}

#zoom {
	position: absolute;
	margin: -75px 500px;
	width: 200px;
	height: 100px;
	border: 0;
	border-radius: 10px;
	z-index: 9;
/*	float: right; */
}

#zoom img {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px solid #fff;
	border-radius: 12px;
	transition: all 1.2s ease 0.1s;
	-moz-transition: all -moz-transform 1.2s ease 0.1s;
	-o-transition: all -o-transform 1.2s ease 0.1s;
	-ms-transition: all -ms-transform 1.2s ease 0.1s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0.1s;
	box-shadow: -5px 5px 10px #400;
}

#zoom img:hover {
	width: 320%;
	height: 320%;
	margin: 1px -443px;
	border: 1px solid #f00;
	border-radius: 25px;
	box-shadow: -12px 12px 15px #400;
}
#zoom p {
	margin: -13px 0px 0px 4px;
	font-size: 90%;
	text-align: center;
	line-height: 100%;
	width: 110px;
	border: 1px solid;
}
#zoom a {
	text-decoration: none;
}
