form *,
a,
*
{
  outline: none!important;
}

html
{
}

/* --------------- */
/* --- ACCUEiL --- */
/* --------------- */

.front
{
  background: #e5e5e5;
}

.front #global
{
  background: #e5e5e5 url(../img/front-bg.gif) repeat-x left 60px;
}

.front #website
{
  width: 1002px;
  height: 680px;
  margin: 0 auto;
  background: url(../img/home-bg.jpg) no-repeat left 20px;
  position: relative;
}

.front #version-selector
{
  position: absolute;
}

.front #backhome
{
  position: absolute;
  right: 0;
}

.front #backhome a
{
  display: block;
  width: 278px;
  height: 0;
  margin-top: 54px;
  padding-top: 61px;
  overflow: hidden;
}

.front #version-selector ul
{
  margin: 0;
  padding: 33px 0 0 0;
  list-style: none;
}

.front #version-selector ul li
{
  padding: 0 0 0 7px;
  margin: 0;
  float: left;
}

.front #version-selector ul li a
{
  display: block;
  float: left;
  height: 0;
  width: 16px;
  overflow: hidden;
  padding-top: 11px;
  background-image: url(../img/flags-off.gif);
  background-repeat: no-repeat;
}

.front #version-selector ul li a:hover
{
  background-image: url(../img/flags-on.gif);
}

.front a.flag-fr
{
  background-position: 0 0;
}

.front a.flag-es
{
  background-position: -16px 0;
}

.front a.flag-en
{
  background-position: -32px 0;
}

.front a.flag-po
{
  background-position: -48px 0;
}

.front a.flag-ru
{
  background-position: -64px 0;
}

.front #fav-trigger
{
  position: absolute;
  right: 0;
  margin-right:1px;
  padding-top: 20px;
  font-size: 10px;
}

.front #fav-trigger a
{
  color: #6f706f;
  text-decoration: none;
  font-size: 10.5px;
  padding-right: 14px;
  font-size: 10px;
}

.front #fav-trigger a:hover
{
  color: #333;
}

.front #flash-file
{
  position: absolute;
  /*  background: url(../img/flash-place-holder.png) no-repeat left top;*/
  height: 680px;
  width: 520px;
}

.front #monthly-advice
{
  position: absolute;
  background: url(../img/box-monthly-advice.png) no-repeat left top;
  _background: url(../img/box-monthly-advice.gif) no-repeat 5px 28px;
  height: 157px;
  width: 176px;
  margin: 452px 0 0 112px;
}

/*--- logbox ---*/

.index #logbox
{
  color: #fff;
  margin: 147px 0 0 784px;
  position: absolute;
  width: 166px;
  overflow: hidden;
  z-index: 2;
  cursor: help;
}

.page div.logbox
{
  color: #fff;
  position: relative;
}

.index #logbox div.le-top,
.index #logbox div.le-bottom,
.page div.logbox div.le-top,
.page div.logbox div.le-bottom
{
  margin: 0 12px;
  height: 0;
  padding-top: 12px;
  overflow: hidden;
  background: url(../img/logbox-repeat.png);
  _background: #883A2C;
}

.index #logbox div.le-contents,
.page div.logbox div.le-contents
{
  background: url(../img/logbox-repeat.png);
  _background: #883A2C;
  overflow: hidden;
  top: 12px;
  bottom: 12px;
  padding: 0 12px;
}

.index #logbox div.corner,
.page div.logbox div.corner
{
  width: 12px;
  height: 0;
  padding-top: 12px;
  position: absolute;
  background: url(../img/logbox-corners.png) no-repeat;
  _background: #883A2C;
}

.index #logbox div.corner.top,
.page div.logbox div.corner.top
{
  top: 0;
}

.index #logbox div.corner.bottom,
.page div.logbox div.corner.bottom
{
  top: 100%;
  margin-top: -12px;
}

.index #logbox div.corner.left,
.page div.logbox div.corner.left
{
  left: 0;
}

.index #logbox div.corner.right,
.page div.logbox div.corner.right
{
  left: 100%;
  margin-left: -12px;
  background-position: -12px 0;
}

.index #logbox div.corner.bottom.left,
.page div.logbox div.corner.bottom.left
{
  background-position: 0 -12px;
}

.index #logbox div.corner.bottom.right,
.page div.logbox div.corner.bottom.right
{
  background-position: -12px -12px;
}

.index #logbox h3,
.page div.logbox h3
{
  background: url(../img/locale/fr/private-access.png) no-repeat right top;
  _background: url(../img/locale/fr/private-access.gif) no-repeat right top;
  height: 0;
  padding-top: 16px;
  margin: 0 15px 0.8em 0;
  overflow: hidden;
}

.index #logbox form
{
  margin: 0.8em 10px 0 0;
  width: 240px;
}

.page div.logbox form
{
  margin: 0.8em 10px 0 0;
}

.index #logbox form ul,
.page div.logbox form ul
{
  padding: 0;
  margin: 0.8em 0;
  display: block;
  text-align: right;
  list-style: none;
}

.index #logbox table,
.page div.logbox table
{
  width: 100%;
}

