/* feuille de style globale pour le site kitalu */
body
{
  background: #c5c5c5;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:  black;
  margin: 0px;
  padding:  0px;
  text-align: center
}

#kitalu-conteneur
{
  background: #ffffd3;
  width:  780px;
  margin: 0px auto
}

/* si page d'accueil affiche une photo de fond, si autre une autre photo de fond dans le div */

#entete, #entete-accueil, #entete-kitalu, #entete-distributeur, #entete-mode-emploi
{
  height: 156px;
  text-align :  left
}

#entete
{
  background: transparent url(../images/entete/fond-entete.jpg) no-repeat top left;
}

#entete-accueil
{
  background: transparent url(../images/entete/fond-entete-kitalu-gouttiere.jpg) no-repeat top left;
}

#entete-kitalu
{
  background: transparent url(../images/entete/fond-entete-kitalu.jpg) no-repeat top left;
}

#entete-distributeur
{
  background: transparent url(../images/entete/fond-entete-nos-distributeurs.jpg) no-repeat top left;
}

#entete-mode-emploi
{
  background: transparent url(../images/entete/fond-entete-mode-emploi.jpg) no-repeat top left;
}

#entete img, #entete-accueil img, #entete-kitalu img, #entete-distributeur img, #entete-mode-emploi img
{
  width:  166px;
  height: 146px;
  margin-left:  18px;
  margin-right: 100px;
  margin-top: 5px;
  border: 0px
}

/* menu de navigation du site */

#list-kitalu
{
  background: transparent url(../images/menu/fond-menu.jpg) no-repeat top left;
  margin: 0px;
  padding:  0px 0px 0px 68px;
  height: 48px
}

#list-kitalu li
{
  list-style-type:  none;
  text-align: center;
  float:  left;
  height: 19px;
  margin-top: 2px;
  text-align: center
}

#list-kitalu li a
{
  font-size:  11px;
  font-weight:  bold;
  text-decoration:  none;
  text-transform: uppercase;
  color:  black
}

#list-kitalu li a:hover
{
  font-size:  11px;
  font-weight:  normal
}

#list-kitalu li.activ
{
  background-position:  0px -38px
}

#accueil
{
  background: transparent url(../images/menu/maccueil.jpg) no-repeat 0px 0px;
  width:  70px;
  height: 19px
}

#kitalu
{
  background: transparent url(../images/menu/mkitalu.jpg) no-repeat 0px 0px;
  width:  64px;
  height: 19px
}

#gouttiere, #commande
{
  background: transparent url(../images/menu/mgouttiere.jpg) no-repeat 0px 0px;
  width:  91px;
  height: 19px
}

#demo, #pose
{
  background: transparent url(../images/menu/mdemo.jpg) no-repeat 0px 0px;
  width:  53px;
  height: 19px
}

#mode-emploi
{
  background: transparent url(../images/menu/mmodeemploi.jpg) no-repeat 0px 0px;
  width:  109px;
  height: 19px
}

#distributeur
{
  background: transparent url(../images/menu/mdistributeur.jpg) no-repeat 0px 0px;
  width:  153px;
  height: 19px
}

#footer
{
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px 5px
}

#copyright
{
  font-size: 10px;
  color: #999;
  text-align: right;
  margin: 0px;
}

#other_link
{
  font-size: 10px;
  color: #999;
  text-align: left;
  margin: 0px;
  float: left
}

#other_link a
{
  font-size: 10px;
  color: #999;
  text-align: left
}

div.cleaner
{
  float: none;
  clear:  both;
  line-height: 0;
  font-size: 0px
}