/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* Menu */


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 25px;
left: 30px;
width: 200px;
}

#menu dt {
cursor: pointer;
background: #A9BFCB;
height: 34px;
line-height: 20px;
margin: 0;
text-align: left;
font-weight: bold;
position: relative;

}

#menu dd {
position: absolute;
z-index: 100;
/*left: 12.7em; */
left: 204px;
margin-top: -2.1em;
width: 200px;
background: #EEEEEE;
border: 1px solid gray
}

#menu ul {
padding: 2px;
}

#menu li {
text-align: left;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 20px;
background: #EEEEEE;
border: 1px solid #EEEEEE;

}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: none;
background: #CCCCCC;
}


/* COULEURS SELON LES RUBRIQUES */

#fond1 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu1.gif);
background-repeat: no-repeat;
color: #0085CA;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;

}

#fond4 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu4.gif);
background-repeat: no-repeat;
color: #7A9C14;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;

}

#fond6 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu6.gif);
background-repeat: no-repeat;
color: #F29400;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond7 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu7.gif);
background-repeat: no-repeat;
color: #E61C8A;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond8 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu8.gif);
background-repeat: no-repeat;
color: #EC0906;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond9 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu9.gif);
background-repeat: no-repeat;
color: #92107C;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond10 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu10.gif);
background-repeat: no-repeat;
color: #152982;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond11 {
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu11.gif);
background-repeat: no-repeat;
color: #754C20;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#fond12{
width: 205px;
height: 34px;
background: url(../squelettes/mes_img/menu12.gif);
background-repeat: no-repeat;
color: #971419;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: 13px;
cursor:pointer;
}

#menu dd.dd1 {
border: 1px solid #0085CA;
}
#menu dd.dd4 {
border: 1px solid #7A9C14;
} 
#menu dd.dd6 {
border: 1px solid #F29400;
} 
#menu dd.dd7 {
border: 1px solid #E61C8A;
} 
#menu dd.dd8 {
border: 1px solid #EC0906;
} 
#menu dd.dd9 {
border: 1px solid #92107C;
} 
#menu dd.dd10 {
border: 1px solid #152982;
} 
#menu dd.dd11 {
border: 1px solid #754C20;
} 
#menu dd.dd12 {
border: 1px solid #971419;
} 


#menu ul.item1 li a { 
    color: #0085CA;
} 
#menu ul.item4 li a { 
    color: #7A9C14;
} 
#menu ul.item6 li a { 
    color: #F29400;
} 
#menu ul.item7 li a { 
    color: #E61C8A;
} 
#menu ul.item8 li a { 
    color: #EC0906;
} 
#menu ul.item9 li a { 
    color: #92107C;
} 
#menu ul.item10 li a { 
    color: #152982;
} 
#menu ul.item11 li a { 
    color: #754C20;
} 
#menu ul.item12 li a { 
    color: #971419;
}