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

html, body, form, fieldset {
    margin:0px;
    padding:0px;
}
body {
    background-color: #22316A;
    font-family: "Comic Sans MS";
    font-size: 14px;
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #22316A;
}

#calque2{
    margin: 0px auto;
    padding:0px 0px 0px 0px;
    color:#8AC5FF;
    visibility: visible;
    text-align: center;
}
#calque10 {
	margin: 16px auto;
	width:874px;
	background-color: #ffffe8;
	color: #22316A;
	visibility: visible;
}
#calque11 {
	margin: 16px auto;
	width:874px;
	background-color: #ffffe8;
	color: #393425;
	visibility: visible;
	text-align: left;
}
#calque2 a:hover {
    text-decoration: underline;   
}
.pictbox {
	background-color: #4E84D6;
	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;
}                                                                           
.style3 {
    color :#393425;
    width:90%;
    margin:0px auto;
} 
.style4 {
    background-color :#393425;
	color :#ffffe8;
    width:90%;
    margin:0px auto;
}	
.style15 {
    background-color :#FFFFE8;
	color :#990000;
    width:90%;
    margin:0px auto;
} 
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 :#393425;
    width: 200px;
}
ul.menu li{
    padding:0px 0px 15px 0px;
}
ul.menu a {
    color :#393425;  
}
ul.menu a:hover {
    text-decoration: underline;
}
.menuactive {
    font-weight: normal;
    color: #393425; 
    font-size: 16px;
}