.ddmx {
    font: 10px verdana;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 0px 0px 0px 0px;

    font: 1px verdana;
    color: #8ec4dc;
    font-weight:bold ;
    text-decoration: none;
    white-space:normal;
    position: relative;    
	display:list-item;
}

.ddmx .section {
    border: 1px solid #42a636;
    position: absolute;
    visibility: hidden;
    z-index: 0;
}




.ddmx .itemrouge
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrouge:hover
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #86b2d9;
    font-weight:bold;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrouge-active
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrouge-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #86b2d9;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrouge {
    background: #86b2d9;
}
.ddmx .itemrouge:hover,
.ddmx .itemrouge-active,
.ddmx .itemrouge-active:hover {
    background: #ffffff;
}

.ddmx .itemrouge img,
.ddmx .itemrouge-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}


.ddmx .itemvert{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemvert:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0171a8;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemvert-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemvert-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0171a8;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemvert {
    background: #0171a8;
}
.ddmx .itemvert:hover,
.ddmx .itemvert-active,
.ddmx .itemvert-active:hover {
    background: #ffffff;
}
.ddmx .itemvert img,
.ddmx .itemvert-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemorange{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemorange:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #016ea3;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemorange-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemorange-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #016ea3;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemorange {
    background: #016ea3;
}
.ddmx .itemorange:hover,
.ddmx .itemorange-active,
.ddmx .itemorange-active:hover {
    background: #ffffff;
}
.ddmx .itemorange img,
.ddmx .itemorange-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itembleu{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleu:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #026494;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleu-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleu-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #026494;
    font-weight:bold;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleu {
    background: #026494;
}
.ddmx .itembleu:hover,
.ddmx .itembleu-active,
.ddmx .itembleu-active:hover {
    background: #ffffff;
}
.ddmx .itembleu img,
.ddmx .itembleu-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemjaune{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemjaune:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0175ae;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemjaune-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemjaune-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0175ae;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemjaune {
    background: #0175ae;
}
.ddmx .itemjaune:hover,
.ddmx .itemjaune-active,
.ddmx .itemjaune-active:hover {
    background: #ffffff;
}
.ddmx .itemjaune img,
.ddmx .itemjaune-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemrose{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrose:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #027bb7;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrose-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrose-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #027bb7;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrose {
    background: #027bb7;
}
.ddmx .itemrose:hover,
.ddmx .itemrose-active,
.ddmx .itemrose-active:hover {
    background: #ffffff;
}
.ddmx .itemrose img,
.ddmx .itemrose-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itembrique{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembrique:hover{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0282c1;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembrique-active{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #ffffff;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembrique-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #0282c1;
    font-weight:bold ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembrique {
    background: #0282c1;
}
.ddmx .itembrique:hover,
.ddmx .itembrique-active,
.ddmx .itembrique-active:hover {
    background: #ffffff;
}
.ddmx .itembrique img,
.ddmx .itembrique-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */