body{
background: url(../image/fond.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#global{
width: 830px;
border: 2px solid #6299FF;
margin: 0 auto 0 auto;
background: #FFF;
}
#head{
height: 80px;
background: url(image/fd_header1.jpg) no-repeat;
}
#menu_nav{
height: 25px;
background: url(image/fd_menu1.gif) repeat-x;
text-align:center;
}
#menu_nav a{
color: #336699; font-weight: bold;
}

#menug{
width: 150px;
margin-left: 5px;
float: left;
}
.menu{
width: 147px;
background: url(image/fd_menu.gif) top repeat-x;
border-right: 2px #CCCCCC solid;
border-left: 2px #CCCCCC solid;
color:#FFF;
}
.menu p{
}
.menu ul{
/*margin: 18px 0px 0px 0px;*/
margin: 0px;
padding: 0px;
list-style-image: url(image/puce.gif);
list-style-position:inside;
}
.menu li.clair{
margin: 0px;
padding: 0px;
padding-left: 10px;
background: #e3f5ff;
height: 20px;
}
.menu li.fonce{
margin: 0px;
padding: 0px;
padding-left: 10px;
background: #bfe4ff;
height: 20px;
}
.menu li a{
color: #336699; font-weight: bold;
}
.element{
padding-bottom:15px;
background: url(image/dmz2.jpg) bottom repeat-x;
}
#chemin{
width: 485px;
height: 21px;
border: 1px solid #FFCD2A;
background-color: #FFFED4;
color: #6B6B6B;
margin-bottom: 5px;
margin-right: 5px;
padding-left: 10px;
padding-top: 5px;
float: left;
}
#chemin a{
font-weight: bold;
color: #0078FF;
}
#contenu{
width: 500px;
margin: 0 0 0 5px;
float:left;
}
#contenu .encadre{
display:table;
width: 110px;
height: 130px;
text-align:center;
margin-right: 5px;
margin-bottom: 5px;
border: 1px #CCCCCC solid;
float: left;
}
.encadre p{
vertical-align: bottom;
display:table-cell;
}
.encadre a{
width: 110px;
height: 130px;
color: #0078FF;
vertical-align: bottom;
display:table-cell;
text-decoration: none;
}
.encadre a:hover{
background: #bfe4ff;
}
#menud{
width: 170px;
text-align: center;
float: right;
}