.page {height: auto; width: 1000px; margin:0 auto;
}
.blocgauche {height: auto; width: 248px; float: left; padding: 20px 0px 0px 10px;
/*              background-color: red;  
            font-size:80%; */
			font-family: Arial; 
            color: #000066;}
.menu {
		background-color:#ffffa0;
		color:#ffff99;
		font-size:1.2em;
		font-weight:bold;
		font-family: MS Sans Serif ,  sans-serif , Verdana, Arial;
/*		border:1px solid #EFB;          */
		border: inset;
        padding:2px;
/* 		margin:1em;	*/
		width:150px;
		
 }

.blocdroit {height: auto; width: 730px;
           float: left;
/*		   font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; */
		   font-family: Arial; 
		   text-align: left;
           margin: 0;
           padding:0;
		   }
.blocfixe { position: fixed; width: inherit;
			top: 0;
}
.entete{text-align: center;
}
.titre{background-color: green;   color: #ffff99; text-align: left; border: 1px solid black; padding-left: 10px;
}
.centre  { text-align: center; margin: 0;
            padding:0; }
table
{
  /* margin : 10px auto auto auto;  */
  margin : 0 auto;
  border-collapse: separate;        /*     collapse; */
  border: 1px solid black;
  border-spacing: 2px ;             /*    cellspacing */
  border-radius: 12px ;             /*               */
}

td
{ text-align: center;
  border: 1px solid black;
  border-radius: 12px ;             /*               */
  border-spacing: 2px ;             /*    cellspacing */
  width: 124px;
  height: 44px;
}
.small_italique {font-family: 'Arial'; font-style: italic;
              font-size:80%;
}
			
/*
mark	{	background-color: #99FF99;   color: #666633; text-align: 
}
h3 { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}
h4 { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
table { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
td {  vertical-align: top;}
ul { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}
ul li {list-style-type: none;} */
ul li:before { content: "- "; /* on affiche une chaîne de caractère */ }
ul.sans li:before { content: " "; /* on affiche une chaîne de caractère */ }
ol.lower-latin   { list-style-type: lower-latin; } 

a.beige span     { display: none;} /* définition de la balise <span> inclue dans <a> */
a.beige:hover span    {display: inline;
                position: relative; top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
                left: 0px; width: auto; height: auto;
                padding-right: 1px; padding-left: 1px; text-indent: 1px;
/*              left: 0px;width: 200px;height: 20px;  */
                background: #ffff99;
/*              background: black;   */
                text-align: left;
                color: #000066;
/*              color: white;   */
}                                   /* fin de la définition de la balise <span> au survol */
p.normal {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
p.nb {padding: 0px 0px 0px 35px;text-indent: -35px;}
.normal_g    { font-size: 0.9em ; text-indent: 2em; margin-top: 0;
                margin-bottom: 0; margin-left: 2; margin-right: 2;
                text-align: left;
	        letter-spacing: 0px ; }
.titre_g    { font-size: 1.2em ; 
			font-weight:bold;
            text-align: left;
	         }
.normal_d    { font-size: 0.9em ; text-indent: 2em; margin-top: 0;
                padding: 4px 7px;
                margin-bottom: 0; margin-left: 2; margin-right: 2;
                text-align: left;
	        letter-spacing: 0px ; }
.petit_07       { font : italic 0.7em Arial;
	        letter-spacing: 0px ; }
.italic_08      { font : italic 0.8em Arial;
	        letter-spacing: 0px ; }
.italVert_09      { font : italic 0.9em Arial; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 20px; color: #006600;
	        letter-spacing: 0px ; }
			
.exemple { font : italic 0.8em Arial;
}		
	
/*

 
ul.sommaire_g {	margin: 0px 0px 0px 10px; 
				padding: 0px ; text-align: left; font-size: 1.2em ; font-style: italic ;  
				}
ul.en_petit            { margin: 0px 0px 0px 10px; padding: 0px ;                          }
ul.en_petit li         { margin: 0px 0px 0px 10px; padding: 0px ; text-align: left}
ul.en_petit li a       { font : italic 0.6em Arial; color: #000099 ; }
ul.en_petit li a:hover { color: #33ccff }*/
/*

 table {border-collapse: separate; }
 td    {border: 1px solid white; }
 *.1   {width: 100px}
 *.2   {width: 500px ; text-align: left; color: "#FFFF99"}
 
 .decale {margin: 0px 0px 0px 25px;}    */
 
/* http://stackoverflow.com/questions/19931351/css-selectors-difference-between-body-h1-body-h1-and-body-h1
    body.h1 will select the body element if it has a class of h1.
        (ex. <body class='h1'>this one</body>)
    body h1 will select all h1 elements in the body.
        (ex. <body><h1>this one</h1></body>)
        this is redundant in well-formed HTML, it will basically do the same thing as h1, because the only place an h1 element can be (if your HTML is well-formed) is in the body)
    body .h1 will select all the elements that have the h1 class in the body.
        (ex. <body><div class='h1'>this one</div></body>)   */