<STYLE>

BODY
{   BACKGROUND: #FFFFFF;
    COLOR: #000099;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE:8pt;
}

A {
	color:#09c;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	}
A:link {text-decoration: none;
	COLOR:#3399FF;}		     /* C'est du bleu turquoise */
A:visited {text-decoration: none;
	   COLOR:#6600CC;}	     /* C'est du violet */
A:hover {text-decoration: none; 
	background-color:#D7D7E3;}  /* C'est du Gris très très clair */
A:active {text-decoration: none;
	  COLOR:#6666FF;}		/* C'est du mauve  */
  


TABLE
{
    table-border-color-light: #003366;
    table-border-color-dark: #333399 FONT-FAMILY Verdana,Arial;
    border-collapse:collapse;
    /* background-color:#FFEEDD; */
    FONT-SIZE:8pt; font-family:Verdana
}



TD
{
    FONT-FAMILY: Arial,Verdana;
}


H1
{
    COLOR: #003366
    /* background-color:#FFEEDD; */
}

H2
{
    COLOR: #003366
}

H3
{
    COLOR: #003366
}

H4
{
    COLOR: #003366
}

H5
{
    COLOR: #003366
}

H6
{
    COLOR: #003366
}

/* p {  text-align: left; } */


UL
{
    LIST-STYLE-POSITION: outside;
    text-align: left; list-style-type:square
}

p {  text-align: left; }

	
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}



/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 210px 20px 170px;
	border:1px solid black;
	background-color:#DADAFE;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navAlpha {
	position:absolute;
	width:150px;
	top:20px;
	left:20px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
body>#navAlpha {width:128px;}
		
#navBeta {
	position:absolute;
	width:190px;
	top:20px;
	right:20px;
	border:1px dashed black;
	background-color:#eee;
	padding:10px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
body>#navBeta {width:168px;}


.ombre { /* boite d'arrière plan dont le débordement crée l'ombrage */
width:200px ; /* largeur de la boite, en pixels */
height:200px ; /* hauteur de la boite, en pixels */
background-color:black } /* couleur de la boite, donc de l'ombre */

.boite { /* boite principale */
width:200px ; /* largeur de la boite, en pixels */
height:200px ; /* hauteur de la boite, en pixels */
background-color:white ; /* couleur de la boite */
border: solid 2px black ; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:-7px ; /* décalage de 7 pixels vers le haut */
left:-7px} /* décalage de 7 pixels vers la gauche */

/* ce qui revient à faire : <div class="ombre"> <!-- début boite d'ombrage --> <div class="boite"></div> <!-- boite blanche vide --> */
/* </div> <!-- fin boite d'ombrage --> */


.blue {
border-style:solid; 
border-width:1px; 
border-color:blue; 
background-color:#E7D3B6; 
margin-left:225px; 
padding:10px; 
height:250px;
position:absolute;
left: 240px;
top:65px
}


</STYLE>


