* {
   margin: 0;
   padding: 0;
}

body {
   background: #EBF7FE url(../images/background.gif) repeat-x left top;
   width: 990px;
   margin: 0 auto;
   font-family: arial;
}

#content {
  background: white;
  width: 990px;
}

img {
   border: none;
}

#entete, #entete2 {
   width: 990px;
   height: 148px;
   position: relative;
}

#entete {
   background: url(../images/bandeau.jpg) no-repeat left top;
}

#entete2 {
   background: url(../images/bandeau2.jpg) no-repeat left top;
}

#entete a, #entete2 a {
   /*background: url(../images/logo.jpg) no-repeat left top;*/
   display: block;
   margin-top: 70px;
   margin-left: 20px;
   width: 334px;
   height: 65px;
   position: absolute;
}

#topBar {
   height: 58px;
}

#contenuCentral {
   width: 990px;
   margin-top: 30px;
}

#listContributeursImg {
   list-style-type: none;
   text-align: center;
}

#listContributeursImg li {
   margin-top: 10px;
}
/******        MENU       ********/

#seresLinkDiv {
   text-align: center;
   margin-top: 10px;
}

#seresLinkDiv a:active, #seresLinkDiv a:focus {
   outline:none;
}

#langMenu {
   background: white;
   height: 38px;
   /*width: 344px;*/
   width: 200px;
   padding-left: 25px;
   padding-top: 20px;
   font-weight: bold;
   color: #999999;
}

#langMenu a {
   text-decoration: none;
   color: #999999;
}

#langMenu a:hover {
   text-decoration: underline;
   color: #426ab0;
}

#langMenu .langMenuActif {
   color: #426ab0;   
}


#langMenu {
   float: left;
}

#menu {
   margin-right: 21px;
   float: right;
}

#menu ul {
   list-style-type: none;
}

#menu li {
   float: left;
   height: 58px;
   font-size: 15px;
   font-weight: bold;
   font-family: arial;
}

#menu a {
   display: block;
   text-decoration: none;
   color: #436ab0;
}

#menu_home a, #menu_avantages a, #menu_principes a, #menu_demo a, #menu_scenario a {
   padding-top: 24px;
   height: 34px;
}

#menu_statut a {
   padding-top: 14px;
   height: 44px;
}

#menu_home {
   width: 95px;
}

#menu_home a {
   padding-left: 14px;
   background: url(../images/menu_home.jpg) no-repeat left top;
   width: 81px;
}

#menu_home a:hover {
   background: url(../images/menu_home_x.jpg) no-repeat left top;
}

#menu_home .activeLink {
   background: url(../images/menu_home_x.jpg) no-repeat left top;
   color: white;
}

#menu_avantages {
   width: 116px;
}

#menu_avantages a {
   padding-left: 11px;
   background: url(../images/menu_avantages.jpg) no-repeat left top;
   width: 105px;
}

#menu_avantages a:hover {
   background: url(../images/menu_avantages_x.jpg) no-repeat left top;
}

#menu_avantages .activeLink {
   background: url(../images/menu_avantages_x.jpg) no-repeat left top;
   color: white;
}

#menu_principes {
   width: 124px;
   position: relative;
}

#menu_principes a {
   padding-left: 11px;
   background: url(../images/menu_principes.jpg) no-repeat left top;
   width: 113px;
}

#menu_principes .activeLink {
   background: url(../images/menu_principes_x.jpg) no-repeat left top;
   color: white;
}


#menu_principes ul.niveau2 {
   display: none;
   position: absolute;
   border-right: 1px solid #7D89B9;
   border-bottom: 1px solid #7D89B9;
}

#menu_principes a:hover {
   background: url(../images/menu_principes_x.jpg) no-repeat left top;
}

#menu_principes:hover ul.niveau2 {
   display: block;
}

#menu_principes ul.niveau2 li {
   height: 58px;
   position: relative;
   font-size: 12px;
}

#menu_principes ul.niveau2 li a {
  padding-top: 20px;
  height: 38px;
}

#menu_demo {
   width: 151px;
}

#menu_demo a {
   padding-left: 8px;
   background: url(../images/menu_demo.jpg) no-repeat left top;
   width: 143px;
}

#menu_demo a:hover {
   background: url(../images/menu_demo_x.jpg) no-repeat left top;
}

#menu_demo .activeLink {
   background: url(../images/menu_demo_x.jpg) no-repeat left top;
   color: white;
}

#menu_scenario {
   width: 114px;
}

#menu_scenario a {
   padding-left: 12px;
   background: url(../images/menu_statut.jpg) no-repeat left top;
   width: 102px;
}

#menu_scenario a:hover {
   background: url(../images/menu_statut_x.jpg) no-repeat left top;
}

#menu_scenario .activeLink {
   background: url(../images/menu_statut_x.jpg) no-repeat left top;
   color: white;
}


/******      SOUS MENU     ********/

#sousMenu {
   width: 186px;
   margin-left: 20px;
   padding-bottom: 5px;
   float: left;
}

#sousMenu ul {
   list-style-type: none;
}

#sousMenu li {
   font-size: 13px;
   font-weight: bold;
}

.sousMenuHaut a, .sousMenuCentre a, .sousMenuBas a {
   display: block;
   color: #666666;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
}

.sousMenuHaut a {
   background: url(../images/sousMenuHaut.gif) no-repeat left top;
   margin-bottom: 3px;
}

