/* Feuille de style principale de Oisans Accueil */
/* echavanon / Neptune I.S. */

body{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
    margin:0;
    padding:0;
    }

#global{
    position: absolute;
    width: 750px;
    left: 50%;
    margin-left: -375px;
    border-right:1px solid #E2E1CC;
    }

/* ------------------------------ divers génériques -------------------------- */
acronym{
    cursor: help;
    border-bottom:1px dashed gray;
    }

.clr{
    clear:both;
    }

div{
    border:none;
    }

img.titre,
dd, dt, dl{
    padding:0;
    margin:0;
    }

h1{font-size:16px; }

h2{font-size:14px; }

h3{font-size:13px; }

.credits{
    text-align:center;
}
.credits, .credits a, .credits a:visited, .credits a:link, .credits a:hover{
    color:gray;
    font-style:italic;
}

/* --------------------------------- liens ----------------------------------- */

a{
    text-decoration:none;
    }

a:link, a:visited{
    color:#007529;
    }

a:hover{
    color:#FF0808;
    }
#contenu a:link,#contenu a:visited{
    text-decoration:underline;
    }

#contenu a:hover{
    text-decoration:none;
    }

/* --------------------------------- banniere -------------------------------- */
#banniere{
    height:105px;
    width:750px;
    background:url(banniere.jpg) no-repeat top left;
    }

/* -------------------------------- Actions du haut -------------------------- */

ul.actions{
    position:absolute;
    margin:94px 0px 0px 613px; /* calcul pour IE */
    }

ul.actions li {
    float: left;
	list-style: none;
    margin:0 1px;
    }

ul.actions a {
    display: block;
    white-space:nowrap;
    text-align: center;
    text-decoration: none;
    font-size:10px;
    font-style:italic;
    font-weight:bold;
    padding:0 1em 0.1em 1em;
    }

ul.actions a:link, ul.actions a:visited{
    color: #ffeeee;
	background: #FF0808;    
    }

ul.actions a:hover{
    color: #FF0808;
	background: #FFEEEE;   
    }
    
/* -------------------------------- menu ------------------------------------- */
#menu {
    width:160px;
    float:left;
    }

#menu dd{
    margin-left:9px;
    background-color:#B8E3AB;
}

#menu a{
    background-color:#B8E3AB;
    display:block;
    margin-left:9px;
    padding:1em;
    font-size:0.9em;
    border-bottom:2px solid #98D38F;
    }

#menu dd.cartes dl dt{
    background:url(s_cartes.gif) no-repeat center left;
    margin-left:10px;
    }
#menu dd.sentiers dl dt{
    background:url(s_sentiers.gif) no-repeat center left;
    margin-left:10px;
    }

#menu dd.admin dl dt{
    background:url(s_admin.gif) no-repeat center left;
    margin-left:10px;
    }

#menu dd.admin dl dt a.deconnect{
    color:#606060;
    background:url(fleche.gif) no-repeat 90px center;
    }

#menu dd.admin dl dt a.deconnect:hover{
    background:#ffe0e0 url(fleche.gif) no-repeat 90px center;
    }
 

#menu dt.accueil {background:url(carre_accueil.gif) no-repeat left 10px;}
#menu dt.oisans {background:url(carre_oisans.gif) no-repeat left 10px;}
#menu dt.cartes {background:url(carre_cartes.gif) no-repeat left 10px;}
#menu dt.liens {background:url(carre_liens.gif) no-repeat left 10px;}
#menu dt.sentiers {background:url(carre_sentiers.gif) no-repeat left 10px;}
#menu dt.asso {background:url(carre_asso.gif) no-repeat left 10px;}
#menu dt.admin {background:url(carre_admin.gif) no-repeat left 10px;}

#menu dt.accueil a {background:#B8E3AB url(carre_accueil.gif) no-repeat -10px 10px;}
#menu dt.oisans a {background:#B8E3AB url(carre_oisans.gif) no-repeat -10px 10px;}
#menu dt.cartes a {background:#B8E3AB url(carre_cartes.gif) no-repeat -10px 10px;}
#menu dt.liens a {background:#B8E3AB url(carre_liens.gif) no-repeat -10px 10px;}
#menu dt.sentiers a {background:#B8E3AB url(carre_sentiers.gif) no-repeat -10px 10px;}
#menu dt.asso a {background:#B8E3AB url(carre_asso.gif) no-repeat -10px 10px;}
#menu dt.admin a {background:#B8E3AB url(carre_admin.gif) no-repeat -10px 10px;}

#menu dt.accueil a:hover,
#menu dt.oisans a:hover,
#menu dt.cartes a:hover,
#menu dt.liens a:hover,
#menu dt.sentiers a:hover,
#menu dt.asso a:hover,
#menu a:hover,
#menu dt.selected a{
    background-color:#E7F6E1;
    }

/* --------------------------------- contenu --------------------------------- */
#contenu
    {
    padding:0;
    background:url(right.gif) no-repeat top right;
    margin-left:161px;
    width:586px; /*calcul pour IE - The IE Three Pixel Text-Jog */
    text-align:justify;
    }

/* ------------------------- pour FF :-D ------------------------------------- */
#global > #contenu {
  width: 589px;
}

#banniere > ul.actions {
    margin:94px 0px 0px 580px;    
    }
    
.gray{
    color:gray;
}

a img{
    border:none;
}