<!--
body 
{
margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; 
background-color:#FFFFFF;
}



/*Tableau du centre ddes pages qui contient les textes*/
.tableau_central
{
position:absolute;
left: 180px;
top:150px;
width: 600px ;
height: 400px ;
background-color:#FFFFFF ;
font-family: Helvetica, Geneva, sans-serif, Arial;
text-align:justify;
font-size : 14px; 
}

/*Barre de navigation html jaune et orange*/
.navigation 
{
position:absolute;
left: 226px;
top:106px;
width: 480px ;
height: 36px  ;
background-image:url(images/menu-centre.gif);
background-position:0px 0px;
background-repeat:no-repeat;
text-align:left;
}


/* PROPRIETE DES LIENS EN HAUT*/
.liens-navigation
{
position: relative;
left: 48px;
top:4px;
width: 460px ;
height: 26px  ;
}


/*Tableau contenant l'animation gif*/
.tableau_flash
{
position:absolute;
left: 196px;
top:14px;
width: 540px ;
height: 76px ;
background-color:#FFFFFF;
border-style:thin; 
border-top: solid 1px; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
}

/*Logo JPF en haut à gauche de l'écran*/
.logo
{
position:absolute;
left: 0px;
top: 0px;
width: 150px ;
height: 150px;  
}

/*Image de fond dégradé bleu à gauche de l'écran*/
.fond_gauche 
{
background-color:#00296B ;
position:absolute;
left: 0px;
top:150px;
width: 150px ;
height: 600px;  
background-image:url(images/fond-gauche.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}

/*Image de fond dégradé bleu en haut de l'écran*/
.fond_haut 
{
background-color:#FFFFFF ;
position:absolute;
left: 150px;
top:0px;
width: 650px ;
height: 155px;  
background-image:url(images/fond-haut.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}

/*Tableau contenant les photos à gauche*/
.tableau_gauche
{
position:absolute;
left: 44px;
top:260px;
width: 120px ;
height: 300px ;
}



/*Liens bleus qui passent au noir souligné*/
a 
{
color:#000099;
text-decoration:none;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
font-size:16px;
}

a:hover 
{
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
font-size:16px;
color:#000000;
text-decoration:underline;
}


/*PROPRIETE DE PAGE CONSEIL et INDEX*/

.legende-page-01
{
position: relative;
top: 0px;
left: 0px;
width: 384px;
height: 80px;
font-size:13px;
font-family: Arial, Helvetica, Geneva, sans-serif;
}


/*PROPRIETE DE PAGE CONSEIL*/

.legende-page-conseil-01
{
position: relative;
top: 0px;
left: 0px;
width: 345px;
height: 234px;
font-size:13px;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:left;
}

/*PROPRIETE DE COULEUR TEXTE PAGE : CONSEIL, FORMATION, REFERENCES et INDEX */

.couleur-txt-jaune
{
color: #ff9900;

}


.couleur-txt-bleu
{
color: #003399;

}



</STYLE>