/****************** 
 * menu de gauche * 
 ******************/

.open {
	display: block;
	}
.closed {
	display: none;
	}
        
li img {
	vertical-align: middle;
	}


#navcontainer { 
	margin-left: 0px; 
	font-size: 10px;
	vertical-align: top;
	}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { 
margin: 0 0 0px 0; 
_margin: -5px 0 -5px 0; 
}

#navcontainer a
{
display: block;
padding: 5px 10px;
_padding: 5px 5px 10px 10px;
width: 140px;
color: #ffffff;
background-color: #b37d00;
text-decoration: none;
}

#navcontainer a:hover
{
color: #b37d00;
background-color: #ffecbf;
text-decoration: none;
}

#navcontainer ul ul li {
 margin: 0 0 0px 0; 
 _margin: -5px 0 -5px 0; 
 }

#navcontainer ul ul a
{
display: block;
padding: 2px 5px 2px 25px;
_padding: 2px 10px 2px 20px;
width: 130px;
_width: 140px;
color: #ffffff;
background-color: #DDA012;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #b37d00;
background-color: #ffecbf;
text-decoration: none;
}

#navcontainer ul ul ul li {
 margin: 0 0 0px 0; 
 _margin: -5px 0 -5px 0; 
 }

#navcontainer ul ul ul a
{
display: block;
padding: 2px 5px 2px 45px;
_padding: 2px 5px 2px 30px;
width: 110px;
_width: 140px;
color: #b37d00;
background-color: #ffd080;
text-decoration: none;
}

#navcontainer ul ul ul a:hover
{
color: #b37d00;
background-color: #ffecbf;
text-decoration: none;
}

#navcontainer ul ul ul ul li {
 margin: 0 0 0px 0; 
 _margin: -5px 0 -5px 0; 
 }

#navcontainer ul ul ul ul a
{
display: block;
padding: 2px 5px 2px 65px;
_padding: 2px 5px 2px 40px;
width: 90px;
_width: 140px;
color: #b37d00;
background-color: #F8DFB5;
text-decoration: none;
}

#navcontainer ul ul ul ul a:hover
{
color: #b37d00;
background-color: #ffecbf;
text-decoration: none;
}

/****************** 
 *     body       * 
 ******************/

body {
	background-color: #ffffff;	
/*	background-color: #ffecbf;	*/
/*	background-color: #DDA012;	*/
}




/****************** 
 * texte et titre * 
 ******************/
#texte {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        12px;
    color:            #663300;
    background:       #ffffff;
    text-align:       justify;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none;
    vertical-align:   top
    }

#texteCentre {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        12px;
    color:            #663300;
    background:       #ffffff;
    text-align:       justify;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none;
    vertical-align:   center
    }


#titre {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        20px;
    font-weight:      bolder;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none
    }

#titre1 {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        16px;
    font-weight:      bolder;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none
    }

#titre2 {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        14px;
    font-weight:      bolder;
    font-style:       italic;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none
    }

#titreEntree {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        40px;
    font-weight:      bolder;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none
    }

#pied {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        14px;
    font-weight:      bolder;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none;
    vertical-align:   top
    }

#legende {
    font-family:      Verdena, Arial, Helvetica, sans-serif;
    font-size:        12px;
    font-weight:      bolder;
    font-style:       italic;
    color:            #663300;
    background:       #ffffff;
    text-align:       center;
    border-color:     #FFFFFF #FFFFFF black black;
    text-decoration:  none
    }

#bouton
{
    	font-family:      Verdena, Arial, Helvetica, sans-serif;
	font-size: 16px;
    	font-weight:      bolder;
	display: block;
	padding: 5px 20px;
	_padding: 5px 20px 5px 20px;
	color: #b37d00;
	background-color: #ffd080;
	text-decoration: none;
  	text-align:       center;
}

#lien
{
    	font-family:      Verdena, Arial, Helvetica, sans-serif;
	font-size:	  12px;
    	font-weight:      bolder;
        color:            #663300;
	background-color: #ffd080;
	text-decoration:  none;
}