/* CSS Document */

#sommaire {
	position: absolute;
	width:300px;
	top:90px;
	left:50%;
	margin-left:100px;
	background-color: #999 ; opacity: 0.8;
border-radius: 8px 8px 0 0 ;
	}
.gdtitre {
	font-family: "Gochi Hand";
	font-size: 30px;
	color: #FFF;
	margin:20px;
	border: 5px solid #999;
}
.gdtitre:hover {
	background-color: #F00;
	border: 5px solid #F00;
-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
border-radius: 8px ;
}
#recherche {
	position: absolute;
	width:300px;
	top:-5px;
	left:50%;
	margin-left:200px;
	background-color: #FFF ; opacity: 0.8;	
	border: 25px solid #FFF;
	}
#foottext {
	position: relative;
	background-color: #F00;
	color: #FFF;
	width: 100%;
	z-index: 10000;
}
#foottext a:link {
	text-decoration: none;
	}
#footer {
	position: fixed;
	max-height:50px;
	-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
	z-index: 10000;
	left: 0;
	right: 0;
	bottom: -5px;
}

#footer:hover {
	max-height:600px;
}
.typofoot:hover a {
	visibility: visible;
}
———

</style>