#site
{
width : 1000px;
margin : auto;
}

a
{
color : #bc862f;
}

p
{
font-family : arial;
font-size : 12px;
color : #555;
}

h2
{
font-family : Segoe Print, arial;
font-size : 16px;
color : #e5b15d;
}

h3
{
font-family : Segoe Print,arial;
font-size : 14px;
color : #8e9e24;
}

#contenu
{
margin-top : 20px;
background-image : url("images/fond-contenu.png");
background-repeat : no-repeat ;

}

#main
{
padding-top : 50px;
margin-left : 243px;
min-height : 450px;
}

#entete
{
width : 1000px;
height : 170px;
}

#menu, #menu ul    
{
	padding : 0; 
	margin : 0; 
	list-style : none; 
	line-height : 30px; 
	text-align : center;
	background : #cfedad;
}

#menu, #menu ul li ul
{
	background : none;
}

#menu 
{
	font-family : arial, helvetica, verdana, sherif;
	font-size : 12px; 
	padding : 0;
	width : 1000px;
	height : 35px;
	}

#menu a 
{
	display : block; 
	color : #53744e;
	text-decoration : none; 
	width : 125px;
	height : 35px;
	padding-top : 3px;
	font-weight : bold;
}

#menu a:hover  
{
	background-color : #e8f7d7;
	color : #608436;
}

#menu li  
{
	float : left;
	margin:0;
	padding : 0;
}

#menu ul
{
	padding : 0;
	height : 38px;
	width : 1000px;
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* �l�ments de sous-listes */
{
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous liste */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque �l�ment */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-left     : 1px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu ul li ul li
{
background-image : url("images/fond-menu.png");
}

#menu ul li ul li a:hover
{
background : #cfedad;
}


#left
{
float : left;
margin-right : 30px;
height : 100%;
}
#box1
{
	background-image : url("images/fondbox1.png");	
	height : 157px;
	width : 189px;
	margin-left : 25px;
	margin-top : 19px;
}

#box1 p
{
	color : white;
	padding-top : 50px;
	padding-left : 10px;
	padding-right : 10px;
}

#box2
{
	background-image : url("images/fondbox2.jpg");	
	height : 157px;
	width : 189px;
	margin-left : 25px;
	margin-top : 20px;
}

#box2 img
{
	color : white;
	padding-top : 40px;
	padding-left : 50px;
	padding-right : 10px;
}

#box2 p
{
	color : white;
	margin-top : 7px;	
	padding-left : 45px;
}
#box3
{
	margin-top : 30px;
	margin-left : -15px;
}

#box3 ul
{
	pading-top : 10px;
}

#box3 li
{
	background : #8e9f1f;	
	height : 30px;
	width : 186px;
	list-style-type : none;
	text-align : center;
	margin-top : 5px;
	padding-top : 5px;
}

#box3 li:hover
{
	background : #d1db90;	
	color : #8e9f1f;
	height : 30px;
	width : 186px;
	list-style-type : none;
	text-align : center;
	margin-top : 5px;
}

#box3 a
{
	text-decoration : none;
	color : white;
	font-size : 14px;
	font-family : Arial;
}

dl
{
font-family : arial;
font-size : 12px;
}

dt
{
font-size : 13px;
color : green;
margin-top : 20px;
font-weight : bold;
}

.histo img 
{
width : 70px;
}

.actus dt
{
    margin-bottom: 20px;
}

#left dl
{
    float : left;
    list-style-type: none;
    text-align : center;
    padding-right: 45px;
}

#left dd
{
    padding: 0;
    list-style-type: none;
    margin: 0 0 0 0;
}

#left dt
{
    background-color: #e3ffe0;
    height : 20px;
    font-size: 11px;
    padding-top : 5px;
    color : #5c3e14;
}

#bas
{
    font-family : arial;
    font-size: 12px;
    color : #999;
    text-align : center;
    border-top : 1px dotted #999;
    width : 1000px;
    margin-top : 50px;
}