body{
    background-color:#212121;
    width: 960px;
     margin: auto; /* Pour centrer notre page */
     margin-top: 0px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. Essayez d'enlever pour voir ! */
     margin-bottom: 20px;    /* Idem pour le bas du navigateur */
     color: #ffffff;
}
a{text-decoration:none;}

/*----------------------------------------------------------------------------*/
.surtop h1{

    margin:0px;padding:0 0 0 30px;
    width: 930px;
    background-color:#d7d7d7;
    height:13px;
     color: #000000;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:10px;
     text-align:left;
}

h1{
    padding-left:30px;
    margin:0px;
    width: 930px;
    height: 15px;
    background-color:#d7d7d7;

     color: #000000;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:10px;
}

/*----------------------------------------------------------------------------*/
.centre{
    float:left;
 /*   width: 960px;  */
 width: 100%;
     background-color:#d6d6d6;
}
/*----------------------------------------------------------------------------*/
div.colonne{
    float:left;
    padding:0px;
  /*  background-image: url("images/decoupe/colonne-worganic.jpg"); */
    width:30px;
    height:620px;
}
/*----------------------------------------------------------------------------*/
.centre_interne{
    float:left;
    width: 900px;
     background-color:#d6d6d6;
}

.en_tete{
     width: 900px;
     height: 86px;
     text-align:right;
     border:solid #fc6b29 1px;
     background-image: url("images/decoupe/zone-logo-worganic.jpg");
     background-repeat:no-repeat;
     background-color:#0c0a0b;
}
/*----------------------------------------------------------------------------*/
.menu0{

    padding-left:20px;
     width: 880px;
     height: 27px;
     background-image: url("images/decoupe/zone-menu-1-orange.jpg");
}
div.menu0  a /* Tous les liens se trouvant dans un menu */
{
     font-family: Arial;
     color: #000000;
     font-size:12px;
     text-decoration:none;  

}

div.menu0  a:hover /* Quand on pointe sur un lien du menu */
{
    margin:0px;
     font-family: Arial;
     color: #ffffff;
     font-size:12px;
     text-decoration:none;  

}
div.menu0 .menu0ligne0ok0{
     float:left;
    margin:0px;
     width: 5px;
     height: 27px;
     background-image: url("images/decoupe/zone-onglet-noir-menu-1-gauche.jpg");
}
div.menu0 .menu0ligne0ok1{
    margin:0px;
     float:left;
     padding-top:10px;
     padding-left:10px;
     padding-right:10px;
     height: 17px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/zone-onglet-noir-menu-1-centre.jpg");
     font-family: Arial;
     color: #ffffff;
     font-size:12px;
}


div.menu0 .menu0ligne0ok2{
     float:left;
     width: 5px;
     height: 27px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/zone-onglet-noir-menu-1-droite.jpg");
}


/*-------------------------*/
.menu1{
     width: 900px;
     height: 34px;
     background-image: url("images/decoupe/zone-menu-2-noir.jpg");

}
div.menu1  a /* Tous les liens se trouvant dans un menu */
{
     font-family: Arial;
     color: #ffffff;
     font-size:11px;

     text-decoration:none;  
}

div.menu1  a:hover /* Quand on pointe sur un lien du menu */
{
     font-family: Arial;
     color: #ff0000;
     font-size:11px;
     text-decoration:none;  
}
div.menu1 .menu1ok0{
     float:left;
     width: 3px;
     height: 34px;
     background-image: url("images/decoupe/zone-onglet-blanc-menu-2-gauche.jpg");
}
div.menu1 .menu1ok1{
     float:left;
    margin:0px;
     line-height:43px;
     padding-left:10px;
     padding-right:10px;
     height: 34px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/zone-onglet-blanc-menu-2-centre.jpg");
     font-family: Arial;
     color: #000000;
     font-size:11px;
}
div.menu1 .menu1ok2{
     float:left;
     width: 4px;
     height: 34px;
     background-image: url("images/decoupe/zone-onglet-blanc-menu-2-droite.jpg");
}
/*-------------------------*/


.menu2{
     width: 900px;
     height: 59px;
     background-image: url("images/decoupe/zone-menu-3-gris.jpg");
}
div.menu2  a /* Tous les liens se trouvant dans un menu */
{
     font-family: Arial;
     color: #000000;
     font-size:10px;
     text-decoration:none;  
}

