/* ============================================================================= */
/* Style defini pour le site R3S Services                                        */
/* Auteur : Jean-Roch SALES (jrs@r3s-services.fr)                                */
/* Date   : 04/08/2007                                                           */
/* Modif  : 04/08/2007                                                           */
/* ============================================================================= */

/* ============================================================================= */
/*                                    Fond                                       */
/* ============================================================================= */

body {
  background-color: #336699;
  /* Marges externes */
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  /* marges internes */
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* ============================================================================= */
/*                                    General                                    */
/* ============================================================================= */

/* ----- Cadre par défaut, englobe tous les autres ----- */
.cadre {
  border: 1px solid #000000;
  background-color: #f5f8fc;
  overflow: hidden; zoom: 1;
  width: 800px;
  /* Marges externes */
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto; 
  /* marges internes */
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}

/* ============================================================================= */
/*                                    Menu haut et contenu                                    */
/* ============================================================================= */

/* ----- Cadre par défaut, englobe tous les autres ----- */
.menu_haut{
  border: 1px solid #000000;
  background-color: #f5f8fc;
  overflow: hidden; zoom: 1;
  /* Marges externes */
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px; 
  /* marges internes */
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  /* Defintion des propriétés du texte */
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

/* ============================================================================= */
/*                                    Cadre principal et contenu                                    */
/* ============================================================================= */

/* ----- Cadre par défaut, englobe tous les autres ----- */
.principal{
  border: 1px solid #000000;
  background-color: #f5f8fc;
  /* Marges externes */
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px; 
  /* marges internes */
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}

  /* --- Cadre du menu de présentation à gauche --- */
  .menu_gauche{
    float: left;
    border: 0px solid #000000; /* --- On fait disparaitre la bordure -- */
    background-color: #f5f8fc;
	width: 170px;
	font-size: 0.8em;
    /* Marges externes */
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px; 
    /* marges internes */
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
  }
  
      .menu_gauche ul{
        border-width:1px 1px 0 1px;
        border-style:solid;
        border-color:#d6e1ec;
        padding:0;
        margin:0;
      }

      .menu_gauche li{
        border-bottom:1px solid #d6e1ec;
        list-style:none;
        margin:0;
      }
  
    .menu_gauche a{
      display:block;
      text-decoration:none;
      color:#369;
      background-color:#fff;
      padding-left:1em;
    }

    .menu_gauche a:hover{
      background-color:#eff4fa;
      color:#036;
    }

  /* --- Cadre principal pour le texte explicatif --- */
  .corps{
    float: right;
    border: 0px solid #000000; /* --- On fait disparaitre la bordure -- */
    background-color: #f5f8fc;
	width: 600px;
	min-height: 500px;
    /* Marges externes */
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px; 
    /* marges internes */
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
  }
  
  .spacer {
    clear: both;
  }

/* ============================================================================= */
/*                                    Cadre bas                                    */
/* ============================================================================= */

/* ----- Cadre par défaut, englobe tous les autres ----- */
.menu_bas{
  border: 1px solid #000000;
  background-color: #f5f8fc;
  overflow: hidden; zoom: 1;
  font-family: arial, "lucida console", sans-serif;
  font-size: xx-small;
  /* Marges externes */
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px; 
  /* marges internes */
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}