body { background: white; font-family: verdana, helvetica, arial, sans-serif;
       color: #020202; font-size: 70%; margin: 0; padding: 0; }
       
p { margin: 0 0 8px; }

a { border-bottom: 1px dashed #030; color: #030; text-decoration: none; }

form div { border: none; margin: 0; padding: 0; }

/* --------------------------------------------------------------------------- */

h1.image { height:48px; margin: 0 0 24px; padding: 0; width: 768px; }
h1.image span { display: none; }

h2.image { height:46px; margin: 0 0 24px; padding: 0; width: 564px; filter: alpha(opacity=75); opacity:.75; -moz-opacity: 0.75; }
h2.image span { display: none; }

h3.image { height:16px; margin: 0; padding: 0; width: 277px; filter: alpha(opacity=75); opacity:.75; -moz-opacity: 0.75; }
h3.image span { display: none; }

div.titre2 { background: transparent url(../images/bg-titre2.jpg) repeat; height: 46px; margin-bottom: 20px; 
             padding: 0; width: 564px; filter: alpha(opacity=75); opacity:.75; -moz-opacity: 0.75; }
div.titre2 div { color: white; font: bold 20px Times, serif; height: 16px; margin-left: 100px; padding-top: 12px; }

div.encart { border: 1px solid #393; float: right; margin-bottom: 8px; }

hr.cleaned { clear: both; margin: 0; visibility: hidden; }

.gras { font-weight: bold; }
.alerte { color: #c30; font-weight: bold; white-space: nowrap; display: block; border: none; } /* alerte */
.nobr { white-space: nowrap }

/* --------------------------------------------------------------------------- */

#site { background: white; left: 50%; margin-left: -384px; position: absolute; width: 768px; }

#header { background: white url(../includes/langues/fr/images/bg-header.jpg) top left no-repeat; height: 146px; width: 768px; }
#header a { border: none; }

#container { background: #fff url(../images/bg-container.jpg) repeat-y; margin: 0; }

#container-bottom { background: transparent url(../images/bg-container-bottom.jpg) bottom left no-repeat; 
                    margin: 0; padding: 0; width:768px; }
                    
#container-top { background: transparent url(../images/bg-container-top.jpg) top left no-repeat; 
                 margin: 0; padding: 0 0 10px; width: 768px; }
                 
#content { margin: 0; padding: 0 84px 0 120px; }

#footer { background: transparent url(../images/bg-footer.jpg) bottom no-repeat; height: 186px; 
          margin: 0; padding: 0; width: 768px; } 
          
#footer p { text-align: center; margin: 0; position: relative; top: 92px; }
#footer p a { border: none; color: #020202; padding: 1px; text-decoration: none; }
#footer p a:hover {}  

#logos { height: 166px; left: 8px; position: absolute; top: 288px; width: 79px; }
#logos a { border: none; }
#logos img { margin-bottom: 30px; }
#logo-AB { border: none; height: 94px; width: 79px; }
#logo-qualite-france { border: none; height: 72px; width: 79px; }

/* --------------------------------------------------------------------------- */

#nav1 { height: 60px; left: 200px; margin: 0; padding: 0; position: absolute; top: 88px; width: 445px; z-index: 50; }

#nav1 ul { border: none; list-style-type: none; margin: 0; padding: 0; }
#nav1 ul li { border: none; float: left; margin: 0; padding: 0; }
#nav1 ul li a { display: block; height: 22px; margin: 0; padding: 0; }
#nav1 ul li a span { display: none; }

li#nav1_01 a { width: 60px; }
li#nav1_01 a:hover { background: transparent url(../includes/langues/fr/images/bg-header-on.jpg) -200px -88px no-repeat; } 
li#nav1_02 a { width: 165px; }
li#nav1_02 a:hover { background: transparent url(../includes/langues/fr/images/bg-header-on.jpg) -260px -88px no-repeat; } 
li#nav1_03 a { width: 100px; }
li#nav1_03 a:hover { background: transparent url(../includes/langues/fr/images/bg-header-on.jpg) -425px -88px no-repeat; }
li#nav1_04 a { width: 120px; }
li#nav1_04 a:hover { background: transparent url(../includes/langues/fr/images/bg-header-on.jpg) -525px -88px no-repeat; }

/* --------------------------------------------------------------------------- */

#nav2 { font-weight: bold; margin: 0; text-align: center; position: relative; top: 84px; }
#nav2 ul { margin: 0; padding: 0;}
#nav2 li { color: #020202; display: inline; margin: 0; padding: 0; }
#nav2 a { border: none; color: #020202; padding: 1px; text-decoration: none; }
#nav2 a:hover { color: #c30; }

/* --------------------------------------------------------------------------- */

#cereales { margin-bottom: 10px; margin-right: 10px; }
#legumes-secs { margin-bottom: 10px; }
#farines { margin-right: 10px; } 

div.produit { float: left; height: 116px; width: 277px; }
div.designation { background: transparent url(../images/bg-famille-nom.jpg) repeat; color: white; 
                  filter: alpha(opacity=75); font-weight: bold; -moz-opacity: 0.75; opacity:.75; padding: 2px 0; 
                  text-align: center; }
div.produit img { float: left; height: 97px; width: 100px; }
div.description { float: left; height: 93px; width: 173px; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity:.75; margin: 0; padding: 0; padding: 2px; }

table.produit { border: 1px solid #030; border-collapse: collapse; }
table.produit caption { font-size: 110%; padding: 4px; font-weight: bold; margin: 0 auto; }
table.produit thead th { background: #fc6; padding: 4px 10px; text-align: center; }
table.produit tbody th { padding: 4px 4px; text-align: left; }
table.produit tfoot td { background: #fc6; padding: 4px 4px; text-align: right; }
table.produit th, td { background: #ffffe0; border: 1px solid #030; }
/*
table.tarif { border: 1px solid #030; border-collapse: collapse; }
table.tarif caption { font-size: 110%; padding: 4px; font-weight: bold; margin: 0 auto; }
table.tarif thead th { background: #fc6; padding: 4px 10px; text-align: center; }
table.tarif tbody th { padding: 4px 4px; text-align: left; }
table.tarif tfoot td { background: #fc6; padding: 4px 4px; text-align: right; }
table.tarif th, td { background: #ffffe0; border: 1px solid #030; }
*/
table.conditionnement { border: 1px solid #030; border-collapse: collapse; }
table.conditionnement caption { font-size: 110%; padding: 4px; font-weight: bold; margin: 0 auto; }
table.conditionnement thead th { background: #fc6; padding: 4px 10px; text-align: center; }
table.conditionnement tbody th { padding: 4px 4px; text-align: left; }
table.conditionnement th, td { background: #ffffe0; border: 1px solid #030; }
table.conditionnement td { text-align: center; }

td.coche { background: #ffffe0 url(../images/coche.jpg) center center no-repeat; }
td.coche span { visibility: hidden; }
td.noncoche span { visibility: hidden; }