* {
margin:0;
padding:0;
}
html, body {
background-color:#fff;
font-family:verdana;
font-size:90%;
}
 
p, ul, li, td {
//color:#000;
font-family:verdana;
font-size:100%;
list-style-image:url(image/carre-puce.png);
margin-top:10px;
padding-left:23px;
}

li {
padding-left:10px;
}

h3 {
	font-style: italic ;
	font-weight : normal ;
}
h2
{
	text-align: center;
	font-size : 200%;
	font-style: normal;
	font-weight : normal ;
	color:#800080;
}

a:link {
	color:#9900CC;
	text-decoration:none;
}
a:visited {
	color:#9900CC;
	text-decoration:none;
}
a:hover {
	color:#9900CC;
	text-decoration:none;
}


#carre_haut
{
    margin-left: auto;
    margin-right: auto;
	margin-top: -30px;
	background:white;
	width:50px;
	height:50px;
	background-image:url("image/carre.png");
}

#racine
{
    margin-left: auto;
    margin-right: auto;
	background:white;
	margin-top: 40px;
	width:787px;
	height:450px;
	border:#9900CC solid 10px;
}

#carre_bas
{
    margin-left: auto;
    margin-right: auto;
	margin-top: -30px;
	background:white;
	width:50px;
	height:50px;
	background-image:url("image/carre.png");
}

#menu
{
	clear:both;
	margin-top: 10px;
	margin-left: 20px;
	background-color: #CCCCE6;
	width:150px;
	height:250px;
	padding-top:10px;
}

#contenu
{
	margin-top: -250px;
	margin-left:200px;
	height:340px;
	overflow:auto;
	padding-right:25px;
	text-align: justify;
}

#titre
{
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	height:30px;
	font-size : 200%;
	text-align: center;
	color:#800080;
}
/* couleur bord : 9900CC*/
/* couleur fond menu : CCCCE6 */