@charset "utf-8";
/* CSS Document */

a:link {color:#033;}
a:visited {color:#033;}
a { color:#BFBFBF;text-decoration: none;}
a:hover { color:#600; text-decoration:none; }

html{height:100%;}

body {
	margin: 0;
	padding: 0;
	background-image:url(../img/img2.jpg);
	background-position:center;
	height:100%;
	}

#page{
	position:relative;
	width:100%;
	height:100%;
	min-height:550px;}
	
#titre{
	position:relative;
	width:100%;
	height:60px;
	text-align:center;
	background-color:white;
	opacity:0.8;
	}

img{border:none}
	
#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:14px;}

h1 { padding:20px; background-color:gray; color:black; margin:0; text-shadow: #9E9B9B 2px 2px 2px;  text-align:center;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9A8DC', endColorstr='#C074C6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D9A8DC), to(#C074C6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #D9A8DC,  #C074C6); /* for firefox 3.6+ */ 
}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	text-shadow: #9E9B9B 2px 2px 2px;}
	
@media screen and (max-height: 550px){

#footer{
	position:relative;
	}
}