#top {
position:absolute;
left:0px;
top:211px;
width:885px;
height:44px;
padding-left:95px;
text-align:center;
}

#top li, .sous-menu li
{position:absolute;}

#top li, .menu li, .menu-region li, .menu-plus li, .sous-menu li {
list-style-position:outside;
list-style-type:none;
display:inline;
}

#top li a, .sous-menu li a {
display:block;
color:#fff;
height:14px;
padding:15px 0px 15px 0;
margin:0 15px 0px 5px;
font-size:15px;
background-image:url(images/trait.png);
background-repeat:no-repeat;
background-position:right 13px;
}

#top li a:hover, #top li #sans
{background-color:#fff;
margin-left:4px;
}


#m1
{left:206px;
width:170px;
}

#m2
{left:356px;
width:126px;
}

#m3
{left:462px;
width:108px;
}

#m4
{left:550px;
width:121px;
}


#m6
{left:650px;
width:129px;
}

#m7
{left:759px;
width:93px;
}


#m8
{left:138px;
width:90px;
}




.sous-menu
{position:absolute;
left:-1px;
top:252px;
z-index:10;
display:none;
}

.sous-menu li a
{background-position:100px 100px;
padding:3px 20px 3px 3px;
width:201px;
margin:-1px 0 0 1px;
background-color:#fff;
font-size:11px;
font-weight:bold;
text-align:right
}








.tete-1 {
position:absolute;
top:273px;
left:5px;
display:block;
width:170px;
padding:4px 0 4px 8px;
background-color:#666;
color:#fff;
font-weight:bold;
font-size:14px;
z-index:2
}


.menu .tete-cal {
position:absolute;
left:162px;
display:block;
padding:3px;
width:48px;
margin:-17px 0 0 0;
text-align:right;
font-size:11px;
}





.menu, .menu-region , .menu-plus {
position:relative;
top:90px;
width:218px;
margin-top:-1px;
border:1px solid #b23a21;
z-index:10;
}

.menu li a, .menu .titre, .menu-region li a, .menu-plus li a, .menu-region .titre, .menu-plus .titre {
display:block;
color:#b23a21;
padding:3px 0 3px 20px;
font-size:13px;
line-height:12px;
}

.menu li a, .menu-region li a, .menu-plus li a {
width:198px;
}


.menu li a:hover{
background-color:#dfb197;
}

#vert li a:hover{
background-color:#cec9ac;
}

#mauve li a:hover{
background-color:#7a3b4e;
}

#mauve li a:hover{
background-color:#cbb3ba;
}

#turq li a:hover{
background-color:#beccca;
}

#bleu li a:hover{
background-color:#c7c8d9;
}

#jaune li a:hover{
background-color:#ead3a3;
}

#reg li a:hover{
background-color:#99ad91;
}

#gris li a:hover{
background-color:#ccc;
}


.menu .titre, .menu-region  .titre, .menu-plus  .titre {
display:block;
color:#dfb197;
font-size:14px;
font-weight:bold;
background-color:#b23a21;
padding:6px 0 5px 10px;
line-height:13px;

}

.menu #sans-g, .menu-region #sans-g, .menu-plus #sans-g {
background-repeat:no-repeat;
background-position:5px 60%;
font-weight:bold;
}

#vert {
border:1px solid #85823d
}

#vert li a, #vert .titre {
color:#85823d
}

#vert .titre {
background-color:#85823d;
color:#cec9ac;
}

#mauve {
border:1px solid #7a3b4e
}

#mauve li a, #mauve .titre {
color:#7a3b4e
}

#mauve .titre {
background-color:#7a3b4e;
color:#cbb3ba;
}

#turq {
margin-top:10px;
border:1px solid #5d807c
}

#turq li a, #turq .titre {
color:#5d807c
}

#turq .titre {
background-color:#5d807c;
color:#beccca;
}

#bleu {
margin-top:10px;
border:1px solid #7577a0;
}

#bleu li a, #bleu .titre {
color:#7577a0
}

#bleu .titre {
background-color:#7577a0;
color:#c7c8d9;
}

#jaune {
margin-top:10px;
border:1px solid #cc911b
}

#jaune li a, #jaune .titre {
color:#cc911b
}

#jaune .titre {
background-color:#cc911b;
color:#ead3a3;
}



#gris{
margin-top:20px;
border:1px solid #666
}

#gris li a, #gris .titre {
color:#666
}

#gris .titre {
background-color:#666;
color:#ccc;
}






.tete-2 {
position:relative;
top:90px;
left:5px;
margin-top:30px;
display:block;
width:170px;
padding:4px 0 4px 8px;
background-color:#666;
color:#fff;
font-weight:bold;
font-size:14px;
z-index:2
}


.menu-region {
top:90px;
border:1px solid #557749
}

.menu-region li a, .menu-region .titre {
color:#557749
}

.menu-region .titre {
background-color:#557749;
color:#99ad91;
}


.menu-plus{
top:100px;
border:1px solid #599F70
}

.menu-plus li a, .menu-plus.titre {
color:#599F70
}

.menu-plus .titre {
background-color:#599F70;
color:#B5DFC3;
}