@charset "utf-8";

/* ========== Général */
html 
{ overflow: scroll; text-align: center; 	
}
body 
{ background-color: #ffffff; color: #000000; font: 1em Arial, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center;
}

/* page */

#page 
{ color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px auto; text-align: justify; width: 800px
}


#accessibilite 
{ background-color: #ffffff; color: #666666; margin: 0; padding: 0; text-align: right;
}


#accessibilite ul 
{ margin: 0; padding: 0;
}


#accessibilite li 
{ display: inline; padding: 0;
}


#accessibilite a { background-color: transparent; border: 1px solid #ffffff; color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; font-style: normal; padding: 2px;	 text-align: justify; text-decoration: underline
}


#accessibilite a:hover 
{ background-color: transparent; border: 1px solid #990000; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; font-style: normal; padding: 2px;	 text-align: justify; text-decoration: none
}


/* ========== Titres */
/* logo */
h1 
{ background-color: transparent; color: #990000; font-family: Impact; font-size: 2.25em; font-weight: bold; margin: 0; padding-top: 10px;
}


/* sous-logo */
h2 
{ background-color: transparent; border-bottom: 1px solid #666666; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; margin: 0; padding:0;
}


/* rubriques principales */
h3 
{ color: #990000; font-size: 1.5em; font-weight: bold; margin: 0; padding: 0;
}


/* sous-rubriques */
h4 
{ background-color: #eeeeee; color: #666666; font-size: 1em;	 font-weight: bold; margin: 0; padding: 2px;
}

/* ========== Contenu */
/* contenu */

#contenu 
{  background: url(route.jpg) no-repeat top left; color: #000000; height: auto; text-align: justify;	
}


/* rubriques principales */

#menugauche{ margin-top: 10px; margin-bottom: 10px; padding: 10px; width: 400px;
}


#menugauche a { background-color: transparent; border: 1px solid #ffffff; color: #990000; text-decoration: underline
}


#menugauche a:hover 
{ background-color: transparent; border: 1px solid #990000; color: #666666; text-decoration: none
}


#chansons1 
{ background-color: #ffffff; font-size: 0.7em; padding: 5px
}


#sketch 
{ background-color: #ffffff; font-size: 0.7em; padding: 5px
}


#mp3 
{ background-color: #ffffff; font-size: 0.7em; padding: 5px
}

/* sous rubriques */

#rubriques 
{ background-color: #eeeeee; border: 1px solid #666666; float: left; margin: 0; padding: 0; width: 100%	
}


#rubriques ul 
{ margin: 0px;	 padding: 0px
}


#rubriques li 
{ display: inline;
}


#rubriques a 
{ color: #990000; display: block; margin: 0; padding-left: 5px; text-decoration: none
}


#rubriques a:hover 
{ color: #666666	
}


.rubriques 
{ float: left; font-size: 0.75em; margin: 0; padding: 0; width: 25%;
}

/* navigation basse */

#navbas 
{ clear: both; font-size: 0.66em; text-align: justify; padding-top: 10px;
}


#navbas ul 
{ margin-left: 0; margin-top: 5px; padding: 0;
}


#navbas li 
{ display: inline; padding: 0;
}


#navbas a a:hover 
{ background-color: #ffffff; text-decoration: none;
}


/* ========== Liens */
a 
{ background-color: transparent;	 color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; text-align: justify; text-decoration: underline
}


a:hover 
{ background-color: transparent; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; text-align: justify; text-decoration: none
}


/* ========== Classes additionnelles */
img 
{ border: 0;
}


#compteur 
{ text-align: center; margin-bottom: 10px;
}


.droit 
{ text-align: right;
}