body {
color: #333333; /* couleur de la police  */
font-family: Arial, Helvetica, sans-serif;
/*font-family: Arial, Verdana, Helvetica;*/
font-size: small;
text-align: center;
background-image: url(/images/fond.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #99CCCC; /* couleur d'arriere-plan */
background-attachment: fixed;
}

html { height: 101%}

*{
margin: 0;
padding: 0;
}

/* ==============================
1. Zones DIV
===============================*/

#page {
color: #333333;
background-color: white;
width: 718px;
min-width : 600px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

#zone_bandeau {
background-color: white;
width: 718px;
height: 148px;
}

#zone_menu{
width: 618px !important; /* pas lu par ie */
width: 718px;
text-align: left;
letter-spacing: 1px; /* espacement entre les lettres */
line-height: 1.5em; /* espacement entre les lignes */
background-color: white;
margin-top: 15px;
padding-left: 50px;
padding-right: 50px;
font-size: small;
}

#menu{
margin-top: 5px;
border-top: dotted #333333 2px;
border-bottom: dotted #333333 2px;
}
#menu ul {
}
#menu li {
list-style-type:none;
}
#menu li a {
color: #666666;
text-decoration: none; /* pas de soulignement des liens */
font-weight : bold;
background-image:url(apprendre/rond_apprendre1.jpg);
background-repeat:no-repeat;
background-position: left center;
padding-left: 15px;
height: 100%;
}
#menu li a:hover {
color: #FF6666;
background-image:url(apprendre/rond_apprendre2.jpg);
background-repeat:no-repeat;
}


#zone_centre{
width: 618px !important; /* pas lu par ie */
width: 718px;
background-color: white;
text-align: justify;
margin-top: 20px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 40px;
}
#zone_centre h1{ 
font-size: 140%; 
color: #FFFFFF;
background-color:#DF6FA7;
padding-left: 3px;
}
#zone_centre h2{
font-size: 120%;
color: #FFFFFF;
background-color:#DF6FA7;
padding-left: 3px;
}
#zone_centre a{
	color: #DF6FA7;
	text-decoration:none; /* pas de soulignement des liens */
	font-weight : bold;
}
#zone_centre a:hover{ 
	color: #FF6666;
}

#zone_droite{
float: right;
text-align: left;
width: 357px !important; /* pas lu par ie */
width : 360px; 
padding-top: 3px;
padding-left: 3px;
background-color: yellow;
}

#zone_gauche{
float: left;
text-align: left;
width: 357px !important; /* pas lu par ie */
width : 360px;
padding-top: 3px;
padding-left: 3px;
background-color: green;
}