/* Normalise les marges et le remplissage de tous les éléments présent sur le site */
body, div, ol, ul, li, h1, h2, h3, h4, p, form, input, fieldset, legend, dl, dt, dd
{ margin : 0; padding : 0; }

/* Normalise les tailles des polices pour les en-têtes */
h1, h2, h3, h4
{ font-size:100%; }

/* Supprime list-style pour les listes */
ol, ul
{ list-style : none; }

/* Supprime les bordures dans les éléments fieldset et img */
img, fieldset { border : 0; }

/* Pour centrer la page, plutôt que d'utiliser un div enveloppant, on va faire appel aux éléments html et body */
html {
  text-align: center;
}

body {
  position: relative;
  width: 780px;
  margin : 0 auto;
  background: #A9BB43 url(img/pomme/fond2.jpg) repeat-x top left;
  text-align: left;
}

div#branding, div#nav_main, div#site_info {
  width: 100%;
}

div#branding {
  position: relative;
  z-index: 10;
  background: transparent url(img/pomme/header.png) no-repeat top left;
  height: 140px;
}

h1 {
  position: absolute;
  height: 113px;
  width: 188px;
  top: 16px;
  left: 550px;
  background: transparent url(img/logo_96.png) no-repeat;
  text-indent: -9999px;
}

h2 {
  position: absolute;
  left: 40px;
  top: 40px;
  font-family: Geneva, Gothic;
  font-size: 1.4em;
  color: #434d2d;
}

div#nav_main {
  position: relative;
  background: transparent url(img/pomme/haut.png) no-repeat top left;
  height: 50px;
  width: 780px;
}

ul#nav_tools {
  position: absolute;
  font-size: 14px;
  left: 120px;
  top: 5px;
  list-style:none;
}

div#nav_main li
{
  float:left;
  background: transparent url("img/pomme/onglet_droit.gif") no-repeat right bottom;
  margin:0;
  padding:0;
  display: inline;
}

div#nav_main a
{
  display:block;
  background: transparent url("img/pomme/onglet_gauche.gif") no-repeat left bottom;
  padding:5px 15px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}

div#nav_main a:hover
{
  color:#434D2D;
}

div#nav_main li#courant
{
  background-image:url("img/pomme/onglet_droit_actif.gif");
}

div#nav_main li#courant a
{
  background-image:url("img/pomme/onglet_gauche_actif.gif");
  padding:8px 15px;
  color:#434D2D;
}

div#nav_main li:hover
{
  background-image:url("img/pomme/onglet_droit_actif.gif");
}

div#nav_main li a:hover
{
  background-image:url("img/pomme/onglet_gauche_actif.gif");
  padding:8px 15px;
  color:#434D2D;
}

div#content {
  position: relative;
  background: transparent url(img/pomme/courant.gif) repeat-y top left;
  width: 780px;
  font-family: Tahoma;
  font-size:11px;
}

form#form_selects {
  margin: 0 15px;
}

form#form_selects fieldset {
  margin-bottom: 4px;
  border:2px groove threedface;
  padding:0 1em 1em;
  display:block;
}

form#form_selects legend {
  background:transparent none repeat scroll 0 0;
  color:black;
  font-weight:bold;
  padding-left:3px;
  padding-right:3px;
}

form#form_selects legend.aliments {
  font-weight:normal;
}

div p {
  margin-left: 15px;
  font-family: Tahoma;
  font-size:12px;
}

div#result_rech {
  margin-left: 15px;
  width: 95%;
}

div a.petitelistenormal {
  color: black;
  font-weight: normal;
  font-size: 10px;
  font-family: Tahoma;
}

p.titre_sec {
  text-align:center;
  font-size:14px;
  width: 100%;
}

p#resultat_rech
{
  font-weight:bold;
}

p.generaux {
  margin-left: 70px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size:11px;
}

p.generaux span#type {
  margin-left: 70px;
}

p.generaux span#vegetariens {
  margin-left: 30px;
}

p.generaux span#alcools, span#porcs, span#ustensile, span#lait {
  margin-left: 20px;
}

.listes
{
  font-size:10px;
  font-family: Tahoma;
  vertical-align:middle;
  font-style: normal;
}

