<!--
html,body {
margin-top:0; margin-left:0; margin-right:0; margin-bottom:36; 
/*background-color:#FFFFFF;*/

/* Barre de defilement*/

scrollbar-face-color: #C0C0C0;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #C0C0C0;
scrollbar-arrow-color: #000000;
}

/* bandeau titre haut*/
.bandeau-1 
{ 
position:absolute;
left: 0px;
top:0px;
width: 1016px ;
height: 60px ;
}

/* bandeau titre bas*/
.bandeau-2 
{ 
position:absolute;
left: 0px;
top: 258px;
width: 1016px ;
height: 31px ;
}

/* photo à gauche*/
.photo-1 
{ 
position:absolute;
left: 0px;
top:60px;
width: 73px ;
height: 199px ;
}

/* photo à droite*/
.photo-2 
{ 
position:absolute;
left: 296px;
top:60px;
width: 720px ;
height: 199px ;
}

/* boite de menu dégradé*/
.boite-menu-1
{
position:absolute;
left: 73px;
top:60px;
width: 224px ;
height: 49px ;
}

/* boite de menu du bas du menu*/
.boite-menu-2
{
position:absolute;
left: 73px;
top:233px;
width: 223px ;
height: 25px ;
}

/* menu de la page d'accueil*/
.menu-titre-1
{
position:absolute;
left: 73px;
top:109px;
width: 223px ;
height: 25px ;
}

/* menu de la page d'accueil*/
.menu-titre-2
{
position:absolute;
left: 73px;
top:134px;
width: 223px ;
height: 25px ;
}

/* menu de la page d'accueil*/
.menu-titre-3
{
position:absolute;
left: 73px;
top:159px;
width: 223px ;
height: 26px ;
}

/* menu de la page d'accueil*/
.menu-titre-4
{
position:absolute;
left: 73px;
top: 183px;
width: 223px ;
height: 25px ;
}

/* menu de la page d'accueil*/
.menu-titre-5
{
position:absolute;
left: 73px;
top: 208px;
width: 223px ;
height: 25px ;
}

/* tableau gauche EDITO*/

.edito
{
position:absolute;
left: 16px;
top:300px;
width: 280px ;
height: 480px ;
background-color:#EEECED ;
border-style:thin; 
border-top: solid 1px; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #C0C0C0; 
font-family: Arial, Helvetica, Geneva, sans-serif;
/*text-align:justify;*/
font-size : 12px; 
}



.cellule
{
border-bottom: dotted 1px ;
border-color: #C0C0C0; 

}

.cellule-1
{
border-bottom: dotted 1px ;
border-color: #C0C0C0; 

}


/*tableau_central "clients"*/

.tableau_central
{
position:absolute;
left: 312px;
top:300px;
width: 702px ;
height: 474px ;
background-color:#FFFFFF ;
border-style:dotted; 
border-top: dotted 1px; 
border-right: dotted 1px ;
border-bottom: dotted 1px ;
border-left: dotted 1px ;
border-color: #C0C0C0; 
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 16px; 
}










/*img {margin-left: 15px ; margin-right: 15px ; }*/


/* menu de la page "sous-chapitre"*/
/*.menu-titre-2*/
{
position:absolute;
left: 22px;
top:160px;
width: 222px ;
height: 119px ;
}


/* image de la boite "êtes vous concerné ? */
.concerne
{
position:absolute;
left: 9px;
top:450px;
width: 131px ;
height: 155px ;
}

/* texte de la page "êtes vous concerné"*/

.concerne-texte
{
position:absolute;
left: 46px;
top:540px;
width: 400px ;
height: 40px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 16px; 
}

.pop-up
{
position:absolute;
left: 4px;
top:0px;
width: 600px ;
height: 100px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 18px; 

/*background-image:url(interface/forme-lettre-test.jpg);*/
/*background-position:right bottom;*/
/*background-repeat:no-repeat;*/
}


/*boite email de la page index */
.contact
{
position:absolute;
left: 790px;
top:510px;
width: 124px ;
height: 15px ;
}


/* menu titre de la page des sous chapitre */
.menu-titre2
{
position:absolute;
left: 24px;
top:172px;
width: 228px ;
height: 208px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 16px; 
}


/* boite de la page sous chapitre "etes vous concerné" */
.concerne2
{
position:absolute;
left: 48px;
top:400px;
width: 158px ;
height: 17px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 16px; 
}

/* boite de la page  sous chapitre "êtes vous concerné */
.contact2
{
position:absolute;
left: 42px;
top:460px;
width: 132px ;
height: 19px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 16px; 
}


/* texte de la page credit index et sous chapitre*/
.texte-credit
{
position:absolute;
left: 300px;
top:100px;
width: 600px ;
height: 400px ;
/*background-color:#C0C0C0 ;*/
font-family: Arial, Helvetica, Geneva, sans-serif;
background-color:#FFFFFF;
text-align:justify;
font-size : 16px; 

border-style:thin; 
border-top: solid 0px; 
border-right: solid 0px ;
border-bottom: solid 0px ;
border-left: solid 0px ;
border-color: #C0C0C0; 
}

/* image titre de la page "que faisons-nous"*/
.qui-titre
{
position:absolute;
left: 280px;
top:40px;
width: 295px ;
height: 36px ;

}


/* texte des chapitre de la page "que faisons nous index"*/
.faisons-menu
{
position:absolute;
left: 320px;
top:120px;
width: 500px ;
height: 400px ;
background-color:#C0C0C0 ;
font-family: Arial, Helvetica, Geneva, sans-serif;
*/background-color:#FFFFFF;*/
text-align:justify;
font-size : 24px; 
}




/* texte de la page que faisons nous index choix 1*/
.faisons-menu-1
{
position:absolute;
left: 320px;
top:570px;
width: 500px ;
height: 400px ;
/*background-color:#C0C0C0 ;*/
font-family: Arial, Helvetica, Geneva, sans-serif;
/*background-color:#FFFFFF;*/
/*text-align:justify;*/
font-size : 16px; 


background-image:url(interface/forme-lettre-test.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}


/* texte de la page "que faisons nous" index choix 2*/
.faisons-menu-2
{
position:absolute;
left: 320px;
top:980px;
width: 500px ;
height: 400px ;
/*background-color:#C0C0C0 ;*/
font-family: Arial, Helvetica, Geneva, sans-serif;
/*background-color:#FFFFFF;*/
/*text-align:justify;*/
font-size : 16px; 


background-image:url(interface/forme-lettre-test.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}

/* texte de la page "que faisons nous" index choix 2*/
.faisons-menu-3
{
position:absolute;
left: 320px;
top:1400px;
width: 500px ;
height: 400px ;
/*background-color:#C0C0C0 ;*/
font-family: Arial, Helvetica, Geneva, sans-serif;
/*background-color:#FFFFFF;*/
/*text-align:justify;*/
font-size : 16px; 


background-image:url(interface/forme-lettre-test.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}


.page-direction
{
position:absolute;
left: 800px;
top:560px;
width: 132px ;
height: 19px ;
background-color:#FFFFFF ;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-align:justify;
font-size : 18px; 
}

/*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;
}

/*Tableau contenant l'animation flash*/
.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:#A3001C;
text-decoration:none;
}

A:hover {
color:#A3001C;
text-decoration:underline;
}


</STYLE>