body 
{
    background-color :#abc;  /*#ffdece #c9c9c9 #ffe6cc*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;       
    margin : 5px 0px 0px 0px;
    text-align: left;
}

div.container 
{
    position : relative;           /* Définit le positionnement */             
    height : 600px;                /* Définit la hauteur de la zone en pixel */
    width : 800px;                /* Définit la largeur de la zone en pixel */
    z-index : 5;                   /* Définit l’ordre d’affichage sur l’axe Z */     
    background-color : White;      /* Définit la couleur de fond d’écran */
    border : solid 1px #D1D1D1;    /* Définit la bordure de la zone */
    border-color :Black;
    margin : 0px auto;             /* Définit la marge extérieure */
}

/* positionnement par rapport au parent conteneur  div container  */
div.bordGauche
{
    position : absolute;
    height : 600px;         /*     Définit la hauteur de la zone en pixel */
    width : 11px;           /*     Définit la largeur de la zone en pixel */
    background-position : left top;
    left : -16px; 
    top : 0px; 
    /* background-image : url(../images/bleft.gif); */
    background-repeat : repeat-y; 
    z-index : 3;            /* Définit l’ordre d’affichage sur l’axe z  */
}

div.bordDroit
{
    position : absolute;
    height : 600px;         /*     Définit la hauteur de la zone en pixel */
    width : 11px;           /*     Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 801px;     
    top : 0px;
    background-image : url(../images/bright.gif);
    background-repeat : repeat-y;
    z-index : 3;            /* Définit l’ordre d’affichage sur l’axe z  */
}

div.zoneHaut
{
    position: absolute;
    height: 100px; /*   Définit la hauteur de la zone en pixel */
    width: 800px; /*   Définit la largeur de la zone en pixel */
    background-position: left top;
    left: 0px;
    top: 0px;
    background-color: #3399FF;
    z-index: 3; /* Définit l’ordre d’affichage sur l’axe z  */
    font-family: "Comic Sans MS";
    color: #FFFFFF;
}
div.navigation
{
    position: absolute;
    height: 20px; /*   Définit la hauteur de la zone en pixel */
    width: 800px; /*   Définit la largeur de la zone en pixel */
    background-position: left top;
    left: 0px;
    top: 99px;
    z-index: 6;
    background-color: #ADDEFC;
    text-align: right;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #FF0000;
}
div.navMenu 
{
    position : absolute;
    background-position : left top;
    left : 400px; 
    top :  -1px;
    width: 395px;
    z-index: 6;
}

div.zoneHaut .hautstyle2
        {
            font-size: xx-large;
            font-style: italic;  
        }
div.zoneHaut .hautstyle3
        {
            font-style: italic;
        }
div.haut1
{
    position : absolute;
    height : 100px;         /*   Définit la hauteur de la zone en pixel */
    width : 150px;         /*   Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 0px; 
    top :  -1px;   
}
div.haut2
{
    position : absolute;
    height : 100px;         /*   Définit la hauteur de la zone en pixel */
    width : 250px;         /*   Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 130px; 
    top :  -1px;   
}
div.haut3
{
    position : absolute;
    height : 100px;         /*   Définit la hauteur de la zone en pixel */
    width : 250px;         /*   Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 350px; 
    top :  -1px;   
}
div.haut4
{
    position: absolute;
    height: 100px; /*   Définit la hauteur de la zone en pixel */
    width: 190px; /*   Définit la largeur de la zone en pixel */
    background-position: right top;
    right: 10px;
    top: 10px;
    text-align: right;
    font-size: 8pt;
}
div.zoneMenu
{
    position : absolute;
    height : 480px;         /*   Définit la hauteur de la zone en pixel */
    width : 150px;         /*   Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 0px; 
    top :  119px; 
    background-color: #392eab;
    z-index : 5;            /* Définit l’ordre d’affichage sur l’axe z  */
}

div.zoneCentral
{
    position : absolute;
    height : 480px;         /*   Définit la hauteur de la zone en pixel */
    width : 650px;         /*   Définit la largeur de la zone en pixel */
    background-position : top left;
    left : 150px; 
    top :  120px; 
    background-color: White;
    z-index : 5;            /* Définit l’ordre d’affichage sur l’axe z  */
}
   

div.zoneTxt
{
    position: absolute;
    height: 412px; /*   Définit la hauteur de la zone en pixel */
    width: 560px; /*   Définit la largeur de la zone en pixel */
    background-position: left top;
    left: 190px;
    top: 170px;
    z-index: 6;
    text-align: left;
    font-family: Verdana, Arial;
    font-size: 10pt;
}

div.bullimage 
{
    position : absolute;           /* Définit le positionnement */             
    height : 600px;                /* Définit la hauteur de la zone en pixel */
    width : 800px;                /* Définit la largeur de la zone en pixel */
    z-index : 5;                   /* Définit l’ordre d’affichage sur l’axe Z */     
    background-position: right bottom;
    right: 0px;
    bottom:0px;
    margin : 10px auto;             /* Définit la marge extérieure */
}

h1
{
    font-family :Comic Sans MS, Arial;
    font-size: 16pt;
    color:#392eab; 
}
h2
{
    font-family :Comic Sans MS, Arial;
    font-size: 14pt;
    color:#392eab; 
}
h3
{
    font-family :Arial;
    font-size: 12pt;
    color:#392eab; 
}

.boutonWizard
{
    background-color: #FFFFFF;
    color: #0000FF;
    text-decoration: underline;
    font-style: italic;
    font-weight: lighter;
}