BODY{
background-color:#336633;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
text-align: center;
}

#container {
position:relative;
margin:0px auto;
overflow:hidden;
/*border:#00FF00 solid 1px;*/
width:980px;
background:url(images/fond.jpg) no-repeat;
}

#menu_principal{
z-index:10;
/*border:#FF0000 solid 1px;*/
padding-top:140px;
margin-right:16px;
text-align:right;
float:left;
width:160px;
height:350px;
}

#menu_principal a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	line-height:18px;
}

#menu_principal a:hover{
	color:#336633;
	font-weight:bold;
}

#centre{
	/*border:#0033CC solid 1px;*/
	float:left;
	width:804px;
}

#top_contenu{
	/*border:red 1px solid;*/
	float:left;
	margin-top:75px;
	width:804px;
	height:30px;
	background-image:url(images/top_contenu.gif);
}

#contenu{
	/*border:#FF0000 solid 1px;*/
	float:left;
	background-image:url(images/bg_centre.gif);
	background-repeat:repeat-y;
	width:804px;
}

#texte{
	/*border:1px solid #999999;*/
	padding-left:15px;
	padding-right:15px;
	text-align:left;
}

#bottom_contenu{
	float:left;
	/*border:red 1px solid;*/
	width:804px;
	height:50px;
	background-image:url(images/bottom_contenu.gif);
	background-color:#97cf8a;
}







/*-----------------------MENU --------------------------*/
.menu{
    /* solve a Opera7/IE display bug */
    width:152px;
    width/**/:150px;
    margin:0;
    padding:0;
	z-index:10;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
	!margin-left:0px;
    }
	
.menu li ul li a{
    text-align:left;
	background-color: #fad63a;
	padding-left:15px;
    }
    
.menu a{
    text-align:right;
    color:#000;
    text-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 */
    }
    
    
/* for a mozilla better display with key nav */

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
 

/* --------------------------------------------- */

.texte
{
color: #000000;
font-size: 12;
font-family:Arial;
text-decoration:none;
font-weight:none;
line-height:16px;
}

.textevertb
{
color: #336633;
font-size: 13;
font-family:Arial;
text-decoration:none;
font-weight:bold;
line-height:16px;
}

.textevert
{
color: #336633;
font-size: 13;
font-family:Arial;
text-decoration:none;
font-weight:none;
line-height:16px;
}

.textevert a
{
color: #336633;
font-size: 13;
font-family:Arial;
text-decoration:underline;
font-weight:none;
line-height:16px;
}

.textegras1
{
color: #336633;
font-size: 15;
font-family:Arial;
text-decoration:none;
font-weight:bold;
line-height:16px;
}

.titre
{
color: #000000;
font-size: 18;
font-family:Arial;
text-decoration:none;
font-weight:none;
line-height:18px;
}

.border 
{
border: solid #336633;
border-width: 1
}

.promo
{
color: RED;
font-size: 18;
font-family:Arial;
text-decoration:none;
font-weight:none;
line-height:18px;
}