@font-face {
    font-family: 'ubuntu-titletitle';
    src: url('ubuntu-title-webfont.eot');
    src: url('ubuntu-title-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-title-webfont.woff') format('woff'),
         url('ubuntu-title-webfont.ttf') format('truetype'),
         url('ubuntu-title-webfont.svg#ubuntu-titletitle') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #FFFFFF;
	color: #545454;
}

.nom {
	background: url(logotype.png) no-repeat;
	width: 300px;
	height: 150px;
}

.infos {
	border-left: 1px solid #7E9199; 
	width: 980px; 
	margin: auto; 
	padding-top: 50px; 
	font-family: ubuntu, helvetica, arial, sans-serif; 
	font-size: 1.2em;	
}	

a {
	color: #7E9199;
	text-decoration: none;
}

h1 {
	display: none;
}

h2 {
	display: none;
}

.infos p {
	padding-top: 50px;
}

p {
	padding-left: 20px;
	text-indent: 30px;
	text-align: justify;
}

#contact{
	padding-left: 25px;
	width: 200px;
	
	font-family: ubuntu, helvetica, arial, sans-serif; 
}
#contact ul:before{
	content:"";
	/*position:absolute;*/
	/*z-index:100;*/
	background:#099;
	height:100%;
	width:182px;
	margin-top:-40px;
/*	-webkit-border-radius:10px;
		-moz-border-radius:10px;
			border-radius:10px;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
			box-shadow:0px 0px 10px rgba(0,0,0,0.75);*/
}
#contact ul{
	position:relative;
	list-style:none;
	width:180px;
	padding:40px 0px;
	/*margin-left:45px;
	margin-top:86px;*/
}
#contact ul li{
	height:40px;
	width:180px;
}
#contact ul li a.menuLien{
	position:absolute;
	z-index:110;
	/*font-weight:bold;*/
	/*color:white;*/
	font-size:1.2em;
	/*padding-left:22px;*/
	display:block;
	width:160px;
	height:40px;
	text-decoration:none;
	/*text-shadow:0px 0px 5px rgba(0,0,0,0.5);*/
	/*letter-spacing:-1px;*/
}
/*la boite qui slide*/
#contact ul li div{
	width:15px;
	/*height:50px;*/
	/*padding:15px;*/
	padding-top:0px;
	/*background:#7E9199;*/
	overflow:hidden;
	color:#7E9199;
	position:absolute;top:0px;left:0;z-index:50;
	opacity:0;
	margin-top:20px;
	-webkit-transition:1s left,1s width,1s opacity;
		-moz-transition:1s left,1s width,1s opacity;
			-o-transition:1s left,1s width,1s opacity;
			transition:1s left,1s width,1s opacity;
}
#contact ul li:hover div{
	left:182px;
	opacity:1;
	width:276px; 
	/*background:#7E9199;*/
		
}

/*les elements de la boite*/
#contact ul li div h5{
	font-size:1em;
	color: #7E9199;
	text-align:center;
	font-weight: normal;
	font-family: ubuntu, arial, sans-serif;
}
#contact ul li div p{
	text-indent:15px;
	padding-top:15px;
	width:276px;
	overflow:hidden;
	font-size:0.8em;
	font-weight:normal;
	text-align:justify;
}
#contact ul li div p.lien{
	text-align:right;
}
#contact ul li div p.lien a{
	color:#c10;
}