/* HUMERY SA - Feuille de style */
/* ------------------------------------ */

/* Styles génériques */
    BODY  {
          background-color : #B6B6B6;
          font-family : verdana;
          font-size : 80%;
          margin : 0em;
          color : #464646;
      }
    table {
          font-size : 100%;
      }

    img {
          border-width : 0;
      }
      
    ul {
    list-style : square;
    margin : 2em 0 0 4em;
    padding : 0 0 0 0.5em;
      }
    li {
    margin : 0 0 1em 0;
     }
      
    h2 {
    font-size : 140%;
    font-weight : normal;
    color : #2A2A2A;
    border-width : 0 0 0.05em 0;
    border-style : solid;
    border-color : #2A2A2A;
    width : 60%;
    margin-bottom : 1.6em;
     }

    h3 {
    font-size : 120%;
    color : #2A2A2A;
    margin : 1.5em 0;
     }

    h4 {
    font-size : 100%;
    color : #2A2A2A;
    padding-left : 0.8em;
    margin : 3em 0 0 0.3em;
    border-width : 0 0 0 1.2em;
    border-style : solid;
    border-color : #DF1424;
    }

    a:link {
          color : #700000;
      }
    a:visited {
          color : #464646;
      }
    a:hover {
          color : #700038;
      }
    a:active {
          color : #AC0056;
      }

    dt {
    border-width : 0 0 0 1.2em;
    border-style : solid;
    border-color : #DF1424;
    padding-left : 1em;
    font-weight : bold;
      }
    
/* Structure de la mise en page */
    #page {
          padding : 0;
          margin : 1.8em 5%;
      }
 
    #liens_rapides, #colonne_presentation, #colonne_contenu, .carte_visite {
          border-width : 0.1em;
          border-color : #787878;
          border-style : solid; 
      }
 
    #colonne_presentation, #colonne_contenu, .carte_visite {
          background-color : #F4F4F4;
          background-image : url("http://www.humery-sa.com/images/degrade_inf.gif");
          background-repeat : repeat-x;
          background-position : bottom;
      }
      
    #liens_rapides {
          background-color : #DDDDDD;
          font-variant : small-caps;
          padding : 0.3em;
      }
    #liens_rapides ul {
          margin : 0.2em 0 0.2em -5%;
          text-align : center;
      }
    #liens_rapides li {
          color : #464646;
          display : inline;
          margin-left : 5%;
      }

    #liens_rapides a {
          text-decoration : none;
      }

    #liens_rapides a:link {
          color : #464646;
      }
    #liens_rapides a:visited {
          color : #464646;
      }
    #liens_rapides a:hover {
          color : #700038;
          text-decoration : underline;
      }
    #liens_rapides a:active {
          color : #AC0056;
      }
      
     #colonne_presentation {     
          margin : 1em 0 0 0;
          width : 160px;
          position : absolute;
          left:5%;
      }

     #colonne_contenu {     
          margin : 1em 0 0 180px;
          padding : 3em 1.5em;
      }

    .spacer {
          clear : both;
      }      
      
/* Styles spécifiques */

    #titre, .contenu_carte {
           margin : 2em 0 1.2em 0;
           padding : 0 0 1em 0;
           background-image : url("http://www.humery-sa.com/images/barre_rouge.gif");
           background-repeat : repeat-y;
           background-position : 22px;
      }

    .logo {
           margin : 0 0 0 22px;
           padding : 0;
      }

    .item_menu {
           margin : 0 0 0 12px;
    }
      
    #copyright {
           text-align : center;
           font-size : 80%;
           color : #464646;
           padding : 0 0 1em 0;
           margin : 0;
      }
    #liens_nav {
          border-bottom-width : 0.05em;
          border-bottom-style : solid;
          border-bottom-color : #2A2A2A;
          clear : both;
      }
    #liens_nav h3 {
          font-variant : small-caps;
          text-align : right;
          color : #2A2A2A;
          font-size : 100%;
          font-weight : normal;
          position : relative;
          top : 2em;
      }
    #barre_nav {
          float : right;
          background-color : #DDDDDD;
          border-width : 0.15em;
          border-color : #B3B3B3;
          border-style : solid; 
      }
    #barre_nav form {
          margin : 0;
          padding : 0.2em;
      }
    
    .centrer {
           text-align : center;
      }

    .encart_a_gauche {
           float : left;
           margin : 0.5em;
      }

    .encart_a_droite {
           float : right;
           margin : 0.5em;
      }
    .encart {
           float : right;
           margin : 0;
           padding : 0.05em;
           width : 20em;
           background-image : url("http://www.humery-sa.com/images/encart_quadrillage.gif");
           border-width : 0.05em 0.15em 0.15em 0.05em;
           border-style : solid;
           border-color : #B7B7B7;
           font-family : comic sans ms;
           font-size : 110%;
           color : #000000;
      }

    .encart h5 {
           margin : 1em;
           font-size : 110%;
           text-align : center;
      }

    .encart p {
           margin : 1em;
           text-align : justify;
      }

    .encart ul {
    margin : 1em 2em;
      }

    .encart li {
     list-style : disc;
      }

  .encart_style {
           background-image : url("http://www.humery-sa.com/images/encart_reliure.gif");
           background-position : -0.05em;
           background-repeat : repeat-x;
           margin : 0;
           padding : 0;
           height : 22px;
      }
      
 .carte_visite {
          height : 20em;
          width : 12em;
          padding : 1em 2em;
          margin : 1.5em 0.7em;
          float : left;
      }
 .carte_visite h4 {
          font-variant : small-caps;
          font-weight : bold;
          text-align : center;
          margin : 2em 0 3em 0;
          min-height : 5em;
      }
  .vcard_perso {
         font-size : 80%;
         font-variant : small-caps;
         margin-top : 6em;
  }
  .vcard_perso img {
           border-width : 1px;
           border-style : solid;
           border-color : #787878;
           float : left;
           margin : 0.1em 0.8em 0.1em 0.1em;
  }
  .vcard {
           margin-bottom : 1.8em;
  }
  .org {
           font-size : 1.2em;
           font-weight : bold;
  }
  
  #boite_info {
  position : relative;
  top : -85px;
  left : 160px;
  width : 300px;
  height : 75px;
  margin : 0px;
  padding : 0px;
  }

  .infobulle {
  border-width : 1px;
  border-style : solid;
  border-color : #787878;
  background-color : #f4f4f4;
  margin : 0px;
  padding : 0.5em;
  min-height : 50px;
  }
  
  .infobulle img {
  float : left;
  margin-right : 0.5em;
  margin-bottom : 0.8em;
  }