@font-face {
    font-family: Minimal;
    src: url(./minimal.otf);
}


body {
	background-color: #F0EEEB;
	font-size:13px;
	font-family: "DejaVu sans",Arial,sans-serif;
}
.container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
}

#page-container {
	background-color: #fdfdfd;
	border: 1px solid #cbc9c7;	
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.114) inset;
	margin: 30px 0;
	padding: 2.25% 4.5%;
}

#logo h1 {
    color: #555555;
    display: inline-block;
    font-family: sans-serif,"DejaVu sans";
    font-size: 52px;
    font-weight: 200;
    margin-bottom: 0.2em;
    margin-top: 0;
}

#menu ul {
    background-color: #F9F9F9;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
}

#menu ul li {
    display: inline-block;
    padding: 22px 25px;
    position: relative;
}

#menu ul li a {
    color: #505050;
    font-size: 1em;
    text-decoration: none;
}

#menu ul li a:hover {
    color: black;
}

.page h1 {
    color: #333333;
    font-family: "DejaVu Sans","Dosis",Arial,Helvetica,Geneva,sans-serif;
    font-size: 28px;
    font-weight: 200;
    line-height: 1.25em;
    margin: 1em 0 1em;
    text-align: center;
}
.page h2 {
    color: #333333;
    font-family: "DejaVu Sans";
    font-size: 20px;
    font-weight: 200;
    line-height: 1.25em;
    margin: 1em 0 1em;
    text-align: center;
}

.page img {
	width:100%;
	height:auto;
	display:block;
}

#menu ul li:hover .sous-menu {
	display:block;
	
}
	
#menu ul li .sous-menu {
	display:none;
	position:absolute;
	border-top:none;
	border-left: #EEEEEE 1px solid;
	border-right: #EEEEEE 1px solid;
        border-bottom: #EEEEEE 1px solid;
}

#menu ul li .sous-menu li {
	padding: 0.5em 1em;
}