body {
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin: 0;
padding: 0;
background-color: #99CCFF;
}

body#accueil a#accueilnav,
body#guide a#guidenav,
body#rando a#randonav,
body#groupes a#groupesnav,
body#tarifs a#tarifsnav,
body#liens a#liensnav,
body#diapo a#diaponav,
body#galerie a#galerienav,
body#contact a#contactnav
{
   color: #FFFF99;

   
  }
  
#conteneur {
background-image:url(../images/fond.jpg);
background-repeat:no-repeat;
width:990px;
margin:0 auto;
}
#conteneur-guide {
background-image:url(../images/fond-guide.jpg);
background-repeat:no-repeat;
width:990px;
margin:0 auto;
}
#conteneur-rando {
background-image:url(../images/fond-rando.jpg);
background-repeat:no-repeat;
width:990px;
margin:0 auto;
}
#conteneur-liens {
background-image:url(../images/fond-liens.jpg);
background-repeat:no-repeat;
width:990px;
margin:0 auto;
}
#header {
height: 221px;
margin: 10px 0 0 20px;
}

#haut {
margin:10px 0 0 30px;
height: 40px;
}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 10px;
color: #FFF;
text-decoration: none;
}
#menuhaut a:hover {
color:#FFFF33;
text-decoration: underline;
}

#espaceInfos {
color:#003399;
text-align:center;
margin:20px 200px 0 0;
height:30px;
}
#espaceInfos a {
color: #000066;
text-decoration: none;
cursor:inherit;
}
#espaceInfos a:hover {
color: #000066;
text-decoration: none;
}
#centreTexte {
color: #003366;
margin: 20px 300px 0 170px;
min-height: 260px; /* Voir hack ci-dessous*/
}

* html #centreTexte {
height: 260px; /* hack uniquement interprété par IE Win+Mac*/
}

#gaucheGuide {
background-color:#6699CC;
margin:20px 0 0 8px;
padding:10px;
float:left;
width: 185px;
border:1px solid #fff;
font-family: Arial, Helvetica, sans-serif;
color:#FFF;
}
#gaucheGuide P{
text-align:justify;
font-size:.9em;
}
#gaucheGuide UL{
margin:0;
padding:0;
}
#gaucheGuide OL{
margin:0;
padding:0;
}
#gaucheGuide li{
font-family: Arial, Helvetica, sans-serif;
font-size: .80em;
margin-left:10px;
}
#centreGuide {
color: #003366;
margin: 20px 300px 0 240px;
min-height: 260px; /* Voir hack ci-dessous*/
}

* html #centreGuide {
height: 260px; /* hack uniquement interprété par IE Win+Mac*/
}

#centreGuide, .Niveaux IMG {
padding-right:10px;
}


#gaucheRando {
float:left;
width: 200px;
}
.Niveaux {
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
border:1px solid #fff;
}
.Niveaux P {
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
}
.Niveaux OL{
margin:0;
padding:0;
}
#droiteRando {
float:right;
width: 235px;
margin-right:10px;
background-color:#3798FA;
padding:10px;
border:1px solid #fff;
color:#FFF;

}

#centreRando {
text-align:center;
color: #003366;
margin: 20px 300px 0 240px;
}
#centreRando table {
width: 440px;
font-size: .85em;
}

#centreRando td {
border:1px solid gray;
border-right:0;
border-top:0;
}

#centreRando a img { border: 2px solid #808080 }
#centreRando a:hover img { border: 2px dashed #FFFFFF }

#centreGroupes {
text-align:justify;
color: #003366;
margin: 20px 300px 0 240px;
}
#centreLiens {
text-align:center;
color: #003366;
margin: 20px 200px 0 20px;
}
#centreLiens td {
border:1px solid white;
border-right:0;
border-top:0;
}
.agauche {
text-align:left;
padding:10px;
}
#centreLiens a {
color: #330099;
text-decoration: none;
}
#centreLiens a:hover {
color: #990000;
text-decoration: underline;
}
#centreTarifs {
text-align:center;
color: #003366;
margin: 40px 280px 0 190px;
}
#centreTarifs TABLE {
font-size: .85em;
}
#centreTarifs TH {
height:50px;
background-color:#FF6600;
border:1px solid white;
}
#centreTarifs TD {
width:70px;
height:50px;
border:1px solid white;
border-right:0;
border-top:0;
}
.adherent {
background-color:#FF9900;
}
.nonAdherent {
background-color: #FFCC00;
}
#gaucheTarifs {
float:left;
width: 180px;
padding: 10px;
background-color:#3798FA;
border:1px solid #fff;
color:#FFF;
}
#droiteTarifs {
float:right;
width: 240px;
margin-right:10px;
padding:10px;
background-color:#3798FA;
border:1px solid #fff;
color:#FFF;
}
.Conseil {
color: #660000;
}
#gaucheDiapo {
background-color: #FF9900;
margin:20px 0 0 8px;
padding:5px;
float:left;
width: 220px;
border:1px solid #fff;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
color: #000099;
}
.enCours {
margin-bottom:10px;
padding:5px 5px 15px 5px;
width : 210px;
height:130px;
background-color:#FFCC00;
border:1px solid white;

}
.aVoir {
margin-bottom:10px;
padding:5px 5px 15px 5px;
width : 210px;
height:130px;
border:1px solid white;
}
#gaucheDiapo H3,H4{
text-align:center;
font-style:italic;
}
#centreDiapo {
text-align:center;
color: #003366;
margin: 20px 300px 0 260px;
}
#centreDiapo P {
font-size:0.9em;
}
#centreDiapo img {
border: 2px dashed #808080 }
}
.Prestations {

}
.Prestations H4{
font-family: Arial, Helvetica, sans-serif;
text-align:center;
font-style:italic;
}
.Prestations P{
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
}
.Prestations UL{
margin:0;
padding:0;
}
.Prestations li{
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
margin-left:10px;
}

/* Gère les boites ouvrables des randos*/
.iconspan{
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
text-align:left;
background-color: #F99903;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 430px;
}

.icongroup1{
width: 430px;
}
.Gras {
font-weight: bold;
}



#pied {
clear:both;
text-align:center;
color:#000066;
font-size:.77em;
}
a {
text-decoration: none;
color: #000099;
}
a:hover {
color: #FFF;
text-decoration: underline;
}

FIELDSET {
border: 1px solid white;
}