.sousMenuHaut a:hover {
   background: url(../images/sousMenuHaut_x.gif) no-repeat left top;
}

.activeHaut a {
   background: url(../images/sousMenuHaut_x.gif) no-repeat left top;
   color: white;
}

.sousMenuCentre a {
   background: url(../images/sousMenuCentre.gif) no-repeat left top;
   margin-bottom: 3px;
}

.sousMenuCentre a:hover {
   background: url(../images/sousMenuCentre_x.gif) no-repeat left top;
}

.activeCentre a {
   background: url(../images/sousMenuCentre_x.gif) no-repeat left top;
   color: white;
}

.sousMenuBas a {
   background: url(../images/sousMenuBas.gif) no-repeat left top;
}

.sousMenuBas a:hover {
   background: url(../images/sousMenuBas_x.gif) no-repeat left top;
}

.activeBas a {
   background: url(../images/sousMenuBas_x.gif) no-repeat left top;
   color: white;
}

#ssMenu_statut a {
   padding: 20px 28px 0px 30px;
   height: 60px;
}

#ssMenu_origine a {
   padding: 20px 20px 0px 20px;
   height: 60px;
}

#ssMenu_contact a {
   padding: 17px 20px 0px 20px;
   height: 48px;
}

/******      CONTENU CENTRAL DE PAGE     ********/

#affichContenu {
   float: left;
   margin-left: 10px;
   font-family: Arial;
   color: #2d4779;
}

#affichContenu p {
   margin-top: 15px;
}

#affichContenuHaut {
   width: 576px;
   height: 19px;
   background: url(../images/affichContenuHaut.jpg) no-repeat left top;
}

#affichContenuBas {
   height: 14px;
   width: 576px;
   background: url(../images/affichContenuBas.jpg) no-repeat left top;
}

#affichContenuCentre {
   padding: 10px 10px 10px 10px;
   width: 556px;
   background: url(../images/affichContenuCentre.jpg) repeat-y left top;
   font-size: 13px;
}

#affichContenuHaut2 {
   width: 750px;
   height: 19px;
   background: url(../images/affichContenuHaut2.jpg) no-repeat left top;
}

#affichContenuBas2 {
   height: 15px;
   width: 750px;
   background: url(../images/affichContenuBas2.jpg) no-repeat left top;
}

#affichContenuCentre2 {
   padding: 10px 10px 10px 10px;
   width: 730px;
   background: url(../images/affichContenuCentre2.jpg) repeat-y left top;
   font-size: 13px;
}


#affichContenuCentre strong, #affichContenuCentre2 strong {
   color: #7898ce;
   font-size: 15px;
}

#affichContenuCentre a, #affichContenuCentre2 a {
   color: #ca5227;
   text-decoration: none;
}

#affichContenuCentre a:hover, #affichContenuCentre2 a:hover {
   text-decoration: underline;
}

#affichContenuCentre2 h1 {
   color: #666666;
   font-size: 18px;
   font-weight: normal;
   margin-bottom: 25px;
}

#affichContenuCentre2 h2 {
   color: #7898ce;
   font-size: 18px;
   font-weight: normal;
   margin-bottom: 22px;
}

#home_txt, #statut_txt, #scenario_txt, #contact_txt, #origine_txt, #statut_txt, #avantages_txt, #principes_txt {
   text-align: justify;
   line-height:18px;
}

#avantages_txt h2 {
   margin-top: 20px;
}

#affichContenuCentre2 ul, #affichContenuCentre2 ol {
   margin-left: 25px;
}

/******      PHOTO DE DROITE     ********/

#affichPhoto {
   width: 192px;
   height: 431px; 
   background: url(../images/photo_droite.jpg) no-repeat left top;
   float: left;
   margin-left: 6px;
   margin-bottom: 50px;
}

/******      PIED DE PAGE     ********/
#piedPage {
   float: right;
   font-size: 14px;
   font-weight: bold;
   height: 50px;
}

#piedPage ul {
   list-style-type: none;
}

#piedPage li {
   float: right;
   color: #999999;
   margin-right: 5px;
   margin-bottom: 20px;
   margin-top: 20px;
}

#piedPage a {
   text-decoration: none;
   color: #999999;
}

#piedPage a:hover {
   text-decoration: underline;
}

#finBug {
   clear: both;
}

/******      DEMONSTRATION     ********/

.error {
   color: red;
}

#demoConnect {
   width: 280px;
   margin: 0 auto;
}

#demoConnect .login, #demoConnect .submitButton {
   clear: both;
   text-align: center;
}

#demoConnect span {
   width: 120px;
   display: block;
   float: left;
   text-align: left;
}

#demoConnect input {
   text-align: center;
   width: 144px;
}

.submitButton {
   margin-top: 20px;
}

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

#demoGTIN {
   text-align: center;
}

.searchTitle {
   margin-top: 20px;
   font-weight: bold;
   margin-bottom: 10px;
}

#search ul {
   margin-left: 20px;
}

#menuDemo {
   list-style-type: none;
   float: right;
}

#menuDemo li {
   float: left;
   margin-right: 10px;
}

/***************** GENERATEDFORM *******************/

#generatedForm {
   margin-top: 10px;
   margin-left: 7px;
}

#generatedForm .comment {
   font-style: italic;
}

#dataRequestDetail {
   margin-top: 10px;
}

#submitButtonDiv {
  margin-top: 10px;
}

#picture {
  margin-top: 10px;
}