@font-face {
  font-family: MonospaceTypewriter;
  src: url(fonts/MonospaceTypewriter.ttf);
}

html, body {height: 85%;}

body{ 
margin: 0;
	font-size: 0.8em;
	font-family: MonospaceTypewriter,Helvetica,Verdana,Arial,sans-serif;
	background-position: center 130px;
  background-repeat: no-repeat; 
  color:#588078;
	}
	
#page { position: relative; min-height: 100%;}

#logo  { 
text-align: center; 
font-family:Georgia,Times,serif;
color: #FF6633;
font-weight: bold; 
font-size: 30px; 
margin-top: 100px;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 12px;

 }

/*p#soustitrelogo {
margin-top: 0; 
font-weight: bold;
color: #FF6633;
 }*/

ul, li {margin:0px; padding: 0px; background: transparent;}

ul#menu { text-align: center; margin-left: auto; margin-right: auto;
        padding-top: px; list-style-type: none;  margin-top: 10px; }
        
li { padding: 5px; list-style-type: none; display: inline-block; 
}

/*#image { text-align: center; height: 440px; margin-top: -10px;}*/

a { letter-spacing: 2px; text-decoration: none; 
font-family: MonospaceTypewriter, Helvetica, Verdana, Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.7); 
padding-left: 5px; padding-right: 5px; color: #444; 
}

a:hover {background: #fff; background: rgba(255, 255, 255, 0.4); color:#ff6633; }

#blocphrasaccueil{ width: 100%; margin-top: 320px; /*width: 471px;*/ padding-left: 5px; margin-left: auto; margin-right: auto; }
#blocphrasaccueil p {margin: 0; color: #444; padding-top: 5px; background: #fff; background: rgba(255, 255, 255, 0.7);}

footer {width: 100%; height: 10px;}
p.contact {text-align:center; font-size: 11px; color: #000; letter-spacing: 2px; padding-top: 25px; }