* {
padding:0;
}
body {
	font-family:Arial,sans-serif;
	font-size:11px;
	background-color: #09F;

}

body.section-1 {
	background-image: url(http://www.machin-machin.com/fond.jpg);
	background-color: #09F;
}
body.section-2 {
	

}
body.section-3 {
	background-color: #F2ECE3;
}

body.section-4 {
	background-color: #F90;
}

titre {
	font-size:16px;
	text-transform: uppercase;
	font-weight:bold;
	margin:0 0 12px;
letter-spacing:-0.2px;
}

traduction {
font-size:9px;
}

ul{
		padding-left:0px;
}

ul.section-title{
	
background-color:#666;
		padding:10px;
}

a:link {
	text-decoration:none;
	color:#000
}

a .active {
text-decoration:none;
color:#FFF;
background-color:#000;
}

a:visited {
color:#000000;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#FFF;
background-color:#000;
}

	

a img {
border:medium none;
}

#menu {
bottom:0;
height:100%;
left:0;
overflow:auto;
position:fixed;
top:0;
width:270px;
}

#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 12px;
}
#menu ul li.section-title {
	border-style:solid;
border-width:0 0 3px;
	font-size:16px;
	color:#000;
}

#menu ul li.active a {
	text-decoration:none;
	color:#FFF;
	background-color:#000;
}

#content {
height:100%;
margin:-8px 0 0 245px;

}

.container-page {

background-color:#FFFFFF;
margin:0px 15px 20px 20px;
padding:42px 20px 20px 20px;
width:500px
}

.container-menu {
background-color:#FFFFFF;
margin:0px 20px 20px 20px;
padding:40px 20px 20px 20px;
}

#content p {
	margin-bottom:9px;
	width:500px;
	text-align: justify;
}

p {
margin:0 0 9px;
}

h1 {
font-size:32px;
}
h2 {
font-size:24px;
}
h3 {
font-size:16px;
}
h4 {
font-size:12px;
}
#img-container {
margin:0;
padding:0;
}
#img-container p {
margin:0;
padding:0 0 12px;
width:500px;
font-size:9px;
color:#666
}

.pics {
display:block;
height:450px;
margin:0pt;
overflow:hidden;
padding:0pt;
}

#once {
clear:left;
}