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

    font: 1px verdana;
    color: #001642;
    font-weight:bold ;
    text-decoration: none;
    position: absolute;    
	display:list-item;
}

.ddmx .section {

    border: 1px solid #337a20;
    position: absolute;
    visibility: hidden;
    z-index: 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: #20988c;
    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: #20988c;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleu {
    background: #20988c;
}
.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: #007807;
    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: #007807;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemjaune {
    background: #007807;
}
.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 .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: #db8e26;
    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: #db8e26;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemorange {
    background: #db8e26;
}
.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 .itembleuf
{
    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 .itembleuf:hover
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #61b3e3;
    font-weight:bold;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleuf-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 .itembleuf-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #61b3e3;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itembleuf {
    background: #61b3e3;
}
.ddmx .itembleuf:hover,
.ddmx .itembleuf-active,
.ddmx .itembleuf-active:hover {
    background: #ffffff;
}

.ddmx .itembleuf img,
.ddmx .itembleuf-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: #ba2782;
    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: #ba2782;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemvert {
    background: #ba2782;
}
.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 .itemviolet
{
    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 .itemviolet:hover
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #684d9c;
    font-weight:bold;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemviolet-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 .itemviolet-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #684d9c;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemviolet {
    background: #684d9c;
}
.ddmx .itemviolet:hover,
.ddmx .itemviolet-active,
.ddmx .itemviolet-active:hover {
    background: #ffffff;
}

.ddmx .itemviolet img,
.ddmx .itemviolet-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: #c09c68;
    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: #c09c68;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrose {
    background: #c09c68;
}
.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 .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: #ae1ca3;
    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: #ae1ca3;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemrouge {
    background: #ae1ca3;
}
.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 .itemkaki
{
    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 .itemkaki:hover
{
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #1a9cac;
    font-weight:bold;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemkaki-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 .itemkaki-active:hover {
    padding: 3px 16px 4px 14px;
    font: 10px verdana;    color: #1a9cac;
    font-weight: ;
    text-decoration: none;
	
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .itemkaki {
    background: #1a9cac;
}
.ddmx .itemkaki:hover,
.ddmx .itemkaki-active,
.ddmx .itemkaki-active:hover {
    background: #ffffff;
}

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


* html .ddmx td { position: relative; } /* ie 5.0 fix */