.index #logbox td,
.page div.logbox td
{
  text-align: right;
  padding-bottom: 2px;
}

.index #logbox label,
.page div.logbox label
{
  color: #fff;
  display: block;
  text-align: right;
  padding-right: 5px;
}

.index #logbox sup,
.page div.logbox sup
{
  display: none;
}

.index #logbox input,
.page div.logbox input
{
  border: none;
  padding: 0;
  width: 100%;
}

.index #logbox small,
.page div.logbox small
{
  margin: 0.5em 0;
  display: block;
}

.index #logbox form a,
.page div.logbox form a
{
  color: #fff;
  text-decoration: none;
}

.index #logbox form button,
.page div.logbox form button
{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  width: 80px;
  background: none;
  color: #e98351;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
}

.index #logbox #form-disconnect button,
.page div.logbox #form-disconnect button
{
  width: 97px;
}

.index #logbox #form-disconnect td,
.page div.logbox #form-disconnect td
{
  color: #fff;
}

div.blue-cornered-box.links a
{
  color: #5E8487;
  font-size: 1.1em;
  text-decoration: none;
}

div.blue-cornered-box.links ul.choice
{
}

div.blue-cornered-box.links a:hover
{
  text-decoration: underline;
}

div.blue-cornered-box.links h3
{
  border-bottom: 1px solid #5E8487;
  padding-bottom: 4px;
  color: #5E8487;
}

div.red-cornered-box.links h3
{
  border-bottom: 1px solid #B87649;
  padding-bottom: 4px;
  color: #B87649;
}

div.red-cornered-box.links form
{
  margin: 0;
}

div.red-cornered-box.links td.label
{
  font-weight: bold;
}