#texte_rech {
  font-size:12px;
}

form#form_selects fieldset#specifiques {
  text-align: center;
}

form#form_selects fieldset#specifiques_multi {
  text-align: left;
}

form#form_selects fieldset #desires {
  /*position: relative;
  width: 300px;
  left:10px;
  top: 10px;*/
  float:left;
  width: 320px;
  text-align: center;
}

form#form_selects fieldset #nondesires {
  /*position: absolute;
  width: 300px;
  left:400px;
  top: 96px;*/
  float:right;
  width: 320px;
  text-align: center;
}

p#lancement {
  text-align: center;
}

form#form_selects label:hover {
  cursor:pointer;
}

div#content ul {
  padding-top: 3px;
}

div#content form img {
  vertical-align: middle;
}

p#curry {
  width: 560px;
  margin-left: 100px;
  padding-bottom: 14px;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
}

p#curry span#curry_title {
  display:block;
  margin: 10px;
}

p#pub_google {
  text-align:center;
  margin-left: 0;
}

p#pages {
  text-align:center;
  font-size:14px;
}

div#site_info {
  background: transparent url(img/pomme/bas.png) no-repeat top left;
  height: 43px;
  width: 780px;
  text-align:center;
}

div#site_info ul {
  padding-top: 13px;
  font-size:12px;
  font-family: Tahoma;
  color: #000000;
}

div#site_info ul li {
  display: inline;
  padding-left: 3px;
}

div#site_info a {
  color: black;
}

img.valid {
  height: 23px;
  width: 66px;
  vertical-align:middle;
}

ul.aide_liste {
  font-size:12px;
  margin-left:45px;
  list-style : disc;
}

p.aide {
  position: relative;
  left: 20px;
}

dl.definition-aide {
  float: left;
  padding-left: 2em;
  width: 20em;
}

dl.definition-aide {
  width: 16em;
}

dl.definition-aide#groupe_aliments, dl.definition-aide#type_aliments {
  width: 16em;
}

dl.definition-aide#aliments {
  width: 28em;
}

dl.definition-aide#aliments_popup {
  width: 21em;
}

dl.definition-aide dt {
  background-color: #3f7504;
  color: #A9A0B6;
  padding: .5em .5em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-left: 1px solid #3f7504;
  border-right: 1px solid #3f7504;
  border-top: 1px solid #3f7504;
}

dl.definition-aide dd {
  background: #DBD8D8;
  text-align: center;
  padding: 1em .5em;
  font-style: italic;
  border-left: 1px solid #3f7504;
  border-right: 1px solid #3f7504;
}

dl.definition-aide dd.dernier_aide {
  border-bottom: 1px solid #3f7504;
}

dl.definition-aide dd label {
  font-style: normal;
}

hr {
  clear: both;
  visibility: hidden;
}

p.autresliens {
  width: 95%;
}

ul.row {
  margin-top:1em;
  position:relative;
  width:100%;
  padding-left:3ex;
}

ul#partenaires {
  line-height: 20px;
  text-align: center;
  padding:0 10px;
}

ul#partenaires img {
  vertical-align:middle;
}

ul.row li.second {
  left: 250px;
  position: absolute;
  top: 0;
  text-align: center;
}

ul.row li.third {
  left: 500px;
  position: absolute;
  top: 0;
  text-align: right;
}

li.liste_rech {
  margin-left:4em;
  float: left;
  width: 40%;
}

li.liste_rech ul {
  list-style-image: url(img/pomme/pomme_puce.gif);
}

h3.ppal {
  margin:1em;
  font-size:1.17em;
  text-align: center;
  width: 100%;
}

ul#historique {
  padding-left:2.5em;
  list-style-image: url(img/arrow.gif);
  width: 95%;
}

div#pop_aide p, h3 {
  text-align: center;
}

div.autocomplete {
  background-color: white;
}

div.autocomplete ul {
  list-style-type: none;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  cursor: default;
  font-family: sans-serif;
  font-size: 90%;
  color: #444;
  height: 1.5em;
  line-height: 1.5em;
}

div.autocomplete ul li.selected {
  background-color:  #ffb;
}

form#form_pb {
  text-align: center;
}