body{
	font-size : 12px;
	font-family : "Lucia Grande", Arial, sans-serif;
	margin : 10px;
	width: 99%;
}
/* Partie principale de la page */
#main{
	width : 825px;
	float : left;
	overflow : auto;
}

#menu{
	background-color : #CCFF99;
	border : 2px solid #006600;	
}

#download{
	background-color : #CCFF99;
	border : 2px solid #006600;	
	display : none;
	text-align : center;
}


/* Affichage du pedigree */
#contenu{
	overflow : auto;
	border : 2px solid #006600;	
}

/* Partie à droite du contenu */
#box{
	float : left;
	width : 340px;
	overflow : auto;
	margin-left : 20px;
}

.case{
	background-color : #CCFF99;
	border : 2px solid #006600;	
	padding : 5px;
}


/* Affichage du message */
#message{
	font-weight : bold;
	font-size : 12px;
}

.error{
	background-color : #FFCCCC;
	border : 2px solid #D70000;
	color : #D70000;
}

.success{
	background-color : #99CCFF;
	border : 2px solid #003399;
	color : #003399;
}

.avertissment{
	background-color : #FFFFCC;
	border : 2px solid #FF9933;
	color : #FF9933;
}

.retrait{
	margin-left : 10px;
}

.etoile{
	color : #FF0000;
	font-weight : bold;
}

/* Paramètres d'affichage */

div{
	margin-top : 5px;
	margin-bottom : 5px;
	padding : 2px;
}

input, select {
	border : 1px solid #006600;
}

a img{
	border : 1px solid #000;
}

a {
	color : #006600;
	text-decoration : none;
	font-weight : bold;
	font-size : 12px;
}

a:hover {
	color:#000;
}

p{
	padding-left : 10px;
}

h3{
	padding-left : 10px;
}

h2{
	padding-left : 10px;
}