body {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana; 
margin: 0;
color: #666666;
}

/* formulaire */

.form { 
width: 887px; 
}

.input { 
background-color: #FFFFFF; 
font-family: Arial, Helvetica, sans-serif; 
font-size:10px;
border: 0px solid #FFFFFF;
}

/* puces */
li.n1 {
list-style-image: url(images/fleche-puce-nutricode.png);
list-style-position:inside;}


/* links */

a.menu:active, a.menu:link { 
font: 12px Verdana; 
color: #780E7A;
text-decoration: none;}

a.menu:visited { 
font: 12px Verdana; 
color: #780E7A;
text-decoration: none; }

a.menu:hover { 
font: 12px Verdana; 
color: #B84BBA;
text-decoration: none; }

a.content:active, a.content:link { 
font: 11px Verdana; 
color: #780E7A;
text-decoration: none;}

a.content:visited { 
font: 11px Verdana; 
color: #780E7A;
text-decoration: none; }

a.content:hover { 
font: 11px Verdana; 
color: #B8DE10;
text-decoration: none; }

a.footer:active, a.footer:link { 
font: 9px Verdana; 
color: #666666;
text-decoration: none; }

a.footer:visited { 
font: 9px Verdana; 
color: #666666;
text-decoration: none; }

a.footer:hover { 
font: 9px Verdana; 
color: #A3C801;
text-decoration: none; }

/* viewpic */

a.viewpic {
position:relative;
text-decoration: none;
color: #FF9400; }
  
a:hover.viewpic {
text-decoration: none;
background: none;
color: #FF9400; }
a.viewpic span {display: none;}

a:hover.viewpic span {
display: inline;
position: absolute; 
top: -20px;
left: 10px;
z-index: 20;
width:100%;
padding:2px 4px; }

/* legendes */

a.legende {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
color: #666666;
position:relative;
text-decoration: underline; }
  
a:hover.legende {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
color: #666666;
text-decoration: none;
background: none; }
a.legende span {display: none;}

a:hover.legende span {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
color: #666666;
display: inline;
position: absolute; 
top: -20px;
left: 10px;
z-index: 20;
width:100%;
padding:2px 4px; }

/* MEP */

#fond {
position: relative;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 900px;
height: 500px;
background: url(images/fond-nutricode.gif) no-repeat; }

#logo {
margin-left: 14px;
margin-top: 12px;
position: relative;
float: left;  
width: 186px;
height: 88px; }

#header {
margin-top: 12px;
position: relative;
height: 88px;
width: 686px;
float: left;
background: url(images/header-nutricode.png) no-repeat; } 

#titre {
font-family: Verdana; 
font-size: 10px;
font-weight: bold;
text-align: right;
color: #000000;
margin-top: 70px;
margin-left: 170px;
position: relative;
height: 22px;
width: 500px;
float: left; } 

#menu {
font-family: Verdana; 
font-size: 12px;
font-weight: bold;
text-align: center;
color: #B8DE10;
padding-top: 1px;
margin-left: 14px;
position: relative;
height: 18px;
width: 872px;
float: left;
background: url(images/menu-nutricode.png) repeat-x; } 

#accueil {
text-align: center;
margin-left: 14px;
position: relative;
height: 300px;
width: 872px;
float: left; } 

#footer {
font-family: Verdana; 
font-size: 9px;
color: #666666;
margin-left: 14px;
text-align: center;
text-transform: uppercase;
padding-top: 43px;
position: relative;
height: 30px;
width: 872px;
float: left; }

#codage {
text-align: left;
margin-top: 14px;
margin-left: 14px;
position: relative;
height: 300px;
width: 872px;
float: left;
background: url(images/codage-nutricode.png) no-repeat; } 

#bloc1 {
text-align: justify;
position: relative;
padding-top: 29px;
padding-left: 50px;
height: 300px;
width: 260px;
float: left; } 

#bloc2 {
text-align: justify;
position: relative;
padding-top: 29px;
padding-left: 10px;
height: 300px;
width: 260px;
float: left; }

#bloc3 {
text-align: justify;
position: relative;
padding-top: 29px;
padding-left: 10px;
height: 300px;
width: 255px;
float: left; }

#footer2 {
font-family: Verdana; 
font-size: 9px;
color: #666666;
margin-left: 14px;
text-align: center;
text-transform: uppercase;
padding-top: 29px;
position: relative;
height: 30px;
width: 872px;
float: left; }

#utilisation {
text-align: left;
margin-top: 14px;
margin-left: 14px;
position: relative;
height: 300px;
width: 872px;
float: left; }

#blocintro {
text-align: center;
color: #D90000;
position: relative;
height: 20px;
width: 872px;
float: left; }

#bloc4 {
text-align: left;
position: relative;
padding-left: 15px;
height: 180px;
width: 450px;
float: left; }

#bloc5 {
text-align: left;
position: relative;
margin-left: 45px;
height: 280px;
width: 315px;
float: left;
background: url(images/tapis-nutricode.jpg) no-repeat;  }

#bloc6 {
text-align: left;
position: relative;
margin-left: 20px;
height: 270px;
width: 370px;
float: left;
background: url(images/contact-knoe.jpg) no-repeat; }

#bloc4bis {
text-align: left;
position: relative;
padding-left: 15px;
height: 280px;
width: 430px;
float: left; }

#bloc7 {
text-align: left;
position: relative;
margin-left: 85px;
margin-top: 120px;
height: 100px;
width: 150px;
float: left; }

/* styles */

.stitre {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
font-weight:bold;
color: #780E7A;
}

.exemple {
font-family: "Verdana, Arial, sans-serif"; 
font: 9px Verdana;
font-weight:bold; 
color: #FF9400; }

.tableau {
font-family: "Verdana, Arial, sans-serif"; 
font: 9px Verdana;
color: #000000;
}

.tableau2 {
font-family: "Verdana, Arial, sans-serif"; 
font: 10px Verdana;
color: #000000;
text-align: center;
border: 1px solid #B8DE10;
}

td.tabl2 {
border: 1px solid #B8DE10;
}

.tabv {
font-family: "Verdana, Arial, sans-serif"; 
font: 9px Verdana;
color: #780E7A;
}

.ou {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
font-weight:bold; 
color: #000000; }

.orange {
font-family: "Verdana, Arial, sans-serif"; 
font: 11px Verdana;
color: #FF9400; }

.mini {
font-family: "Verdana, Arial, sans-serif"; 
font: 9px Verdana;
font-weight:bold;
font-stretch: extra-expanded;
color: #666666; }

.odessus {
z-index: 100; }

.spef {
font-family: "Verdana, Arial, sans-serif"; 
font: 10px Verdana;
font-style:italic;
color: #666666; }