div.menu2  a:hover /* Quand on pointe sur un lien du menu */
{
     font-family: Arial;
     color: #ff0000;
     font-size:10px;
     text-decoration:none;  
}
div.menu2 .menu2ok0{
     float:left;
     width: 3px;
     height: 34px;
}
div.menu2 .menu2ok1{
     float:left;
     margin:0px;
     padding-top:0px;
     padding-left:10px;
     padding-right:10px;
     height: 34px;
     border:solid #fc6b29 0px;
     font-family: Arial;
     color: #fc6a27;
     line-height:33px;
     font-size:10px;
}
div.menu2 .menu2ok2{
     float:left;
     width: 4px;
     height: 34px;
}


/*--------------------------*/
div.dessous{
    padding:0px;
    margin:0px;
     width:900px;
     height:4px;
     background-image: url("images/decoupe/zone-dessus-centre.jpg");
}
.zone_central{
    float:left;
    margin:15px;
    padding:5px;
     width:860px;
     background-color:#ffffff;

     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color: #000000;
     font-size:11px;
     border:solid #c0c0c0 1px;
}
/*----------------------------------------------------------------------------*/
div.connexion{
    padding-top:5px;
    padding-right:5px;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color: #ffffff;
     font-size:11px;
}
div.connexion input.identifiant{
     width: 100px;
     height: 16px;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color: #000000;
     font-size:11px;
     border:solid #c0c0c0 1px;
}
div.connexion input.bouton{
     width: 105px;
     height: 16px;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color: #000000;
     font-size:11px;
     border:solid #c0c0c0 1px;
}
div.connexion  a /* Tous les liens se trouvant dans un menu */
{
     font-family: Arial;
     font-weight:bold;
     color: #fc6b293;
     text-decoration:none;
}

div.connexion  a:hover /* Quand on pointe sur un lien du menu */
{
     font-family: Arial;
     font-weight:bold;
     color: #fc6a29;
     text-decoration:none;  
}
/*----------------------------------------------------------------------------*/
/* Menu 0 */


/*----------------------------------------------------------------------------*/
/* page00 */
div.acceuil{
      float:left;
      width:210px;
      height:400px;
}
div.acceuil span.titre0{
     margin:0px;
     font-family: Arial black;
     color: #000000;
     font-size:18px;
}
div.acceuil span.titre{
     font-family: Arial black;
     color: #fc6a29;
     font-size:12px;
}

div.central0{
      float:left;
      margin-left:10px;
      width:630px;
      height:205px;
      border:solid #fc6b29 0px;
      background-image: url("images/design/fond_central.gif");
}
.central0 .design_titre0{
      margin-top:20px;
      margin-left:20px;
     font-family: Arial black;
     color: #ffffff;
     font-size:18px;
     text-decoration:none;  
}
.central0 .design_texte0{
      margin-left:20px;
      margin-top:10px;
     font-family: Arial;
     color: #ffffff;
     font-size:11px;
     text-decoration:none;  
}
.central1{
      float:left;
      padding-top:20px;
      padding-left:10px;
      margin-left:10px;
      width:620px;
     font-family: Arial;
     color: #000000;
     font-size:11px;
      border-left:solid #000000 1px;
}
.central1  a /* Tous les liens se trouvant dans un menu */
{
     font-family: Arial;
     color: #fc6a29;
     font-size:11px;
     text-decoration:none;
}

.central1  a:hover /* Quand on pointe sur un lien du menu */
{
     font-family: Arial;
     color: #000000;
     font-size:11px;
     text-decoration:none;  
}
/*----------------------------------------------------------------------------*/
/*-------------------------------------*/
/* page d'accueil */
div.acceuil-outils{}
.tab0{
  background : url(images/fond/fond-outils-0-b.gif) left top no-repeat;
}
.td1{
  background : url(images/fond/fond-outils-1-b.gif) left top no-repeat;
}
.titre0{
  margin-top:5px;
  margin-left:10px;
  color:#004B96;
  font-size:18px;
  font-family:Arial;
}
.texteA1{
  margin-left:10px;
  margin-right:10px;
  color:#808080;
  font-size:10px;
  font-family:Arial;
}
.texte0{
  color:#808080;
  font-size:10px;
  font-family:Arial;
}
.texte1{
  color:#FF8000;
  font-size:10px;
  font-family:Arial Black;
}
a.texte1{
  color:#FF8000;
  font-size:10px;
  font-family:Arial Black;
  text-decoration:none;
}
a:hover.texte1{
  color:#000000;
  font-size:10px;
  font-family:Arial Black;
  text-decoration:none;
}
.td2{
  background : url(images/fond/fond-outils-2-b.gif) left top no-repeat;
}
.td2-titre0{
  margin-left:60px;
  margin-top:10px;
  font-family:arial black;
  font-size:13px;
  color:#808080;
}
.td2-texte0{
  margin-left:60px;
  margin-top:7px;
  font-family:arial black;
  font-size:16px;
  color:#FF8000;
}



