html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
}



/*Première partie du header*/
#header {
  width:1000px;
  height:127px;
  background-image: url(header.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  background-attachment: scroll
}

 /*placement du picto livraison   */
#header img{
  padding-left:870px;
  padding-top: 10px;
  height: 112px;
  position: absolute;
  margin: 0;
  border: 0
}

/*personnalisation du a
#header a img {
   padding-left:710px;
  padding-top: 15px;
  height: 64px
}     */

/*Deuxième partie du header avec la zone de liens*/
#menuheader {
  width:1000px;
  height:35px;
  background-image: url(header_menu_clean.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  background-attachment: scroll
}
 /*le h1 des liens*/
#menuheader h1 {
  padding-left:205px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.80em;
  color: #729A13;
  position: absolute;
  padding-top: 12px;
  margin: 0
}


 /*le a des liens*/
#menuheader a {
  color: #729A13;
  padding-top: 5px;
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

#menuheader a:hover {
  color: #729A13;
  padding-top: 5px;
  margin: 0;
  text-decoration: underline;
  cursor: pointer
}

#menuheader a.class1  {
  color: #0b92cc;
  padding-top: 5px;
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

#menuheader a.class1:hover {
  color: #0b92cc;
  padding-top: 5px;
  margin: 0;
  text-decoration: underline;
  cursor: pointer
}

#menu {
float: left;
clear: both ;
position: absolute;
position: fixed;
opacity: 0.8;
	top: 300px;
	right: 0x;
background-color: #FFFFFF;
border: 1px solid #666666;
padding: 1em;
width: 100px;
z-index: 4
}

#menu a {
  color: #729A13;
  margin: 0;
  text-decoration: none;
  cursor: pointer
}

#menu a:hover {
  color: #729A13;
  margin: 0;
  text-decoration: underline;
  cursor: pointer
}


#menu p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.60em;
  color: #729A13;
  margin: 0
}


#animFlash {
	width: 100%;
	height: 100%;
    z-index: 1;
    position: absolute;
   left: 0px
    /*roll back suite intégration fond left: 58px;*/
}

#fond_feuille {
 width:1000px;
  z-index:0;
  position: relative;
  /*background-color : #b0cc66; */
  background-image: url(feuille_1pix.jpg);
  margin-left: 50px;
  margin-top: 0;
  padding-top: 0;
  background-repeat: repeat-y
}

#fond_bambou {
 width:1000px;
  z-index:0;
  position: relative;
  /*background-color : #b0cc66; */
  background-image: url(bambou_1pix.jpg);
  margin-left: 50px;
  margin-top: 0;
  padding-top: 0;
  background-repeat: repeat-y
}

#fond_ciel {
 width:1000px;
  z-index:0;
  position: relative;
  /*background-color : #b0cc66; */
  background-image: url(ciel_1pix.jpg);
  margin-left: 50px;
  margin-top: 0;
  padding-top: 0;
  background-repeat: repeat-y
}



/*La zone contenu*/
#contenu {
 width:1000px;
  z-index:2;
  position: relative;
  /*height:auto;*/
    font-family: Arial, Helvetica, sans-serif;
  /*background-image: url(corps_ciel.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: scroll;*/
  margin-left: 0;
  /*roll back suite intégration fond margin-left: 50px;*/
  margin-top: 0;
  padding-top: 0
}

#contenu h1 {
  padding-left:140px;
  padding-right: 140px;
  font-size: 1.3em;
  color: #FFFFFF;
}

#contenu h2 {
  padding-left:140px;
  padding-right: 140px;
  font-size: 1em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em;
  font-weight: bold
}

#contenu h3 {
  padding-left:140px;
  padding-right: 140px;
  font-size: 0.8em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em
}

#contenu h4 {
  padding-left:140px;
  padding-right: 140px;
  font-size: 1em;
  color: #0192CD;
  text-align: justify;
  line-height: 1.3em;
  font-weight: bold
}




/*contenu a {
  padding-left:120px;
  font-size: 0.8em;
  text-decoration: none;
  color: #A77839
} */

#contenu ul {
  padding-left:140px;
    }

#contenu img{
  padding: 1px
}

#contenu a img{
  border: 0
}


#contenu label {
  padding-right: 140px;
  font-size: 0.8em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em;
  list-style: square
}

#contenu li {
  padding-right: 140px;
  font-size: 0.8em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em;
  list-style: square
}



#contenu p {
  padding-left:140px;
  padding-right: 140px;
  font-size: 0.8em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em
}

