/* CSS du menu vertical, bieler batiste */
/*
body{
    margin-left:15em;
    }*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_gauche {
/*position: absolute;*/
top: 1em;
left: 1em;
/*width: 10em;*/
margin-left: 19px;
/*margin-right: 0;*/
/*font-weight:bold;*/
}

/*
bordeaux : #A80000;
vert clair : #4AF067
vert foncé : #00CC33
vert fond bouton : #009900
vert stylé? : #256A47
*/

#menu_gauche dt {
cursor: pointer;
/*height: auto;
line-height: 20px;*/
margin: 1px 0;
padding:5px 0;
/*border: 2px solid #256A47;
text-align: center;
background: #009900;*//*  #00CC33;*/
/*background : transparent;*/
/*color:#00CC33;*/
}

#menu_gauche dd {
position: absolute;
/*z-index: 0;*/
left: 157px;
margin-top: -42px;
width: 150px;
background:#FFFFFF;
background-position:center;
background-image:url(../images/logogoutteseule_trans.jpg);
background-repeat:no-repeat;
display:none;
border: 1px solid #256A47;
}

#menu_gauche ul {
padding: 2px;
}
#menu_gauche li {
text-align: center;
font-size: 85%;
height: auto;
line-height: 15px;
padding:7px;
font-size:12px;
}

#menu_gauche li a/*, #menu_gauche dt a*/{
color: #AE0000;
text-decoration: none;
display: block;
}

/*
#menu_gauche dt a:hover{
background: #AE0000;
color:#00CC33;
 display:block; 
    }*/


#menu_gauche li a:hover {
text-decoration: underline;
}

#menu_gauche img 
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#menu_gauche a
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}





/*
.menu_gauche{
    position:absolute;
    /* solve a Opera7/IE display bug 
    width:152px;
    width:150px;
    margin:10px;
    padding:5px;
    }
    
.menu_gauche span{
    display:none;
    }

.menu_gauche li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    border-left: 1px #339933 solid ;
    }   
   
.menu_gauche ul{
	margin: 15px;
    padding:0;
	
   	position:absolute; /* important
    width:150px;
    }
    
.menu_gauche li ul{
    visibility:hidden;
    }
            
.menu_gauche li ul{
    margin-left:150px; /* be careful
    margin-top:-24px;
    }
    
.menu_gauche a{
    text-align:center;
    background-color: #00CC33;
    color:#A80000;
	font-weight: bold;
    display:block;
    width:150px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla
    }
    
.menu_gauche a:hover{
    background-color: #4AF067;
    }
    
/* for a mozilla better display with key nav 
.menu_gauche a:focus{
    background-color: #aaf;
}

.menu_gauche span{
    /* hide some accessibility stuff 
    display:none;
    }
 
    
/* IE PC selector 
* html .menu li {
    display:inline; /* solve a IE PC list bug 
    float:none; /* solve a IE5 clav nav bug 
    }

/*    
a.linkOver{
    background-color: #eee;
    }*/