.login #content-left .logbox
{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* --- logbox inside ---*/

.page #logbox
{
  color: #fff;
  margin: -44px 0 0 722px;
  position: absolute;
  width: 123px;
  overflow: hidden;
  z-index: 2;
  cursor: help;
  top: 0;
}

.page #logbox div.le-top,
.page #logbox div.le-bottom
{
  margin: 0 12px;
  height: 0;
  padding-top: 12px;
  overflow: hidden;
  background: url(../img/logbox-repeat.png);
  _background: #883A2C;
}

.page #logbox div.le-contents
{
  background: url(../img/logbox-repeat.png);
  _background: #883A2C;
  overflow: hidden;
  top: 12px;
  bottom: 12px;
  padding: 0 12px;
}

.page #logbox div.corner
{
  width: 12px;
  height: 0;
  padding-top: 12px;
  position: absolute;
  background: url(../img/logbox-corners.png) no-repeat;
  _background: #883A2C;
}

.page #logbox div.corner.top
{
  top: 0;
}

.page #logbox div.corner.bottom
{
  top: 100%;
  margin-top: -12px;
}

.page #logbox div.corner.left
{
  left: 0;
}

.page #logbox div.corner.right
{
  left: 100%;
  margin-left: -12px;
  background-position: -12px 0;
}

.page #logbox div.corner.bottom.left
{
  background-position: 0 -12px;
  background-image: url(../img/logbox-repeat.png);
}

.page #logbox div.corner.bottom.right
{
  background-position: -12px -12px;
  background-image: url(../img/logbox-repeat.png);
}

.page #logbox div.corner.bottom.left.page,
.page #logbox div.corner.bottom.right.page
{
  background-image: url(../img/logbox-corners.png);
}

.page #logbox h3
{
  margin: 0 0 0 2px;
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 11px;
  line-height: 10px;
  background: url(../img/puce-private-access.gif) no-repeat right 4px;
}

.page #logbox form
{
  margin: 0.8em 10px 0 0;
  width: 240px;
}

.page #logbox form ul
{
  padding: 0;
  margin: 0.8em 0;
  display: block;
  text-align: right;
  list-style: none;
}

.page #logbox table
{
  width: 100%;
}

.page #logbox td
{
  text-align: right;
  padding-bottom: 2px;
}

.page #logbox label
{
  color: #fff;
  display: block;
  text-align: right;
  padding-right: 5px;
}

.page #logbox sup
{
  display: none;
}

.page #logbox input
{
  border: none;
  padding: 0;
  width: 100%;
}

.page #logbox small
{
  margin: 0.5em 0;
  display: block;
}

.page #logbox form a
{
  color: #fff;
  text-decoration: none;
}

.page #logbox form button
{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  width: 80px;
  background: none;
  color: #e98351;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}

/* --- fin logbox --- */

.front #know-how
{
  position: absolute;
  margin: 326px 0 0 444px;
}

.front #know-how form
{
  margin: 0;
}

.front #know-how label
{
  display: block;
  color: #407b0c;
  font-weight: bold;
  width: 300px;
  height: 31px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.front #logo-box
{
  position: absolute;
  width: 278px;
  height: 138px;
  background: url(../img/home-logo.png) no-repeat left top;
  margin: 260px 0 0 724px;
}

.front #logo-box a
{
  display: block;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  margin: 108px 0 0 49px;
}

.front #prod-box
{
  width: 290px;
  height: 150px;
  position: absolute;
  margin: 445px 0 0 428px;
  background: url(../img/prod-box.png) no-repeat left top;
  _background: url(../img/prod-box.gif) no-repeat left top;
}

.front #prod-box h2
{
  margin: 20px 0 0 26px;
}

.front #prod-box h2 a
{
  padding-top: 20px;
  overflow: hidden;
  line-height: 22px;
  height: 0;
  display: block;
}

.front #prod-box h8
{
  margin: 20px 0 0 26px;
}

.front #prod-box h8 a
{
  padding-top: 20px;
  overflow: hidden;
  line-height: 22px;
  height: 0;
  display: block;
}

.front #prod-box ul
{
  margin: 0;
  padding: 5px 27px 0 27px;
  list-style: none;
}

.front #prod-box ul li
{
  border-bottom: 1px dashed #333;
  padding: 4px 0;
}

.front #prod-box ul li a
{
  background: url(../img/prod-list.gif) no-repeat left 5px;
  padding: 0 0 0 10px;
  text-decoration: none;
}

.front #prod-box ul li a:hover
{
  color: #6f706f;
}

.front #footer
{
  width: 1002px;
  margin: -15px auto;
  position: relative;
}

.front #secondary-links ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.front #secondary-links ul li
{
  float: left;
  margin-right: 20px;
}

.front #secondary-links ul li a
{
  color: #6f706f;
  text-decoration: none;
}

.front #secondary-links ul li a:hover
{
  color: #333;
}

.front #credits
{
  position: absolute;
  right: 0;
  color: #6f706f;
}

.front #credits a
{
  color: #6f706f;
  text-decoration: none;
}

.front #credits a:hover
{
  color: #333;
}

/* -------------- */
/* --- inside --- */
/* -------------- */

.page #global
{
  background: none;
}

.page #top-box
{
  height: 63px;
  margin: 0 auto;
  width: 1000px;
  position: relative;
}

.page #main-box
{
  height: auto;
  background: #fff url(../img/bg-default.jpg) no-repeat left 1px;
}

.page #content-box
{
  margin: 0 auto;
  position: relative;
  width: 1000px;
  background: url(../img/line-top.gif) no-repeat left 1px;
}

.page #bandeau
{
  background: url(../img/bandeau-small.png) no-repeat left top;
  height: 335px;
  width: 1000px;
  position: relative;
  margin-top: 2px;
}

.page #leaf
{
  width: 254px;
  height: 305px;
  position: absolute;
  background: url(../img/leaf-default.png) no-repeat left top;
  margin-top: -15px;
  left: 0;
}

.page #navigation
{
  margin: 8px 0 0 250px;
  color: #2f6f0d;
  position: absolute;
  left: 0;
  top: 0;
}

.page #navigation a
{
  color: #333333;
  text-decoration: none;
  background: url(../img/puce-navigation.gif) no-repeat right 5px;
  padding: 0 11px 0 0;
  margin-right: 7px;
}

.page #navigation a.formulations
{
  display: none;
}

.page #formulations
{
  position: absolute;
  margin: 22px 0 0 250px;
  left: 0;
  top: 0;
}

.page #formulations h2
{
  color: #437810;
  font-weight: normal;
  font-size: 1.65em;
  margin-top: 30px;
}

.page #formulations ul
{
  margin: 0;
  padding: 3px 0 0 0;
  position: relative;
  list-style: none;
  width: 523px;
  z-index: 1000;
}

.page #formulations ul li
{
  width: 69px;
  height: 63px;
  float: left;
  margin: 0 10px 3px 0;
}

.page #formulations ul li.hover
{
  background: url(../img/formulations-bg.png) no-repeat left top;
}

.page #formulations ul li a
{
  width: 69px;
  height: 0;
  padding-top: 63px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
}

.page #formulations ul li a.f01
{
  background-position: 0 0;
}

.page #formulations ul li a.f02
{
  background-position: -79px 0;
}

.page #formulations ul li a.f03
{
  background-position: -157px 0;
}

.page #formulations ul li a.f04
{
  background-position: -236px 0;
}

.page #formulations ul li a.f05
{
  background-position: -317px 0;
}

.page #formulations ul li a.f06
{
  background-position: -395px 0;
}

.page #formulations ul li a.f07
{
  background-position: 0 -66px;
}

.page #formulations ul li a.f08
{
  background-position: -79px -66px;
}

.page #formulations ul li a.f09
{
  background-position: -157px -66px;
}

.page #formulations ul li a.f10
{
  background-position: -236px -66px;
}

.page #formulations ul li a.f11
{
  background-position: -317px -66px;
}

.page #formulations ul li a.f12
{
  background-position: -395px -66px;
}

.product #product-ingredients a.f01
{
  background-position: 0 0;
}

.product #product-ingredients a.f02
{
  background-position: -79px 0;
}

.product #product-ingredients a.f03
{
  background-position: -157px 0;
}

.product #product-ingredients a.f04
{
  background-position: -236px 0;
}

.product #product-ingredients a.f05
{
  background-position: -317px 0;
}

.product #product-ingredients a.f06
{
  background-position: -395px 0;
}

.product #product-ingredients a.f07
{
  background-position: 0 -66px;
}

.product #product-ingredients a.f08
{
  background-position: -79px -66px;
}

.product #product-ingredients a.f09
{
  background-position: -157px -66px;
}

.product #product-ingredients a.f10
{
  background-position: -236px -66px;
}

.product #product-ingredients a.f11
{
  background-position: -317px -66px;
}

.product #product-ingredients a.f12
{
  background-position: -395px -66px;
}

.page #page-title
{
  position: absolute;
  top: 0;
  left: 0;
  margin: 152px 0 0 230px;
}

.page #page-title h2
{
  color: #437810;
  font-weight: normal;
  font-size: 1.65em;
  background: url(../img/title-dash.gif) no-repeat left top;
  padding: 40px 0 6px 20px;
}

.page #contents
{
  padding-left: 25px;
  margin-top: -140px;
  padding-bottom: 44px;
  background: url(../img/flowers.gif) no-repeat 605px bottom;
}

.page #content-left
{
  width: 469px;
  float: left;
  position: relative;
  margin-top: 60px;
  margin-left: 204px;
}

.page #content-right
{
  width: 217px;
  float: right;
  position: relative;
  margin-right: 46px;
  _margin-right: 23px;
}

.page #content-right div.box
{
  background: url(../img/box-right-bg.gif) no-repeat left top;
  height: 132px;
}

.page #know-how
{
  position: relative;
  margin: 0;
  width: auto;
  z-index: 2;
}

.page #know-how form
{
  padding: 0 0 0 18px;
  margin: 0;
}

.page #know-how label
{
  margin-bottom: 10px;
  width: auto;
  padding-top: 10px;
}

.page #prod-box
{
  width: auto;
  position: relative;
  margin: 0;
  background: none;
  padding-top: 23px;
  height: 109px!important;
}

.page #prod-box h2
{
  margin: 0 0 0 18px;
}

.page #prod-box h2 a
{
  padding-top: 17px;
}

.page #prod-box h8
{
  margin: 0 0 0 18px;
}

.page #prod-box h8 a
{
  padding-top: 17px;
}

.page #content-right #misc-box.box
{
  background: url(../img/box-right-bg-special.png) no-repeat left top;
}

.page #misc-box ul
{
  margin: 0;
  padding: 20px 27px 0 27px;
  list-style: none;
}

.page #misc-box ul li
{
  background: url(../img/puce-leaf.png) no-repeat left 5px;
  border-bottom: 1px dashed #333;
  padding: 8px 0 8px 20px;
}

.page #misc-box ul li a
{
  text-decoration: none;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 18px;
}

.page #footer
{
  height: 30px;
  margin: -3px auto;
  padding-top: 10px;
  width: 1000px;
  position: relative;
  background: url(../img/line-top.gif) no-repeat left top;
}

.page #add-on
{
  position: absolute;
}

/* --- formulations --- */

.formulations #main-box
{
/*  background: #fff url(../img/bg-formulations.jpg) no-repeat left 1px;*/
}


.formulations #leaf
{
  background: url(../img/leaf-formulations-2.png) no-repeat left top;
}

.formulations #bandeau
{
  background: url(../img/bandeau.png) no-repeat left top;
  height: 393px;
}

.formulations #page-title
{
  margin: 192px 0 0 230px;
}

.formulations #content-left
{
  margin-top: 10px;
}

.formulations #content-left
{
  width: 683px;
  margin-left: 0;
}

/* --- product access --- */

body.product-access #content-left
{
  width: 683px;
  margin-left: 0;
}

.page div.product-access
{
  overflow: hidden;
  width: 680px;
  margin-top: 50px;
}

.page div.product-access ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 690px;
}

.page div.product-access ul li
{
  float: left;
  margin-right: 10px;
}

.page div.product-access ul li a
{
  display: block;
  width: 220px;
  height: 0;
  padding-top: 261px;
  background-image: url(../img/locale/fr/products-access-list.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

/* --- by name --- */

body.by-name #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 50px;
}

body.by-name #bandeau
{
  background-image: url(../img/bandeau-byname.png);
  height: 385px;
}

body.by-name div.col
{
  float: left;
  width: 170px;
}

body.by-name div.col ul
{
  margin: 0 0 0.5em 0;
  padding: 0;
  list-style: none;
}

body.by-name div.col ul li
{
  position: relative;
  margin-right: 10px;
  margin-bottom: 1px;
}

body.by-name div.col ul li.show
{
  background: #E3E34F;
}

body.by-name div.col ul li.show a:hover
{
  color: #fff;
}

body.by-name div.col ul li h3
{
  margin: 0;
  color: #e3e34f;
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 0.2em;
}

body.by-name div.col ul li a
{
  text-decoration: none;
}

body.by-name div.col ul li a:hover
{
  color: #E3E34F;
}

body.by-name div.col ul li small
{
  width: 50px;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 15px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

body.by-name #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.by-name #add-on
{
  margin: 186px 0 0 522px;
}

body.by-name div.search-box
{
  background: url(../img/bg-searchbox.gif) no-repeat left top;
  width: 201px;
  height: 19px;
}

body.by-name div.search-box input
{
  padding: 0;
  border: none;
  background: none;
  height: 19px;
  display: block;
  float: left;
  width: 178px;
  margin-top: 2px;
  padding-left: 4px;
}

body.by-name div.search-box button
{
  border: none;
  background: none;
  padding: 0;
  display: block;
  float: left;
  height: 19px;
  width: 19px;
  overflow: hidden;
  text-indent: -10000px;
}

/* --- by elements --- */

body.by-elements #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.by-elements #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 50px;
}

body.by-elements #bandeau
{
  background-image: url(../img/bandeau-byelements.png);
  height: 409px;
}

.page #products-solutions h2
{
  position: absolute;
  top: -80px;
  left: 0;
  margin: 0 0 0 205px;
  color: #5e8487;
  font-size: 1.65em;
  background: url(../img/title-dash-byelements.gif) no-repeat left top;
  padding: 40px 0 6px 20px;
}

.page div.blue-cornered-box,
.page div.red-cornered-box
{
  position: relative;
  margin-bottom: 15px;
}

.page div.blue-cornered-box div.le-top,
.page div.blue-cornered-box div.le-bottom,
.page div.red-cornered-box div.le-top,
.page div.red-cornered-box div.le-bottom
{
  margin: 0 10px;
  height: 0;
  padding-top: 10px;
  overflow: hidden;
}

.page div.blue-cornered-box div.le-top,
.page div.blue-cornered-box div.le-bottom
{
  background: url(../img/blue-content-box-repeat.png);
  _background: #883A2C;
}

.page div.red-cornered-box div.le-top,
.page div.red-cornered-box div.le-bottom
{
  background: url(../img/red-content-box-repeat.png);
  _background: #c98b50;
}

.page div.blue-cornered-box div.le-contents,
.page div.red-cornered-box div.le-contents
{
  overflow: hidden;
  top: 10px;
  bottom: 10px;
  padding: 5px 19px;
}

.page div.blue-cornered-box div.le-contents
{
  background: url(../img/blue-content-box-repeat.png);
  _background: #883A2C;
}

.page div.red-cornered-box div.le-contents
{
  background: url(../img/red-content-box-repeat.png);
  _background: #c98b50;
}

.page div.blue-cornered-box div.corner,
.page div.red-cornered-box div.corner
{
  width: 10px;
  height: 0;
  padding-top: 10px;
  position: absolute;
}

.page div.blue-cornered-box div.corner
{
  background: url(../img/blue-content-box-corners.png) no-repeat;
  _background: #883A2C;
}

.page div.red-cornered-box div.corner
{
  background: url(../img/red-content-box-corners.png) no-repeat;
  _background: #c98b50;
}

.page div.blue-cornered-box div.corner.top,
.page div.red-cornered-box div.corner.top
{
  top: 0;
}

.page div.blue-cornered-box div.corner.bottom,
.page div.red-cornered-box div.corner.bottom
{
  top: 100%;
  margin-top: -10px;
}

.page div.blue-cornered-box div.corner.left,
.page div.red-cornered-box div.corner.left
{
  left: 0;
}

.page div.blue-cornered-box div.corner.right,
.page div.red-cornered-box div.corner.right
{
  left: 100%;
  margin-left: -10px;
  background-position: -10px 0;
}

.page div.blue-cornered-box div.corner.bottom.left,
.page div.red-cornered-box div.corner.bottom.left
{
  background-position: 0 -10px;
}

.page div.blue-cornered-box div.corner.bottom.right,
.page div.red-cornered-box div.corner.bottom.right
{
  background-position: -10px -10px;
}

.page div.blue-cornered-box h3,
.page div.red-cornered-box h3
{
  margin: 0;
  font-size: 1.3em;
}

.page div.blue-cornered-box h3
{
  color: #5e8487;
}

.page div.red-cornered-box h3
{
  color: #b87649;
}

.page div.blue-cornered-box ul,
.page div.red-cornered-box ul
{
  margin: 7px 0 0 0;
  padding: 0;
  list-style: none;
  color: #444;
}

.page div.blue-cornered-box ul.missing,
.page div.red-cornered-box ul.missing
{
  margin: 7px 0 0 0;
  padding: 0;
  list-style: none;
  color: red;
}

.page div.blue-cornered-box ul li,
.page div.red-cornered-box ul li
{
  background: url(../img/puce-blue-rounded-box.gif) no-repeat 0 6px;
  padding-left: 8px;
}

body.by-elements div.left-side
{
  float: left;
  width: 320px;
}

body.by-elements div.right-side
{
  float: left;
  width: 333px;
  padding-left: 30px;/*  padding-top: 20px;*/
}

body.by-elements div.right-side ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

body.by-elements div.right-side ul li
{
  background: url(../img/puce-leaf-3.png) no-repeat 0 0;
  padding: 3px 0 0 16px;
  margin-bottom: 5px;
}

body.by-elements div.right-side ul li a
{
  color: #5e8487;
  font-size: 1.3em;
  text-decoration: none;
  font-weight: bold;
}

body.by-elements div.right-side ul li a:hover
{
  color: #BADFE3;
}

body.by-elements #add-on
{
  margin: 150px 0 0 430px;
}

body.by-elements #add-on table th
{
  border-left: 1px dotted #fff;
  border-bottom: 1px solid #d0dbd9;
  width: 150px;
}

body.by-elements #add-on table td
{
  border-left: 1px dotted #b3d0ca;
  vertical-align: top;
}

body.by-elements #add-on table td.next
{
  border-left: none;
}

body.by-elements #add-on table h3
{
  margin: 0;
  color: #badfe3;
  padding-left: 10px;
  padding-bottom: 3px;
}

body.by-elements #add-on table ul
{
  padding: 3px 0 0 10px;
  margin: 0;
  list-style: none;
  color: #fff;
}

body.by-elements #add-on table ul li
{
  background: url(../img/puce-element.gif) no-repeat 0 6px;
  padding-left: 8px;
}

body.by-elements #add-on table ul li a
{
  color: #fff;
  text-decoration: none;
}

body.by-elements #add-on table ul li a:hover,
body.by-elements #add-on table ul li a.selected
{
  color: #badfe3;
}

body.by-elements #add-on table ul li a.selected
{
  font-weight: bold;
}

/* --- by culture --- */

body.by-culture #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.by-culture #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 0;
}

body.by-culture #bandeau
{
  background-image: url(../img/bandeau-byculture.png);
  height: 409px;
}

body.by-culture #bubbles
{
}

body.by-culture #bubbles ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

body.by-culture #bubbles ul li
{
  position: absolute;
}

body.by-culture #bubbles ul li a
{
  background-color: #000;
  display: block;
  height: 0;
  overflow: hidden;
}

body.by-culture #bubbles ul li.type01
{
  margin: 104px 0 0 0;
}

body.by-culture #bubbles ul li.type01 a
{
  background: url(../img/locale/fr/bubbles-group-01.png) no-repeat 0 0;
  padding-top: 227px;
  width: 235px;
}

body.by-culture #bubbles ul li.type02
{
  margin: 0 0 0 213px;
}

body.by-culture #bubbles ul li.type02 a
{
  background: url(../img/locale/fr/bubbles-group-02.png) no-repeat 0 0;
  padding-top: 221px;
  width: 220px;
}

body.by-culture #bubbles ul li.type03
{
  margin: 189px 0 0 303px;
}

body.by-culture #bubbles ul li.type03 a
{
  background: url(../img/locale/fr/bubbles-group-03.png) no-repeat 0 0;
  padding-top: 217px;
  width: 219px;
}

body.by-culture #bubbles ul li.type04
{
  margin: 58px 0 0 474px;
}

body.by-culture #bubbles ul li.type04 a
{
  background: url(../img/locale/fr/bubbles-group-04.png) no-repeat 0 0;
  padding-top: 214px;
  width: 219px;
}

.page #culture-details ul
{
  margin: 0;
  padding: 0 0 0 250px;
  list-style: none;
  min-height: 250px;
}

.page #culture-details ul ul
{
  color: #BAA91F;
  margin-left: 10px;
  padding: 0;
  min-height: 0;
  background: none!important;
  list-style: disc;
  list-style-position: inside;
}

.page #culture-details ul li
{
}

.page #culture-details ul ul
{
  list-style: none;
  margin-bottom: 25px;
}

.page #culture-details ul ul li
{
  border: none;
}

.page #culture-details ul li h3
{
  margin: 0 0 .3em 0;
  color: #9DAB2A;
  font-size: 1.65em;
  padding-bottom: 2px;
}

.page #culture-details ul li a
{
  text-decoration: none;
  color: #baa91f;
  font-size: 1.2em;
  background: url(../img/puce-leaf-5.png) no-repeat 3px 3px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  border-bottom: 1px dashed #ccc;
}

.page #culture-details ul ul li a
{
}

.page #culture-details ul li a:hover
{
  color: #C98B50;
  background-color: #eee;
}

.page #culture-details ul li h3 sup
{
  font-weight: normal;
  font-size: 0.6em;
}

.page #culture-details ul li ol
{
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

.page #culture-details ul li ol li
{
  margin-bottom: 0;
}

.page #culture-details.grandes-cultures ul
{
  background: url(../img/locale/fr/bubbles-group-01.png) no-repeat 0 0;
}

.page #culture-details.arboriculture ul
{
  background: url(../img/locale/fr/bubbles-group-04.png) no-repeat 0 0;
}

.page #culture-details.cultures-maraicheres ul
{
  background: url(../img/locale/fr/bubbles-group-02.png) no-repeat 0 0;
}

.page #culture-details.viticulture ul
{
  background: url(../img/locale/fr/bubbles-group-03.png) no-repeat 0 0;
}

/* --- by culture en --- */

body.by-culture-en #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.by-culture-en #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 0;
}

body.by-culture-en #bandeau
{
  background-image: url(../img/bandeau-byculture.png);
  height: 409px;
}

body.by-culture-en #bubbles
{
}

body.by-culture-en #bubbles ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

body.by-culture-en #bubbles ul li
{
  position: absolute;
}

body.by-culture-en #bubbles ul li a
{
  background-color: #000;
  display: block;
  height: 0;
  overflow: hidden;
}

body.by-culture-en #bubbles ul li.type01
{
  margin: 104px 0 0 0;
}

body.by-culture-en #bubbles ul li.type01 a
{
  background: url(../img/locale/en/bubbles-group-01.png) no-repeat 0 0;
  padding-top: 227px;
  width: 235px;
}

body.by-culture-en #bubbles ul li.type02
{
  margin: 0 0 0 213px;
}

body.by-culture-en #bubbles ul li.type02 a
{
  background: url(../img/locale/en/bubbles-group-02.png) no-repeat 0 0;
  padding-top: 221px;
  width: 220px;
}

body.by-culture-en #bubbles ul li.type03
{
  margin: 189px 0 0 303px;
}

body.by-culture-en #bubbles ul li.type03 a
{
  background: url(../img/locale/en/bubbles-group-03.png) no-repeat 0 0;
  padding-top: 217px;
  width: 219px;
}

body.by-culture-en #bubbles ul li.type04
{
  margin: 58px 0 0 474px;
}

body.by-culture-en #bubbles ul li.type04 a
{
  background: url(../img/locale/en/bubbles-group-04.png) no-repeat 0 0;
  padding-top: 214px;
  width: 219px;
}

.page #culture-details-en ul
{
  margin: 0;
  padding: 0 0 0 250px;
  list-style: none;
  min-height: 250px;
}

.page #culture-details-en ul ul
{
  color: #BAA91F;
  margin-left: 10px;
  padding: 0;
  min-height: 0;
  background: none!important;
  list-style: disc;
  list-style-position: inside;
}

.page #culture-details-en ul li
{
}

.page #culture-details-en ul ul
{
  list-style: none;
  margin-bottom: 25px;
}

.page #culture-details-en ul ul li
{
  border: none;
}

.page #culture-details-en ul li h3
{
  margin: 0 0 .3em 0;
  color: #9DAB2A;
  font-size: 1.65em;
  padding-bottom: 2px;
}

.page #culture-details-en ul li a
{
  text-decoration: none;
  color: #baa91f;
  font-size: 1.2em;
  background: url(../img/puce-leaf-5.png) no-repeat 3px 3px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  border-bottom: 1px dashed #ccc;
}

.page #culture-details-en ul ul li a
{
}

.page #culture-details-en ul li a:hover
{
  color: #C98B50;
  background-color: #eee;
}

.page #culture-details-en ul li h3 sup
{
  font-weight: normal;
  font-size: 0.6em;
}

.page #culture-details-en ul li ol
{
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

.page #culture-details-en ul li ol li
{
  margin-bottom: 0;
}

.page #culture-details-en.field-crops ul
{
  background: url(../img/locale/en/bubbles-group-01.png) no-repeat 0 0;
}

.page #culture-details-en.fruit-trees ul
{
  background: url(../img/locale/en/bubbles-group-04.png) no-repeat 0 0;
}

.page #culture-details-en.vegetable-crops ul
{
  background: url(../img/locale/en/bubbles-group-02.png) no-repeat 0 0;
}

.page #culture-details-en.vine ul
{
  background: url(../img/locale/en/bubbles-group-03.png) no-repeat 0 0;
}


/* --- product --- */

body.product #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.product #page-title h2 small
{
  display: block;
  font-size: .5em;
}

body.product #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 50px;
}

body.product #bandeau
{
  background-image: url(../img/bandeau-product.png);
  height: 409px;
}

body.product #main-box
{
  background: #fff url(../img/bg-product.jpg) no-repeat left 1px;
}

body.product #leaf
{
  background: url(../img/leaf-product.png) no-repeat left top;
}

body.product #contents
{
  padding-left: 0;
  padding-bottom: 0;
}

body.product #content-right
{
  float: left;
  margin-right: 0;
  width: 370px;
}

body.product #content-left
{
  width: 630px;
  margin-top: -39px;
}

body.page #know-prod,
body.product #know-how,
body.product #prod-box
{
  display: none;
}

body.product #content-add-on
{
  margin-bottom: 23px;
  /*  margin-left: 20px;*/
  width: 370px;
}

body.product #know-prod
{
  display: block;
}

body.product #product-infos
{
  background: #fff;
  padding: 5px 20px;
}

body.product #product-infos img
{
  float: right;
}

body.product #product-doc
{
  background: url(../img/bg-docbox.png) no-repeat 0 0;
  height: 44px;
}

body.product #product-doc a
{
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  position: absolute;
  margin: 14px 0 0 65px;
}

body.product #product-doc a:hover
{
  color: #fff;
}

body.product #content-right #know-prod.box
{
  background: url(../img/know-prod-box.png) no-repeat 0 0;
  float: left;
  width: 216px;
  margin-right: 6px;
}

body.product #content-right #misc-box.box
{
  background: url(../img/misc-box.png) no-repeat 0 0;
  width: 148px;
  float: left;
}

body.product #misc-box ul
{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
}

body.product #misc-box ul li
{
  background-image: url(../img/puce-leaf-4.png);
  background-position: 0 6px;
  padding-left: 15px;
}

body.product #misc-box ul li a
{
  padding-top: 14px;
}

body.product #know-prod ul
{
  margin: 0;
  padding: 12px 15px 0 15px;
  list-style: none;
}

body.product #know-prod ul li
{
  background: url(../img/puce-leaf-4.png) no-repeat 0 6px;
  border-bottom: 1px dashed #333;
  padding: 8px 0 8px 17px;
}

body.product #know-prod ul li a
{
  display: block;
  height: 0;
  padding-top: 14px;
  overflow: hidden;
}

body.product #add-on
{
  margin: 163px 40px 0 0;
  right: 0;
}

body.product #add-on table
{
  margin-right: 30px;
}

body.product #product-ingredients
{
  position: relative;
  padding-right: 80px;/*  padding-top: 12px;*/
}

#product-ingredients .units
{
  margin: 0;
  color: #fff;
  text-align: right;
  color: #fff;
  padding-right: 30px;
}

body.product #product-ingredients th
{
  border-left: 1px dotted #fff;
  border-bottom: 1px solid #b2d0cd;
  color: #fff;
}

body.product #product-ingredients td
{
  border-left: 1px dotted #fff;
  color: #fff;
}

body.product #product-ingredients th,
body.product #product-ingredients td
{
  padding: 2px 6px 2px 6px;
}

body.product #product-ingredients th strong,
body.product #product-ingredients td strong
{
  font-size: 1.3em;
  white-space: nowrap;
}

body.product #product-ingredients a
{
  background-image: url(../img/locale/fr/formulations.png);
  width: 69px;
  height: 0;
  padding-top: 63px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

/* --- company --- */

.company #leaf
{
  background: url(../img/leaf-company.png) no-repeat left top;
}

.company #main-box
{
  background: #fff url(../img/bg-company.jpg) no-repeat left 1px;
}

.company #contents
{
  padding-bottom: 50px;
  padding-left: 0;
}

.company.large #content-left
{
  width: 720px;
}

/* --- vegediag + documents --- */

body.vegediag #page-title h2,
body.documents #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.vegediag #bandeau,
body.documents #bandeau
{
  background-image: url(../img/bandeau-product.png);
  height: 409px;
}

body.vegediag #content-left,
body.documents #content-left
{
  margin-top: 0;
}

body.vegediag #main-box,
body.documents #main-box
{
  background: #fff url(../img/bg-vegediag.jpg) no-repeat left 1px;
}

body.vegediag #leaf,
body.documents #leaf
{
  background: url(../img/leaf-product.png) no-repeat left top;
}

/* --- login --- */

body.login #page-title h2
{
  color: #fff;
  background: none;
  padding: 20px 0 6px 20px;
}

body.login #bandeau
{
  background-image: url(../img/bandeau-restricted.png);
  height: 409px;
}

body.login #content-left
{
  margin-top: 0;
}

body.login #main-box
{
  background: #fff url(../img/bg-privilege.jpg) no-repeat left 1px;
}

body.login #leaf
{
  background: url(../img/leaf-product.png) no-repeat left top;
}

body.login #logbox
{
  display: none;
}

/* --- large --- */

body.large #content-left
{
  width: 683px;
  margin-left: 0;
  margin-top: 50px;
}

/* --- extralarge --- */

body.extralarge #contents
{
  padding-left: 0;
  padding-bottom: 50px;
}

body.extralarge #content-left
{
  width: auto;
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 40px;
}

/* --- editable --- */

.editable #contents
{
  padding-left: 25px;
  padding-bottom: 50px;
}

.editable #content-left
{
  width: 469px;
  float: left;
  position: relative;
  margin-top: 60px;
  margin-left: 204px;
}

/* ie6 alarm */

div.alarm-ie6
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  padding-bottom: 4px;
  padding-top: 1px;
  font-weight: bold;
  color: #fff;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
}

div.alarm-ie6 a
{
  color: #fff;
  font-weight: bold;
}

/* stuff */

.advice #content-left ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.advice #content-left ul li
{
  border-bottom: 1px dashed #ccc;
}

.advice #content-left ul li a
{
  font-size: 1.2em;
  text-decoration: none;
  padding-bottom: .6em;
  padding-top: .5em;
  color: #5E8487;
  font-weight: bold;
  display: block;
  padding-left: 10px;
}

.advice #content-left ul li a:hover
{
  background: #efefef;
}

.front div.print-container
{
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  margin-top: 20px;
}

.vegediag div.print-container
{
  display: block;
}

div.print-container a
{
  display: block;
  overflow: hidden;
  background: url(../img/picto-print.gif) no-repeat 0 0;
  width: 25px;
  height: 0;
  padding-top: 20px;
}

div.print-container img
{
  display: none;
}