body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; color: #000000; text-decoration: none; background-image: none; background-color: #bbb; margin: 0; padding: 0; }  
#ecri { background-color: #21c; } /* bleu */ 
#tps { background-color: #a50; } /* brun */         
#int { background-color: #888; } /* gris */              
#vac { background-color: #270; } /* vert */        

/* calques */
div { border: 0px solid #000000; }
#cadre-c, #cadre-e, #cadre-h, #cadre-t, #centre, #centre-2, #contact, #vacances, #beaufortin, #ski-fond, #coach, #lyon { position: absolute; visibility: visible; border: 1px solid #000000; }
#cadre-c { left: 5px; top: 5px; width: 975px; height: 720px; padding: 10px; z-index: 1; }
#cadre-e { left: 5px; top: 5px; width: 975px; height: 710px; padding: 10px; z-index: 1; }
#cadre-h { left: 5px; top: 5px; width: 975px; height: 730px; padding: 10px; z-index: 1; }
#cadre-t { left: 5px; top: 5px; width: 975px; height: 1840px; padding: 10px; z-index: 1; }
#centre { left: 230px; top: 60px; width: 700px; background-color: #fff; padding: 20px; z-index: 2; }
#centre-2 { left: 230px; top: 910px; width: 700px; background-color: #fff; padding: 20px; z-index: 2; }
#contact { left:300px; top:190px; background-color: #fff; padding: 20px; }
#coach { left:10px; top:290px; padding: 0; }
#lyon { left:10px; top:150px; padding: 0; }
#vacances { left:71px; top:320px; border: 0px; padding: 0; z-index: 3; }
#beaufortin { left:18px; top:160px; padding: 0; }
#ski-fond { left:40px; top:930px; padding: 0; }
#menu-c, #menu-e, #menu-h, #menu-t { position: absolute; visibility: visible; padding: 10px; border: 0px; z-index: 3; }
#menu-c { left: 20px; top: 670px; height: 60px; }
#menu-e { left: 20px; top: 660px; height: 60px; }
#menu-h { left: 20px; top: 685px; height: 60px; }
#menu-t { left: 20px; top: 1790px; height: 60px; }

h1, h2, h3 { font-weight: bold; text-align: left; }
h1 { font-size: 24px; margin-top: 0; margin-bottom: 1em; }
h2 { font-size: 18px; margin-top: 0.5em; margin-bottom: 0.5em; }
h3 { font-size: 16px; margin-top: 0; margin-bottom: 0; }
p { font-size: 15px; margin-top: 0em; margin-bottom: 1em; }
p.gauche { margin: 0 1em 1em 5em; }                                    
p.liste { margin-bottom: 0.3em;  }                                     
p.petit { font-size: 14px; margin-bottom: 0.5em; }
  
	/* images */
div.imag { border: 0px solid #000; background-color: #fff; visibility: visible; margin: 0 5em 0 0; padding: 0; } /* image à gauche */
div.imag img { float:left; margin: 0 10px 10px 0; padding: 0; }
div.imac { margin: 0 0 1em 0; text-align: center; } /* image centrée */

a { font-weight: bold; text-decoration: none; }   
a:link { color: #56f; } /* bleu 36f */
#menu a:link { color: #fff; } /* blanc */
a:visited { color: #56f; } /* bleu 36f */
#menu a:visited { color: #fff; } /* blanc */
a:focus, a:hover, #menu a:focus, #menu a:hover { color: #333; }
a:active, #menu a:active { color: #333; }


ul { margin: 0px 0px 10px 30px; padding: 0px 0px 0px 0px; }
li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; list-style-image: url(i/gris.gif); font-size: 15px; }