#contenu .matable {
  width:1000px;
  padding-left:140px;
  padding-right: 140px;
  color: #000000;
  text-align: center;
  border: 0;
  font-size: 0.8em

}

#contenu .tablesstext {
  width:1000px;
  color: #000000;
  text-align: left;
  border: 0;
  padding: 0
}

#contenu td.tablesstext {
width:350px;
text-align: left;
  background-color: #FF3300;
  vertical-align: top;
   padding: 0
}

#contenu td {
  border: 0;
  vertical-align: top;
}

#contenu_alone {
  width:1000px;
  /*height:800px;*/
    font-family: Arial, Helvetica, sans-serif;
  background-image: url(bandeau_vert.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  background-attachment: scroll;
  margin-top: 0;
  padding-top: 0
}

#contenu_alone_2 {
  width:1000px;
  /*height:800px;*/
    font-family: Arial, Helvetica, sans-serif;
 /* background-image: url(bandeau_vert.jpg);
  background-position: top;
  background-repeat: no-repeat;
    background-attachment: scroll;   */
  margin-left: 50px;

  margin-top: 0;
  padding-top: 0
}

#contenu_alone img{
  padding: 1px
}

#contenu_alone p {
  /*padding-left:120px;
  padding-right: 120px; */
  font-size: 0.8em;
  color: #000000;
  text-align: justify;
  line-height: 1.3em
}

#footer_feuille {
  width:1000px;
  height:133px;
  position: relative;
  background-image: url(footer_feuille.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  z-index: 3;
  background-attachment: scroll

}


#footer_ciel {
  width:1000px;
  height:133px;
  position: relative;
  background-image: url(footer_ciel.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  z-index: 3;
  background-attachment: scroll

}

#footer_bambou {
  width:1000px;
  height:133px;
  position: relative;
  background-image: url(footer_bambou.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  z-index: 3;
  background-attachment: scroll

}

/*Première partie du footer - herbe*/
#footer {
  width:1000px;
  height:133px;
  position: relative;
  background-image: url(footer.png);
  background-position: top;
  background-repeat: no-repeat;
  margin-left: 50px;
  z-index: 3;
  background-attachment: scroll

}

/*deuxième partie du footer - mentions légales*/
#mention {
  width:1000px;
  height:20px;
  position: relative;
  margin-left: 50px;
  background-attachment: scroll;
  background-color: #0192CD;
  z-index: 2;
  margin-top: 5px
}

 /*le h2 des mentions légales*/
#mention h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.70em;
  color: #FFFFFF;
  margin : 0;
  font-weight: bold;
  text-align: center;
    z-index: 3;

  padding-top: 0.25em
}

#mention a {
    color: #FFFFFF;
}

/*-----------------------*/
h1 {
  padding-top: 150px;
  margin-top: 0
}


p {
  margin: 0;
  padding: 0
}

.corps {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  text-align: justify;

}

.logoAB {
display: inline;
background-image: url(pictos/logo_ab.jpg);
padding:0 9px;
 vertical-align:top;
width: 20px;
height: 24px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0
}


a.contenu {
  text-decoration: none;
  color: #A77839
}

a.contenu: link {
  text-decoration: none;
  color: #A77839
}

a.contenu: visited {
  text-decoration: none;
  color: #A77839
}

a.contenu: hover {
  text-decoration: none;
  color: #A77839;
  cursor: pointer
}

a.contenu: active {
  text-decoration: none;
  color: #A77839
}

a.contenu_alone_2 {
  text-decoration: none;
  color: #A77839
}

a.contenu_alone_2: link {
  text-decoration: none;
  color: #A77839
}

a.contenu_alone_2: visited {
  text-decoration: none;
  color: #A77839
}

a.contenu_alone_2: hover {
  text-decoration: none;
  color: #A77839;
  cursor: pointer
}

a.contenu_alone_2: active {
  text-decoration: none;
  color: #A77839
}


a.corps {
  text-decoration: none
}

a.corps: link {
  text-decoration: none
}

a.corps: visited {
  text-decoration: none
}

a.corps: hover {
  text-decoration: none
}

a.corps: active {
  text-decoration: none
}

.titre  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: justify;
  font-weight: bold
}

.titre_bleu  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: justify;
  color: #0192CD;
  font-weight: bold
}

a.titre {
  text-decoration: none
}

a.titre: link {
  text-decoration: none
}

a.titre: visited {
  text-decoration: none
}

a.titre: hover {
  text-decoration: none
}

a.titre: active {
  text-decoration: none
}

.calories {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  text-align: justify;
  font-style: italic
}

.vert_olive {
  color: #f7ebab;
}