html,body {margin: 0 ;
            margin-top: 0;
            background-image:url(images/back.jpg);
            background-position:center center;
            }
a:link {color:#192f47}
a:visited {color:#192f47}
a:hover {color:#6600CC}
a:active {color:white}
            
/* ------------------------------------------------------------------ */
/* ---------- mise en place du design----------------------------*/
/* ------------------------------------------------------------------*/

  .hauttitre {
 position: absolute;
  left: 50%;
 margin-left: -493px;
 margin-top :  0px;
}

  #barretexte{
position:absolute;
 left: 50%;
  margin-left: -493px;
  margin-top: 280px;
width: 985px;
}

  .menuduhaut {
 position: absolute;
  left: 50%;
 margin-left: -493px;
 margin-top :  202px;
 width: 986px;
}

  .bandedessousmenu {
 position: absolute;
  left: 50%;
 margin-left: -493px;
 margin-top :  235px;
 width: 980px;
}

  #fondmenu {
 position: absolute;
  left: 50%;
 margin-left: -490px;
 margin-top :  256px;
}

  .bastitre {
 position: absolute;
  left: 50%;
 margin-left: -245px;
 margin-top :  256px;
}

  .bande {
background-image : url("images/barre.png");
background-repeat:repeat-y;
/*width: 3px;*/
}

  .petitmenu {
 position: absolute;
 left: 50%;
  margin-left: -540px;
  margin-top: -20px;
 width: 980px;
}

/* 2e ----------------------version menu------------------------- */

 .td12 /* Les cellules d'en-tête */
{
background-image : url("images/menu-milieu2.png");
 background-repeat:repeat-y;
 width: 250px;
}

.tr2 /* Les cellules d'en-tête */
{
}

.td2 /* Les cellules d'en-tête */
{
background-image : url("images/menu-milieu.png");
background-repeat:repeat-y;
}

.tab2 /* Les cellules d'en-tête */
{
margin-left: 6px;
margin-top: -319px;
}

.tabl2
{
position: absolute;
left: 50%;
margin-left: -493px;
margin-top :  256px;
}

.fond-menu1
{
margin-left: -1px;
margin-top :  -2px;
}

 .menu-haut {
position: absolute;
left: 50%;
margin-left: -490px;
margin-top :  256px;
 }
 
  .menu-bas {
margin-top :  -2px;
margin-left: -1px;

 }

.tabl12
{
margin-left: -2px;
margin-top: 3px;

}

.tablpara
{
position : relative;
margin-top: -578px;
width: 248px
}

.table1 /* Le tableau en lui-même */
{
   border-style:solid; 
   border-width:1px; 
   border-color:black;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background-color: #cd9f5d;
   padding-left: 3px;
   padding-right: 3px;
}

.table12 /* Le tableau en lui-même */
{
   border-style:solid; 
   border-width:0px; 
   border-color:black;
   border-collapse: collapse; /* Colle les bordures entre elles */
   padding-left: 3px;
   padding-right: 3px;
background-image : url("images/fondbarretexte.png");
background-repeat:repeat;   
}

.td4 /* Les cellules normales */
{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-right:1px solid black;
   border-left:1px solid black;
   padding-bottom: 10px;  
   padding-top: 10px;
   padding-bottom: 10px;  
   padding-top: 10px;
   padding-left: 10px;  
   padding-right: 10px;
background-image : url("images/hautbarretxt2.png");
background-repeat:no-repeat;
}

.td5 /* Les cellules normales */
{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-right:1px solid black;
   border-left:1px solid black;
}

.td3 /* Les cellules normales */
{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

.td6 /* Les cellules normales */
{
   border-bottom: 1px solid black;
}

.bgtt{
background-image : url("images/fondbarretext.png");
background-repeat:repeat;
border-top: 0;
border-bottom: 0;
border-right:3px solid #8a8a8a;
border-left:0;
}

.hauteurmin{
min-height: 2000px;
}

 .ppp{
position: absolute;
left: 50%;
  margin-left: -250px;
  margin-top: -17px;
}

#colorgris
{
      color: #0e184b;
      font-weight: bold;
      font-style:normal;
}

 .imageflottante
{
   margin: 5px; /* Marge extérieure de 50px */
   float: left;
   border: none;

}


.imageflottante2
{
   margin: 5px; /* Marge extérieure de 50px */
   float: right;
   border: none;
}

#fiche /* Les cellules d'en-tête */
{
margin-left: 100px;
margin-top: 0px;
}

.fiche1
{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   border-right:1px solid black;
   border-left:1px solid black;
   float: right;
   margin-top: 25px;
background-image : url("images/fongfiche.png");
   
   }
   
.td1 /* Les cellules normales */
{
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-right:0;
   border-left:0;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.th1 /* Les cellules d'en-tête */
{
   background-image : url("images/background.jpg");
   background-repeat : repeat-x;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}