/* CSS Document */
body {
color:#000000;
margin: 0;
padding: 0;
border: 0;
font-family:"Times New Roman", Times, serif;
color:#000000;
}

#ecoledart {
position:relative;
width: 800px;
height:auto;
margin: 0 auto;
}

a {
color:#333333;
}

a:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
}

h3 {
color:#E6002B;
font-weight:lighter;
}

h4 {
color:#000;
border-bottom:1px solid gray;
}

h5 {
color:#666666;
font-weight:bolder;
font-size:larger;
}

p {
text-align:justify;
}

/*---------MENU SOMMAIRE--------*/
#bl {
position:relative;
top:0;
left:0;
}


ul.menu {
position:fixed;
margin:30px 0 0 0;
width:190px;
}

ul.menu li {
border-bottom:1px solid black;
padding-bottom:3px;
padding-left:15px;
list-style-type:none;
margin-bottom:15px;
}

ul.menu li#id1 {
background-image:url(images/puce-1.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.menu li#id2 {
background-image:url(images/puce-2.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.menu li#id3 {
background-image:url(images/puce-3.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.menu li#id4 {
background-image:url(images/puce-4.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.menu li#current	{
background-image:url(images/puce-c.gif);
background-color:#F2F2F2;
background-position: center left;
background-repeat: no-repeat;
}

li a {
color:#000000;
text-decoration:none;
margin-left:10px;
}

li a:hover {
font-weight:bolder;
}

/*---------BLOCS--------*/

div#contenu {
position:absolute;
top:170px;
left:230px;
width:600px;
border-left:1px solid gray;
padding:10px;
}


/*---------IMAGES--------*/

img#floatRight {
float:right;
margin: 0 15px 0 15px;
border:1px solid black;
}

img#floatLeft {
float:left;
margin: 0 20px 0 0;
}

/*---------TABLEAU--------*/
th {
font-size:smaller;
border-bottom:3px solid #DFDFDF;
border-right:3px solid #DFDFDF;
}

td {
text-align:center;
border-bottom:1px solid gray;
border-right:1px solid gray;
}