/*----------------------------------------------------------------------------*/
/* tableau */
div.tableau .texte{
  color:#000000;
  font-size:14px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableau0{
  background-color: #808080;
}
/* tb niveau 0 */
div.tableau .tableauTda0{
  background-color: #444444;
  padding-left:10px;
  color:#ffffff;
  font-size:18px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
/* tb niveau 1   text-align:center; */
div.tableau .tableauTdb0{

  background-color: #ffffff;
  color:#33B6E2;
  font-size:11px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

div.tableau .tableauTdb0 a{
  color:#33B6E2;
  font-size:11px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
div.tableau .tableauTdb0 a:hover{
  color:#FF8000;
  font-size:11px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
}
div.tableau .tableauTdb0 a:visited{
  color:#33B6E2;
  font-size:11px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
}

/* tb niveau 2 */
div.tableau .tableauTdc0{
  padding-top:1px;
  background-color: #DEDEDE;
  color:#000000;
  font-size:9px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

div.tableau .optionTitre{
  padding-left:5px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  color:#33B6E2;
  font-size:11px;
}
div.tableau .option{
  padding-left:2px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
}
div.tableau .tableauTdc0 a{
  color:#000000;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc0 a:hover{
  color:#ff0000;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

/* tb niveau 3 */
div.tableau .tableauTdc1{
  background-color: #C0C0C0;
  color:#48489B;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc1 a{

  color:#48489B;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc1 a:hover{
  color:#ffff00;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc1 input{
  height:16px;
  background-color: #ffffff;
  color:#ff0000;
  font-size:10px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

/* tb niveau 4 */
div.tableau .tableauTdc2{
  background-color: #A4A4A4;
  color:#000000;
  font-size:9px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc2 a{
  color:#000000;
  font-size:9px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau .tableauTdc2 a:hover{
  color:#ff0000;
  font-size:9px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

/* tb niveau 5 */
div.tableau .tableauTdc5{
  background-color: #92B0CD;
  color:#7A0000;
  font-size:9px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}

/* input */
div.tableau input{
  height:16px;
  background-color: #DEDEDE;
  color:#000000;
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
}
/* select */
div.tableau select{
  height:16px;
  background-color: #DEDEDE;
  color:#000000;
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
}
div.tableau textarea{
  background-color: #DEDEDE;
  color:#000000;
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
}
/*---------------------*/
/* bouton */
input.bouton-modifier{
  border : 0;
  background : url(images/icones/bouton-modifier-worganic.gif) left top no-repeat;
  height : 18px;
  width : 70px;
  cursor : pointer;
}
input.bouton-supprimer{
  border : 0;
  background : url(images/icones/bouton-supprimer-worganic.gif) left top no-repeat;
  height : 18px;
  width : 70px;
  cursor : pointer;
}
input.bouton-ajouter{
  border : 0;
  background : url(images/icones/bouton-ajouter-worganic.gif) left top no-repeat;
  height : 18px;
  width : 70px;
  cursor : pointer;
}

/*----------------------------------------------------------------------------*/
/*------------------------------------*/
div.tableauM{
     font-family: Arial;
     font-size:10px;
     color: #000000;
}
div.tableauM input{
     width:100px;
     height:12px;
     background-color: #ffff00;
     font-size:9px;
}
div.tableauM  select{
     width:100px;
     height:18px;
     background-color: #ffff00;
     font-size:9px;
}



div.tableauM input.checkbox{
     width:16px;
     height:16px;
     background-color: #ffff00;
}
div.tableauM a{
     font-family: Arial;
     font-size:10px;
     color: #000000;
}
div.tableauM a:hover{
     font-family: Arial;
     font-size:10px;
     color: #ff0000;
}







div.tableauM-title{
     width:850px;
     height:20px;
     padding-left:10px;
     background-color: #c0c0c0;
     font-family: Arial Black;
     font-size:15px;
     color: #000000;
     border:solid #808080 1px;
}

div.tableauM-niveau-0{width:860px;background-color: #ffffff;border:solid #808080 1px;}
div.tableauM-niveau-1{width:860px;background-color: #DEDEDE;}
div.tableauM-niveau-2{width:860px;background-color: #C0C0C0;}
div.tableauM-niveau-3{width:860px;background-color: #8C8C8C;}
div.tableauM-niveau-4{width:860px;background-color: #808080;}
div.tableauM-niveau-5{width:860px;background-color: #717171;}

div.tableauM-niveau-0-input{float:left;padding-left:0px;width:250px;}
div.tableauM-niveau-1-input{float:left;padding-left:10px;width:250px;}
div.tableauM-niveau-2-input{float:left;padding-left:20px;width:250px;}
div.tableauM-niveau-3-input{float:left;padding-left:30px;width:250px;}
div.tableauM-niveau-4-input{float:left;padding-left:40px;width:250px;}
div.tableauM-niveau-5-input{float:left;padding-left:50px;width:250px;}

div.tableauM-niveau-0-ajout{float:left;padding-left:0px;width:860px;}
div.tableauM-niveau-1-ajout{float:left;padding-left:10px;width:860px;}
div.tableauM-niveau-2-ajout{float:left;padding-left:20px;width:860px;}
div.tableauM-niveau-3-ajout{float:left;padding-left:30px;width:860px;}
div.tableauM-niveau-4-ajout{float:left;padding-left:40px;width:860px;}
div.tableauM-niveau-5-ajout{float:left;padding-left:50px;width:860px;}

hr.tableauM-niveau-separation{float:left;width:860px;height:3px;background-color:#000000;}

div.tableauM-niveau-checkbox{
     float:left;
     width:24px;
     padding-top:4px;
    text-align: center;
}

div.tableauM-niveau-infos{
     float:left;
     width:50px;
     padding-top:6px;
     text-align: center;
}

div.tableauM-niveau-bouton{
     float:left;
     width:120px;
     padding-top:3px;
    text-align: center;
}

div.tableauM-niveau-def{
     float:left;
     width:690px;
}
div.tableauM-niveau-desc{
     float:left;
     width:690px;
}
/*----------------------------------------------------------------------------*/
/* style mini menu  : tableauMiniMenu */
div.tableauMiniMenu{
     font-family: Arial;
     font-size:10px;
     color: #000000;
     text-align:left;
     width:190px;
}
div.tableauMiniMenu-title{

     height:20px;
     padding-left:10px;
     background-color: #c0c0c0;
     font-family: Arial Black;
     font-size:15px;
     color: #000000;
     border:solid #808080 1px;
     width:200px;
}

div.tableauMiniMenu-niveau-0{width:190px;background-color: #ffffff;border:solid #808080 1px;}
div.tableauMiniMenu-niveau-1{width:190px;background-color: #DEDEDE;}
div.tableauMiniMenu-niveau-2{width:190px;background-color: #C0C0C0;}
div.tableauMiniMenu-niveau-3{width:190px;background-color: #8C8C8C;}
div.tableauMiniMenu-niveau-4{width:190px;background-color: #808080;}
div.tableauMiniMenu-niveau-5{width:190px;background-color: #717171;}

div.tableauMiniMenu-niveau-0-input{float:left;width:167px;padding-left:3px;}
div.tableauMiniMenu-niveau-1-input{float:left;width:160px;padding-left:10px;}
div.tableauMiniMenu-niveau-2-input{float:left;width:155px;padding-left:15px;}
div.tableauMiniMenu-niveau-3-input{float:left;width:150px;padding-left:20px;}
div.tableauMiniMenu-niveau-4-input{float:left;width:145px;padding-left:25px;}
div.tableauMiniMenu-niveau-5-input{float:left;width:140px;padding-left:30px;}

div.tableauMiniMenu a{
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:underline;
}

div.tableauMiniMenu a:hover{
  color:#ff0000;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
}

/*------------------------------------*/
/* Bouton */
input.section_bouton_modification{
     width:70px;
     height:100px;
     background : url(images/icones/bouton-modifier-worganic.gif);
     border:0px;
     vertical-align:middle;
     padding:0px;
     margin:0px;
     cursor:pointer;
     vertical-align:middle;
}
input.section_bouton_ajout{
     width:70px;
     height:100px;
     background : url(images/icones/bouton-ajouter-worganic.gif);
     border:0px;
     vertical-align:middle;
     padding:0px;
     margin:0px;
     cursor:pointer;
     vertical-align:middle;
}