.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: #ffffff;
    font-weight:bold ;
    text-decoration: none;
    white-space:normal;
    position: relative;    
	display:list-item;
}

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




.ddmx .itemrouge,
.ddmx .itemrouge:hover,
.ddmx .itemrouge-active,
.ddmx .itemrouge-active:hover {
    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 {
    background: #811788;
}
.ddmx .itemrouge:hover,
.ddmx .itemrouge-active,
.ddmx .itemrouge-active:hover {
    background: #9d19a6;
}

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


.ddmx .itemvert,
.ddmx .itemvert:hover,
.ddmx .itemvert-active,
.ddmx .itemvert-active:hover {
    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 {
    background: #00a0c6;
}
.ddmx .itemvert:hover,
.ddmx .itemvert-active,
.ddmx .itemvert-active:hover {
    background: #03beea;
}
.ddmx .itemvert img,
.ddmx .itemvert-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemorange,
.ddmx .itemorange:hover,
.ddmx .itemorange-active,
.ddmx .itemorange-active:hover {
    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 {
    background: #f0037f;
}
.ddmx .itemorange:hover,
.ddmx .itemorange-active,
.ddmx .itemorange-active:hover {
    background: #ff1991;
}
.ddmx .itemorange img,
.ddmx .itemorange-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itembleu,
.ddmx .itembleu:hover,
.ddmx .itembleu-active,
.ddmx .itembleu-active:hover {
    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 {
    background: #ff7f00;
}
.ddmx .itembleu:hover,
.ddmx .itembleu-active,
.ddmx .itembleu-active:hover {
    background: #ff8e14;
}
.ddmx .itembleu img,
.ddmx .itembleu-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemjaune,
.ddmx .itemjaune:hover,
.ddmx .itemjaune-active,
.ddmx .itemjaune-active:hover {
    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 {
    background: #00a0c6;
}
.ddmx .itemjaune:hover,
.ddmx .itemjaune-active,
.ddmx .itemjaune-active:hover {
    background: #03beea;
}
.ddmx .itemjaune img,
.ddmx .itemjaune-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itemrose,
.ddmx .itemrose:hover,
.ddmx .itemrose-active,
.ddmx .itemrose-active:hover {
    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 {
    background: #ff7f00;
}
.ddmx .itemrose:hover,
.ddmx .itemrose-active,
.ddmx .itemrose-active:hover {
    background: #ff8e14;
}
.ddmx .itemrose img,
.ddmx .itemrose-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}



.ddmx .itembrique,
.ddmx .itembrique:hover,
.ddmx .itembrique-active,
.ddmx .itembrique-active:hover {
    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 {
    background: #7fc31c;
}
.ddmx .itembrique:hover,
.ddmx .itembrique-active,
.ddmx .itembrique-active:hover {
    background: #8bd420;
}
.ddmx .itembrique img,
.ddmx .itembrique-active img{
    position: absolute;
    top: 4px;
    left: 0px;
    border: 0;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */