html {
    height: 100%;
    overflow: -moz-scrollbars-vertical;
}

html, body, form, fieldset {
    margin:0px;
    padding:0px;
}
body {
    background-color: #4B2331;
    font-family: "Comic Sans MS";
    font-size: 14px;
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #FFFFC4;
}
#calque1 {
    margin: 16px auto;
    width:874px;
    background-color: #ffffc4;
    color: #4B2331;
    visibility: visible;
}
#calque2{
    margin: 0px auto;
    padding:0px 0px 0px 0px;
    color:#FFFFC4;
    visibility: visible;
    text-align: center;
}
#calque10 {
	margin: 16px auto;
	width:874px;
	background-color: #ffffe8;
	color: #AED350;
	visibility: visible;
}
#calque2 a:hover {
    text-decoration: underline;   
}
.pictbox {
	background-color: #8F8BA1;
	width:180px;
	height:240px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
}
.style1 {
    background-color :#8F8BA1;
    color:#FFFFC4;
}
.style2 {
    color :#4B2331;
    width:90%;
    margin:0px auto;
    text-align: center;
}                                                                           

ul.menu {
    margin:0px;
    padding:120px 4px 4px 10px;
    text-decoration:none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    color :#4B2331;
    width: 200px;
}
ul.menu li{
    padding:0px 0px 15px 0px;
}
ul.menu a {
    color :#FFFFC4;  
}
ul.menu a:hover {
    text-decoration: underline;
}
.menuactive {
    font-weight: normal;
    color: #4B2331; 
    font-size: 16px;
}
ul.menu2 {
    margin:0px;
    padding:120px 4px 4px 10px;
    text-decoration:none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    color :#393425;
    width: 200px;
}
ul.menu2 li{
    padding:0px 0px 15px 0px;
}
ul.menu2 a {
    color :#393425;  
}
ul.menu2 a:hover {
    text-decoration: underline;
}
.menu2active {
    font-weight: normal;
    color: #393425; 
    font-size: 16px;
}