html, td    { 
font-size : 8pt;
color: #000000;
}

body    {
font-size: 1em; 
/* font-size-adjust: 1em; */
link-color: #0099ff;
vlink-color: #0055ff;
text-color: #000000;
alink-color: #0077ff;
background-repeat:no-repeat;
background-color:#ffffff;
}

a { 
color: #0099ff;
text-decoration: none; 
}

a:hover   { 
background:none;
text-decoration: none; 
color: #ff4500; border-bottom: 1px dotted;
}



html, body, p, td, h5, .sub,#exemple h2   { 
font-family: Verdana, Helvetica, Arial } /* |BellGothic, "ITC Officina Sans Book", | */
}


h1,h2,h3,h4,h5,p,.h3,.h5,.h7,#exemple h1,#exemple h2 { 
font-size: 1em;
}
h1, chapitre   {   /* titre de partie */
font-size: 3em;
color: #451c0a; 
font-family: serif  /* |Typodermic, | */
}
h2,h3,h4,h6,.h3,.menulink, .menu,#exemple h1  { 
font-family: Georgia, "Times New Roman", Times;  /* |TanglewoodTales, | */
}
h2,h3,h4,.h3  { 
margin-bottom: 0.5em;
margin-top: 0.5em;
}
h2  {   /* titre de niveau 1 */ 
font-size: 2em;
color: #c73600; 
}
h3 {   /* titre de niveau 2 */ 
font-size: 1.8em;
}
h3,.h3 {   /* titre de niveau 2 */ 
color: #91700d;
}
h4 {   /* titre de niveau 3 */ 
font-size: 1.4em;
color: #a30312;
}
h5,.h5  {    /* style item  */
margin-bottom: 0.2em;
margin-top: 1em;
font-size: 1em;
color: #000000;
}
#exemple h1 {   /* titre d'exemple  */
color: #000080;
font-size: 1.2em
}
#exemple h2  {   /* sous-titre d'exemple */
color: #ff00ff;
font-size: 1.1em
}


p, tr, td {
line-height: 11pt; 
margin-bottom: 0.5em;
margin-top: 0.2em;
}
td {
vertical-align:top;
}

#exemple p, #exemple li, #exemple td {
font-size: 0.9em;
}
#exemple td {
line-height: 10pt; 
}
#exemple p {
line-height: 10pt; 
margin-bottom: 0.5em;
margin-top: 0.2em;
margin-left: 5px; margin-right: 5px; 
}




.caps   { 
color: black; 
font-weight: 800; 
font-size: 1em; 
text-transform: uppercase 
}

.normal {
color: black;
font-size : 8pt;
font-family: Verdana, Helvetica, Arial ;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: none
}

.gris {color: #808080; }
.comment {color: #808080;font-size: 0.8em; }
.smalltext   { color: #a9a9a9; font-size: 0.8em; }
.supersmalltext  { color: #696969; font-size: 0.7em; }
.stabilo { color: #286299; font-weight: bold; background-color: yellow }
.nom  {color: #000;text-transform: capitalize}


/* styles de formulaires */
option, select   { color: #000000; font: 1em Verdana; background-color: #ffffff}
textarea {font: 1em Verdana; color : #000000; background-color : #ffffff;}
submit  { color: #000000; font: 1em Verdana; background-color: #ffffff}
input, button	 {color: #000000; font: 1em Verdana}
input.on { border:2px inset;}
input.off { border:2px outset;}
/* fin de styles de formulaires */


.sub  {
color: #808080;
font-size: 0.9em;
}
.sub:hover {
color: #f5f5f5;
background-color: #808080;
border-bottom: 0px;
}

.menulink {
   color: #000000;
   font-size: 1em;
   text-decoration: none; 
   margin-top: 0.2em;
   }
.menulink:hover {
   color: #ff5400;
/*   font-weight: bold;  */
   background-color: #ffffff;
   text-decoration: none; 
   border-bottom: 0px;
  }

.repertoire  {
   text-decoration: none; 
}
.repertoire:hover {
border-bottom: 0px;
}

.interne  {
color: #dc0000;
text-decoration: none; 
}
.interne:hover {
color: #ffc600;
border-bottom: 0px;
}

#transbox {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
#rouge { background-color: #ff4500; text-align:center; padding: 5px 5px 5px 5px;	}

#menu    { background-image: url(../images/menu_fond.gif); position: absolute; top: 127px; left: 17px; width: 202px; visibility: visible;  padding: 20px 5px 60px 5px; }
#menumodedemploi   { background-image: url(../images/menu_fond.gif); width: 202px; visibility: visible;  padding: 5px 5px 5px 5px; }
#intro, #parcours,  #pistes,  #compagnons,  #argent,  #formations,  #repertoire { z-index: 2; }
#haut_droit { z-index: 1; background-image: url(../images/menu_fleurs_haut_droit.gif); position: absolute; top: -60px; right: -60px; width: 154px; height: 175px; visibility: visible; background-repeat:no-repeat; }
#bas_gauche { z-index: 1; background-image: url(../images/menu_fleurs_bas_gauche.gif); position: absolute; bottom: -60px; left: -47px; width: 146px; height: 125px; visibility: visible; background-repeat:no-repeat; }
#bas_droit { z-index: 1; background-image: url(../images/menu_fleurs_bas_droit.gif); position: absolute; bottom: -60px; right: -60px; width: 154px; height: 125px; visibility: visible; background-repeat:no-repeat; }
#ligne    { background-image: url(../images/stroke.gif); height: 7px; visibility: visible; background-repeat: repeat-x }

  
#outsidecontent { z-index: 2; background-image: url(../images/dotted_lines.gif); position: absolute; top: 103px; left: 246px; width: 443px; visibility: visible }
#content    { margin-left: 5px; margin-right: 5px; visibility: visible }


#news   { background-image: url(../images/news.gif); margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; visibility: visible; padding: 5px 5px 5px 5px; background-repeat: repeat-y }
#presentation   { background-image: url(../images/menu_fond.gif); position: absolute; top: 80px; left: 448px; width: 222px; visibility: visible; padding: 10px 5px 10px 5px; }


#outils   { z-index: 5; background-color: #eeeeee; position: absolute; top: 110px; left: 694px; width: 212px; visibility: visible; padding: 10px 5px 10px 5px;}
#outilsdebug   { z-index: 5; background-color: #eeeeee; position: absolute; top: 110px; left: 920px; width: 212px; visibility: visible; padding: 10px 5px 10px 5px;}


#conteneur_exemple   { background-image: url(../images/carnet.jpg); position: absolute; top: 50px; left: 448px; width: 222px; visibility: visible; /*background-repeat:no-repeat;*/ }
#exemple   { /*background-image: url(../images/carnet.jpg);*/ background-color: #ebe8cd; visibility: visible; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; padding: 5px 5px 5px 5px;}
#panneauexemple   { background-image: url(../images/exemples.gif); visibility: visible; width: 111px; height: 76px; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; background-repeat:no-repeat;}

#bottom   {  position: relative; visibility: visible; bottom: 0px; height: 10px;  left: 17px; width: 202px; vertical-align: bottom;}
 
 #print_reference   { display: none;}