/*
 * Style pour le site web Euraac
 *
 */

/* body occupe toute la place pas de marge
   élimine les différences entre browsers
   ecriture noire.
*/
* {padding: 0;} /* permet de voir des pb de marge ou de padding */



body {
 margin:0;
 padding:0;
 color:#000000;
 font-size:12px;
 background-color:#EAEAEA;
 overflow:scroll;
}

h1 {
          margin: 0;
          padding: 0;
}




A:link {
    text-decoration:none;
}

A:visited {
    text-decoration:none;
}


/* le container de la page un contenu qui occupe toute la place disponible */

div#page-container {
        width:70%;
        margin: auto;
/*  background-image: url(../img/back-left.gif);          fond dégradé a gauche
  background-repeat: no-repeat; */
}


/* ========== haut de page ======== */

div#header {
  clear:both;
  height:150px;
  padding: 5px;
  background-color: #004060;
  /*text-align:right;
  background-image: url(../img/banniere.png);
  background-repeat: no-repeat;*/
}


/* ============== colonne de gauche et menu ===================
 * la colonne a une largeur fixe.
 */

div#left {

  width:100%;
/*float:left;  height:300px;*/
  margin-left:0px; /* permet aux menus internes d'etre a 5 pix du bord gauche*/
  margin-top:5px;  /* permet aux menus internes d'etre a 5 pix du haut */
  margin-bottom:5px;
  text-align:left;
  list-style: none;
  background-color: #EAEAEA;
  font: 12px geneva, arial, helvetica, sans-serif;
  /*      border:solid 1px #525D96;*/

}

/* ajout de bordure pour visualiser le resultat
#menu1 ul { border:solid 1px green; }
#menu1 ul li { border:solid 1px red; }
*/

#left ul {
    padding: 0;
    margin: 5px;
    /*border:solid 1px green;*/
}

#left li {
    padding: 5px;
    list-style: none;
    /*border:solid 1px red;*/
}

#left  a {
    text-decoration: none }



/* ========== Le milieu de page ======== */

div#middle {
    height:100%;
    margin-left: 0px;
          padding: 5px;
    font-family : "Helvetica","Verdana","Arial","Times New Roman";
    background : #ffffff;
    font-size : 12px;


}
/* le style des paragraphes de milieu de page */
/* un retrait de 3 em au départ */
/* un padding-left De 10 px */

div#middle p {
   text-indent: 3em;
   padding-left:10px;
}
/* on evite l'espace au dessus du texte */


/* ============ pied de page  ======================= */

div#footer {
        position: absolute;
        bottom: 0;
  left: 0;
  width: 100%;
  clear:both;  /* au cas ou on ait un float */
        height: 20px;
        text-align:center;
        font-size:12px;
  background-image: url(../img/header-back.gif);
        border-top: 2px  solid blue;
}

/* style pour les paragraphes du pied de page */
div#footer p {
        margin: 0;
        padding: 0;
}