/* CSS Document : auteur Elisabeth Chamontin pour Habiletes.com*/
/* styles generaux*/
body {
background-color: #ffffff;
color:#000000;
}
h1 {
	font-size: 200%;
	color: #ffff33;
	background-color: #666666;
	text-align: center;
}
h2 {
	font-size: 150%;
	color: #ffff33;
	background-color: #666666;
	text-align: left;
}
h3 {
	padding-top: 1px;
	font-size: 120%;
	color: #ffff33;
	background-color: #666666;
	text-align: center;
}
h4 {
	padding-top: 1px;
	font-size: 110%;
	font-weight: bold;
	color: #ffff33;
	background-color: #666666;
	text-align: left;
}
/*bandeau-titre*/
#header {
position: absolute; 
width: 689px; 
height: 75px; 
z-index: 1; 
left: 0;
top: 0;
}
/*zone centrale*/
#zonecentrale a:link {
	color: #ffff00;
	text-decoration: none;
	background-color:#666666;
}
#zonecentrale a:visited {
	color: #ffff00;
	text-decoration: none;
	background-color:#666666;
}
#zonecentrale a:hover {
	color: #666666;
	background-color: #ffff00;
}
#zonecentrale {
	position: absolute;
	top: 102px;
	left: 177px;
	width: 550px;
	height: 391px;
	overflow: scroll;
	padding: 0 10px;
	background-color: #666666;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #ffffff;
	text-align: justify;
}
/*tous les menus de gauche*/
#zonemenu {
position: absolute; 
top: 100px; 
left: 27px; 
width: 130px; 
height: 405px; 
padding: 0;
z-index: 1; 
}
#menu { 
margin: 0;
padding: 0;
font: 70% "Comic Sans MS", Arial, Helvetica, sans-serif;
text-align: right;
list-style-type: none;
}
#menu a:link {
color: #333333;
background-color: #FFFFFF;
text-decoration: none;
}
#menu a:visited {
color: #666666;
background-color: #FFFFFF;
text-decoration: none ;
}
#menu a:hover {
color: #FFFF00;
background-color: #999999;
text-decoration: underline;
}
/* le menu de pied de page */
#footer{
position: absolute; 
border-top: 8px dotted; 
border-color:#666666;
padding-top:10px;
width:570px; 
height:28px; 
z-index:3; 
left:177px; 
top:508px;
font-family:"Comic Sans MS", Arial, sans-serif;
font-size:small;
text-align:center;
}
#footer a:link {
color: #333333;
background-color: transparent;
text-decoration: none;
}
#footer a:visited {
color: #666666;
text-decoration: none ;
}
#footer a:hover {
color: #ffff00;
background-color: #999999;
text-decoration: underline;
}
/* Mise en page spécifique des morales elementaires*/
#tabmorale {
position: absolute;
top: 30px;
left: 90px;
width: 370px;
font-size: 90%;
padding: 4px; 
}
/* Mise en page spécifique des rondeaux*/
/* 1) rondeaux anagrammatiques*/
#tabrondeau {
position: absolute;
top: 30px;
left: 100px;
width: 230px;
padding: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #ffffff;
}
/* 2) rondeaux normaux*/
#tabrondeau2 {
position: absolute;
top: 30px;
left: 20px;
width: 400px;
padding: 0; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
color: #ffffff;
text-align:center;
}
/*classes et styles particuliers (formulaires)*/
.legende{
font-size:70%
}
.exposant {
font-size:75%;
vertical-align: text-top;
}
.allumenu {
color:#000000;
background-color: #ffff00;
}
.italiques {
font-style: italic;
}
.gras {
font-weight: 600;
}
textarea {
border: 3px groove black;
background-color: #ffff99;
color: rgb(51, 51, 51);
}
input {
border: 3px groove black;
background-color: #ffff99;
color: rgb(51, 51, 51);
}