body {
font-size:0.9em;
margin:20px auto 20px;
text-align:left;
width:780px;
}

* {
/*background:transparent none repeat scroll 0%;*/
font-family:Verdana,Arial,sans-serif;
margin:0pt;
padding:0pt;
}

#page {
position:relative;
}

 .pusher {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
  margin:0;
  padding:0;
}

/* EN TETE*/
#entete{
height:64px;
margin:0;
padding:0 20px 0 20px;
}

#entete h1{
float:left;
width:165px;
height:64px;
}

#entete h2{
float:right;
}

/*MENU GAUCHE*/

#menu{
position:relative;
left: 20px;
float:left;
width:90px;
margin:25px 50px 0 0;
padding:0;
}

p.menu_haut{
height:5px;
margin:0;
padding:0;
}

p.menu_bas{
background: transparent url(../images/menu_bas.gif) no-repeat left top;
height:5px;
margin:0;
padding:0;
}

#menu ul{
padding:0;
margin:0;
background: transparent url(../images/fd_menu.gif) repeat-y left top;
}

#menu ul li{
width:80px;
height:80px;
list-style-image:none;
list-style-type:none;
margin:0 0 0 5px;
padding:0;
}

#menu ul li a{
text-decoration:none;
display:block;
width:80px;
height:80px;
margin:0;
padding:0;
}

/*#menu ul li a span, #menu ul li.voir_actif span, #menu ul li.parcours_actif span, #menu ul li.formation_actif span, #menu ul li.competence_actif span{
pour masquer le texte du lien methode2 (problèmes de marges dans IE6)
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}*/



#menu ul li.parcours a{
background: transparent url(../images/menu_parcours2.gif) no-repeat 0 0;
}

#menu ul li.formation a{
background: transparent url(../images/menu_formation2.gif) no-repeat 0 0;
}

#menu ul li.voir a{
background: transparent url(../images/menu_voir2.gif) no-repeat 0 0;
}

#menu ul li.competence a{
background: transparent url(../images/menu_competence2.gif) no-repeat 0 0;
}

#menu ul li.parcours a:hover, #menu ul li.parcours_actif{
background: transparent url(../images/menu_parcours2.gif) no-repeat 0 -80px;
}

#menu ul li.formation a:hover, #menu ul li.formation_actif{
background: transparent url(../images/menu_formation2.gif) no-repeat 0 -80px;
}

#menu ul li.voir a:hover,#menu ul li.voir_actif{
background: transparent url(../images/menu_voir2.gif) no-repeat 0 -80px;
}

#menu ul li.competence a:hover, #menu ul li.competence_actif{
background: transparent url(../images/menu_competence2.gif) no-repeat 0 -80px;
}

/*CONTENU*/

#contenu{
float:left;
margin:20px 0 0 0;
padding:0 20px 0 0;
width:600px;
}

h3{
font-size:1.1em;
font-weight:bold;
margin:0 0 0.2em 0;
padding:0;
}

h3 span{
font-size:0.8em; 
}

h4{
font-size:1em;
font-weight:bold;
margin:0 0 0.1em 0;
}

#contenu a{
text-decoration:none;
}

#contenu a:hover{
text-decoration:underline;
}

#contenu p.chapo{
margin:0 0 0.4em 0;
}

#contenu ul{
margin:0 0 0.4em 0;
}

#contenu ul li{
list-style-image:none;
list-style-type:none;
padding:0 0 0 8px;
margin:0 0 1px 0;
}

/*PIED DE PAGE*/

#pied{
height:27px;
margin:20px 0 0 0;
padding:0;
}

.pied_frise{
float:left;
width:400px;
height:27px;
padding:0;
margin:0;
}

#pied .outils{
font-size:0.8em;
text-align:right;
height:27px;
padding:7px 20px 0 0;
margin:0;
}

#pied .outils p{
display:inline;
}

#pied a{
font-weight:bold;
text-decoration:none;
}

#pied a:hover{
font-weight:bold;
text-decoration:underline;
}