BODY
{
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: '@Arial Unicode MS';
    WIDTH:       800px;
    HEIGHT:     600px;
    text-align: justify;
    textjustify: distribute-all-lines;

}
/*/////////////////////////////////////////////////*/
/* Entete */
/*/////////////////////////////////////////////////*/
DIV#header
{   
    POSITION: absolute;
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(./images/fondsitehaut.png);
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100px;
    FONT-FAMILY: 'Comic Sans MS';
}


DIV#header A
{
    COLOR: #aaaaaa;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
    FONT-STYLE: normal;
}

DIV#header A:Hover
{
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
    FONT-STYLE: normal;
}

DIV#header .actif
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
   /*FONT-WEIGHT: bolder;*/
   FONT-STYLE: normal;
}

/*/////////////////////////////////////////////////*/
/* menu gauche */
/*/////////////////////////////////////////////////*/
DIV#left
{
    BACKGROUND-IMAGE: url(./images/fondsitegauche3.png);
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 30px;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 150px;
    PADDING-TOP: 150px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 100px;
    HEIGHT: 500px;
}

DIV#left A
{
    COLOR: #0a32c8;
    TEXT-DECORATION: none;
    font-weight: bold;
    FONT-STYLE: normal;
}

DIV#left A:visited
{
  FONT-STYLE: normal;  
}


DIV#left A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
    font-weight: bold;
    FONT-STYLE: normal;
}

DIV#left .actif
{
    COLOR: #AAAAAA;
    TEXT-DECORATION: none;
    font-weight: bold;
    FONT-STYLE: normal;
}

/*/////////////////////////////////////////////////*/
/* menu droit sensé etre vide*/
/*/////////////////////////////////////////////////*/
DIV#right
{
   
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: center top;
    PADDING-LEFT: 0px;
    
    /*BACKGROUND-IMAGE: url(./images/fond2.jpg);*/
    PADDING-BOTTOM: 0px;
    WIDTH: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    LEFT: 800px;
    TOP: 150px;
    HEIGHT : 10px;	
}


/*/////////////////////////////////////////////////*/
/* page principale */
/*/////////////////////////////////////////////////*/

DIV#middle
{
    WIDTH: 650px;    

    PADDING-LEFT: 20px;
    PADDING-TOP: 20px;
    PADDING-BOTTOM: 0px;
 /*
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(./images/Airodfili.png);
    BACKGROUND-REPEAT: no-repeat;
 */   
    POSITION: absolute;
    TOP: 100px;
    LEFT: 150px;

    text-align: justify;
    textjustify: distribute-all-lines;
}



/*///////////////////////////////////////////////////*/
/*    Classe D'ecritures
/******************************************************/

.titre1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: #0a32c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.titre2
{
    FONT-SIZE: larger;
    COLOR: #0a32c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}


.titre3
{
    FONT-WEIGHT: bolder;
    COLOR: #0a32c8;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

.titre4
{
    COLOR: #fa640a;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}

.evidence
{
    COLOR: #fa640a;
    FONT-FAMILY: Arial;
}

A:link
{
    COLOR: #0a32c8;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    FONT-STYLE: normal;
    
}

A:visited
{
    
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-STYLE: normal;
}

A:hover
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    FONT-STYLE: normal;
}

.Soustitre
{
    COLOR: #000000;
    FONT-STYLE: bold;
    TEXT-DECORATION: none
}

.TitrePage
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-large ;
    COLOR: #aaaaaa;
    TEXT-DECORATION: none
}

/*///////////////////////////////////////////////////*/
/*   Boite Cadre
/******************************************************/

.boitebleue
{   
 /*   BORDER-RIGHT: 1px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 1px;
    PADDING-TOP: 0px;
    BORDER-LEFT: 1px;
    PADDING-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
 */
    
    BORDER : 2px solid #aaaaaa; 
    PADDING : 3px;  
}