/****************************************
 *  CSS Extranet Gruau          *
 *  Réalisé par SQLI          *
 *  Historique :            *
 *    - 2008/03/05 Création JRO   *
 ****************************************/


/****************************
 *  VARIABLES GLOBALES    *
 ****************************/

body {
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica; font-size: 66.5%;
  background: #ffffff ! important;
  behavior: url('./css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}

* { margin: 0; padding: 0; }

div { _height: 1%; }

br.clear {
  clear: both;
  margin: 0; padding: 0;
  font-size: 1px;
}

dl, dt, dd, ul, li {
  margin: 0; padding: 0;
  list-style-type: none;
}

a, a:link, a:visited {
  color: #147EB8;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

h1 a:hover { text-decoration: none; } /* Ancre sur titre de pages */

a:focus { outline: none; }

.error,
.notice,
.success   { padding: .8em; margin-left: 0px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; border: 2px solid #ddd; }
.error     { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice    { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success   { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a   { color: #D12F19; }
.notice a  { color: #817134; }
.success a { color: #529214; }

/****************************
 *    CONFIGURATION PAGE  *
 ****************************/
div#page {
  position: relative;
  margin: 0px auto 0px auto; padding: 0;
  width: 1000px;
}

div#pagepopup {
  position: relative;
  margin: 0px auto 0px auto; padding: 0;
  width: 100%;
}

/****************************
 *      HEADER      *
 ****************************/
div#header {
  background: #ffffff url('../images/bg-header.jpg');
  height: 135px;
}

  div#header h1#logo {
    float: left;
    margin: 0px 0px 0px 20px; padding: 0;
    background: #ffffff url('../images/logo-accueil.jpg') no-repeat top left;
  }

    div#header h1#logo a,
    div#header h1#logo a:link,
    div#header h1#logo a:visited {
      display: block;
      overflow: hidden;
      margin: 0; padding: 0;
      width: 140px; height: 54px;
      text-decoration: none; text-indent: -100em;
    }

/****************************
 *    CONTENU CENTRAL   *
 ****************************/
div#content {
  clear: both;
  margin: 0; padding: 0px 0px 8px 0px;
  background: #ffffff;
}

/****************************
 *    COLONNE GAUCHE    *
 ****************************/
  div#colonne-gauche {
    float: left;
    width: 200px;
    border: 0px solid orange;
  }

  /************************
   *    MENU ACCUEIL  *
   ************************
    /* Menu accueil */
    div#colonne-gauche div#menu-accueil {
      width: 198px;
      margin: 15px auto 0px auto;
      padding: 0px;
    }

      div#menu-accueil div#menu-top {
        height: 45px;
        background: #ffffff url('../images/top-menu.jpg') no-repeat top left;
      }
      div#menu-accueil div#menu-contenu { background: #ffffff url('../images/bg-menu.jpg') repeat top left;}

      /* Formulaire de connexion */
      #form-connexion {
        width: 175px;
        margin: 0px auto 0px auto;
        padding: 8px 0px 0px 0px;
        font-size: 1em;
      }

      #form-connexion div#introForm { margin: 0px 0px 10px 0px; }
      #form-connexion div#contenuForm {
        position: relative;
        margin: 0px auto 0px 9px; padding: 0;
      }
        #form-connexion div#contenuForm input {
          border: 1px solid #cccccc ! important;
          background: transparent;
          margin: 4px 0px 0px 0px;
          padding: 3px 0px 0px 5px;
          width: 149px; height: 15px;
          font-size: 85%;
          color: #8e8e8e;
        }
        #form-connexion div#contenuForm input:focus {
          background: #E0EFFA;
          border: 1px solid #8e8e8e ! important;
          color: #575757;
        }
      #form-connexion div#boutonForm {
        margin: 15px 0px 0px 0px;
        text-align: center;
      }
        #form-connexion div#boutonForm input {
          margin: 0; padding: 0;
          color: #ffffff;
          width: 113px;
          height: 22px;
          font-weight: bold;
          font-size: 1em;
          background: #147EB8;
          border: none;
        }

        #form-connexion div#boutonForm input:hover {
          border: 0px;
          background: #4297C5;
          color: #ffffff;
          cursor: pointer;
        }
      /* // Formulaire de connexion */

      div#menu-accueil div#menu-bottom {
        background: #ffffff url('../images/bottom-menu.jpg') no-repeat top left;
        height: 25px;
      }
    /* // Menu accueil */

    div#visuel-menu {
      margin: 10px auto 20px auto;
      padding: 0;
      width: 192px; height: 156px;
      background: #ffffff url('../images/visuel-menu.jpg') no-repeat top left;
    }

  /************************
   *    MENU INTERIEUR  *
   ************************/
    div#colonne-gauche div#menu-int {
      width: 194px;
      margin: 15px auto 0px auto;
      padding: 0px;
    }

      div#menu-int div#menu-top-int {
        height: 16px;
        background: #ffffff url('../images/top-menu-int.jpg') no-repeat top left;
      }
      /* Menu supérieur intérieur (avatar, déconnexion) */
      div#menu-int div#menu-contenu-int {
        background: #ffffff url('../images/bg-menu-int.jpg') repeat top left;
        text-align: center;
        padding-bottom: 15px;
      }

        div#menu-contenu-int p {
          color: #575757;
          font-size: 1em;
        }
        div#menu-contenu-int a, div#menu-contenu-int a:link, div#menu-contenu-int a:visited {
          color: #575757;
          text-decoration: underline;
        }

        div#menu-contenu-int a:hover {
          color: #147EB8;
          text-decoration: none;
        }
      /* Menu supérieur intrieur (avatar, déconnexion) */

      /* Menu déroulant intérieur */
      div#menu-int div#menu-deroulant-top-int {
        height: 28px;
        background: #ffffff url('../images/top-menu-deroulant.jpg') no-repeat top left;
      }
      div#menu-int div#menu-deroulant-contenu {
        background: #ffffff url('../images/bg-menu-deroulant.jpg') repeat top left;
      }

        dl#menu-deroulant a, dl#menu-deroulant a:link, dl#menu-deroulant a:visited {
          color: #147EB8;
          text-decoration: none;
          width: 194px;
          line-height: 1.8em;
          padding: 0px 0px 0px 8px;
        }

        dl#menu-deroulant dt {
          font-size: 1em;
          height: 20px;
          background: transparent;
          border-bottom: 1px solid #147EB8;
        }

        dl#menu-deroulant dt:focus, dl#menu-deroulant dt:hover,  dl#menu-deroulant dt:active {
          background: #D0E5F1 url('../images/bg-menu-deroulant-on.jpg') repeat top left;
          cursor: pointer;
        }

        dl#menu-deroulant dt:hover a, dl#menu-deroulant dt:hover a:link, dl#menu-deroulant dt:hover a:visited {
          font-weight: bold;
          color: #ffffff;
        }

        dl#menu-deroulant dt.on { background: #D0E5F1 url('../images/bg-menu-deroulant-on.jpg') repeat top left; }
        dl#menu-deroulant dt.on a, dl#menu-deroulant dt.on a:link, dl#menu-deroulant dt.on a:visited { color: #ffffff; font-weight: bold; }
        dl#menu-deroulant dt.off { background: #ffffff url('../images/bg-menu-deroulant.jpg') repeat top left; }
        dl#menu-deroulant dt.off a, dl#menu-deroulant dt.off a:link, dl#menu-deroulant dt.off a:visited { color: #147EB8; }

        dl#menu-deroulant dd {
          background: #D0E5F1 url('../images/bg-menu-deroulant-off.jpg') repeat top left;
          border-bottom: 1px solid #147EB8;
        }

        dl#menu-deroulant ul { padding: 0px 0px 0px 8px; }
        dl#menu-deroulant ul li a, dl#menu-deroulant ul li a:link, dl#menu-deroulant ul li a:visited {
          background: url('../images/puce-off.jpg') no-repeat center left;
          text-indent: 0.3em;
        }

        dl#menu-deroulant ul li a:focus, dl#menu-deroulant ul li a:hover, dl#menu-deroulant ul li a:active, dl#menu-deroulant ul li a.on {
          background: url('../images/puce-on.jpg') no-repeat center left;
          font-weight: bold;
          text-indent: 0em ! important;
        }

      div#menu-int div#menu-deroulant-bottom-int { height: 27px; background: #ffffff url('../images/bottom-menu-deroulant.jpg') no-repeat top left;}
      /* // Menu déroulant intérieur */

/****************************
 *    COLONNE DROITE    *
 ****************************/
  div#colonne-droite {
    float: left;
    width: 785px;
    border: 0px solid green;
  }

    div#texte-content { padding: 0px; margin-left:20px;}

      div#texte-content h1 {
        color: #147EB8;
        font-size: 1.7em;
        margin-bottom: 15px;
      }

      div#texte-content p.chapo {
        color: #147EB8;
        font-weight: bold;
        margin-bottom: 10px;
      }
      #texte-content img {
        border: none;
      }
      /*div#texte-content img {
        float: left;
        border: none;
        margin: 0px 15px 0px 0px;
      }*/

/****************************
 *    FORMULAIRE      *
 ****************************/
div#type-formulaire {
  margin: 0; padding: 0;
  /*width: 734px;*/
  width: 740px;
}

  #form-commande div#introForm p.info {
    font-size: 0.85em;
    margin-bottom: 15px;
  }

  #form-commande fieldset { margin: 0px 0px 5px 0px; border: none; }
  #form-commande fieldset div.contenu-fieldset-top  { background: #ffffff url('../images/bg-form-top.jpg') no-repeat top left; height: 6px; }
  #form-commande fieldset div.contenu-fieldset-middle { background: #ffffff url('../images/bg-form.jpg') repeat top left; }
  #form-commande fieldset div.contenu-fieldset-bottom { background: #ffffff url('../images/bg-form-bottom.jpg') no-repeat top left; height: 5px; }

  #form-commande fieldset h2 {
    color: #147EB8;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
  }


  #form-commande div#contenuForm p {
    display: block;
    white-space: nowrap;
    /*vertical-align: middle;*/
    font-size: 1em;
    margin: 0px 35px 0px 10px;
    padding-bottom: 5px;
  }

 .pre {
    display: block;
    /*font-size: 1em;*/
    margin: 0px 35px 0px 10px;
    padding-bottom: 5px;
    font-family: Verdana,Arial,Helvetica;
  }

  #form-commande div#contenuForm label {
    float: left;
    /*width: 275px;*/
    width: 310px;
    text-align: right;
    margin: 4px 10px 0px 0px;
  }

  #form-commandepv div#contenuForm label.label_pv {
    float: left;
    width: 275px;
    /*width: 310px;*/
    text-align: right;
    margin: 4px 10px 0px 0px;
  }

/* ~~~>>> 15/04/2008 - MLA => MANTIS-0000135 :  Correction de la taille des listes déroulantes pour le module des commandes */
  #form-commande div#contenuForm label.label_alternate {
    width: 150px ! important;
  }
  /* ~~~>>> 15/04/2008 - MLA <= MANTIS-0000135 */

  #form-commande div#contenuForm span.req {
    color: red;
    margin-right: 0;
  }
 /* ~~~>>> 27/01/2009 - ARH => MANTIS-0000156 : supprimer le style heigh pour textarea */

  #form-commande div#contenuForm input,
  #form-commande div#contenuForm select,
  #form-commande div#contenuForm radio {
    border: 1px solid #828194;
    background: transparent;
    margin: 0;
    padding: 0px 0px 0px 5px;
    height: 15px;
    font-size: 1em;
    color: #8e8e8e;
  }
  #form-commande div#contenuForm textarea{
  	border: 1px solid #828194;
    background: transparent;
    margin: 0;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
    color: #8e8e8e;
  }
 /* ~~~>>> 27/01/2009 - ARH <= MANTIS-0000156 */

  #form-commande div#contenuForm .txt-min { width: 117px; }
  #form-commande div#contenuForm .txt { width: 228px; }
  #form-commande div#contenuForm .txt-qt { width: 22px; margin-bottom: 2px; }
  #form-commande div#contenuForm .select {
    width: 235px;
    height: 20px;
    vertical-align: middle;
  }

/* ~~~>>> 27/03/2009 - ALG => MANTIS-0000365 */
#form-commande div#contenuForm .selectbenne {
    width: 450px;
    height: 20px;
    vertical-align: middle;
  }
/* ~~~>>> 27/03/2009 - ALG <= MANTIS-0000365 */



/* ~~~>>> 15/04/2008 - MLA => MANTIS-0000135 :  Correction de la taille des listes déroulantes pour le module des commandes */
  #form-commande div#contenuForm .select_alternate {
    width: 440px;
    height: 20px;
    vertical-align: left;
  }
  /* ~~~>>> 15/04/2008 - MLA <= MANTIS-0000135 */
  #form-commande div#contenuForm .radio,
  #form-commande div#contenuForm .checkbox {
    display: inline;
    margin: 2px 4px 4px 0px;
    vertical-align: middle;
    border: 0px ! important;
  }

  #form-commande div#contenuForm img {
    float: none;
    vertical-align: middle;
    margin: 0px 0px 7px 5px;
  }

  #form-commande div#contenuForm input[type="file"] {
  border-color: inherit;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  height: inherit;
}
  }

  #form-commande div#contenuForm span { margin-right: 10px; }
  #form-commande div#contenuForm span.legende { margin-left: 10px; }

  #form-commande div#contenuForm input:focus {
    background: #E0EFFA;
    border: 1px solid #8e8e8e ! important;
    color: #000000;
  }

  #form-commande div#contenuForm input:blur { background: #ffffff; }

  #form-commande div#contenuForm select:focus {
    background: #ffffff;
    color: #000000;
  }

  #form-commande div#boutonForm {
    margin: 15px 0px 0px 0px;
  }

  #form-commande div#boutonForm span.left {
    float: left;
    margin: 10px 0px 30px 60px;
  }
  #form-commande div#boutonForm span.right {
    float: right;
    margin: 10px 60px 30px 0px;
  }
  
/*  ~~~>>> 31/05/2011 - AZR => G-CMD-BA-020, G-CMD-BA-021 */
  #form-commande div#boutonForm input.conf {
    margin: 0; padding: 0;
    color: #ffffff;
    width: 165px;
    height: 34px;
    font-weight: bold;
    font-size: 1em;
    background: #147EB8;
    border: none;
  }
  
  #form-commande div#boutonForm input {
    margin: 0; padding: 0;
    color: #ffffff;
    width: 113px;
    height: 22px;
    font-weight: bold;
    font-size: 1em;
    background: #147EB8;
    border: none;
  }

  #form-commande div#boutonForm input:hover {
    border: 0px;
    background: #4297C5;
    color: #ffffff;
    cursor: pointer;
  }

/* ~~~>>> 21/09/2011 - ATA => MANTIS-000083 :  [CMD][BEN][ACIER] Demandes de corrections suite aux premiers tests, prob n°1 */
/* ~~~>>> 27/01/2009 - ARH => MANTIS-0000156 :  style pour les titres des sous blocs du formulaire */
div.titre{
	font-size: 100%;
	color: #147EB8;
	margin: 10px 10px;
	font-weight:bold;
}
#form-commande h3.ben-acier{
	font-size: 100%;
	color: #147EB8;
	margin: 10px 10px;
	font-weight:bold;
	padding-left: 15px;
	border-bottom: none;
}
/* ~~~>>> 30/05/2011 - AZR => Mantis 22 : style pour les sous titres */
#form-commande h3, div.titre-ben-acier{
	font-size: 100%;
	color: #147EB8;
	padding-bottom: 5px;
	margin: 10px 10px;
	border-bottom: 1px #89BEDD solid;
	font-weight:bold;
}

/* ~~~>>> 27/01/2009 - ARH <= MANTIS-0000156 */
/* ~~~>>> 21/09/2011 - ATA <= MANTIS-000083 :  [CMD][BEN][ACIER] Demandes de corrections suite aux premiers tests, prob n°1 */
/****************************
 *    TABLEAU DONNEES   *
 ****************************/

div#texte-content div.tableau {
  clear: both;
  height: 1%;
  margin: 0; padding: 0;
  border: none;
  background: #ffffff;
}

  div.tableau h2 {
    float: left;
    color: #147EB8;
    font-size: 1.4em;
    margin: 0; padding: 20px 0px 10px 0px;
  }

  div.tableau p.filtre {
    float: right;
    margin: 8px 0px 4px 0px; padding: 0;
    vertical-align: middle;
  }

    p.filtre .select {
      width: 230px;
      border: 1px solid #828194 ! important;
      background: white;
      margin: 10px 0px 0px 0px;
      padding: 3px 0px 0px 5px;
      height: 20px;
      font-size: 1em;
      color: #8e8e8e;
    }

  /* Tableau de données type "fiches produits" */
  div.tableau table.model1 {
    clear: both;
    margin: 0px 0px 0px 0px; padding: 0;
    width: 100%;
    border-collapse: collapse;
    border: none;
  }

    div.tableau table.model1 thead th {
      background: #147EB8;
      margin: 0; padding: 0px 10px 0px 10px;
      font-size: 1em; font-weight: bold;
      height: 2.0em;
      line-height: 1.9em;
      color: #ffffff;
      border-right: 1px solid #ffffff;
      text-align: left;
    }

    div.tableau table.model1 thead th.first {
      width: 70%;
      background: #147EB8;
      color: #ffffff;
    }
    div.tableau table.model1 thead th.center {
        width: 20%;
      text-align: center;
    }
    div.tableau table.model1 thead th.last {
        width: 10%;
      border: none;
      text-align: center;
    }

    div.tableau table.list {
      clear: both;
      margin: 1px 0px 0px 0px; padding: 0;
      border-collapse: collapse;
      border: none;
      width: 100%;
    }

      table.list thead {
        background: #89BEDB;
        height: 2.0em;
        color: #ffffff;
        text-align: left;
      }

        table.list th {
          font-size: 1em;
          font-weight: bold;
          background: #89BEDB;
        }
          table.list th span {
            text-align: left;
            padding: 0px 10px 0px 10px;
          }

          table.list th span a, table.list th span a:link, table.list th span a:visited {
            color: #ffffff;
            text-decoration: none;
          }

          table.list th span a:hover {
            text-decoration: none;
          }

          table.list th span.return-top {
            background: #89BEDB url('../images/puce-return-top.gif') no-repeat bottom left;
            text-decoration: underline;
            text-align: right;
            font-size: 1em;
            font-weight: normal;
            margin: 0px 0px 0px 195px;
          }

          table.list th span.return-top a, span.return-top a:link, span.return-top a:visited {
            color: #ffffff;
            text-decoration: underline;
          }

          table.list th span.return-top a:hover {
            color: #147EB8;
            text-decoration: none;
          }

      table.list tr {
        height: 25px;
        background: #ffffff;
        font-size: 1em;
        font-weight: normal;
        cursor: pointer;
      }

      table.list tr.alternate { background: #F3F8FB; }

      table.list tr td { padding: 0px 10px 0px 10px; }

      table.list tr td.first {
        width: 70%;
      }
      table.list tr td.center {
        width: 20%;
        text-align: center;
      }
      table.list tr td.last {
        width: 10%;
        text-align: center;
      }

      table.list tr:hover {
        background: #DDF2FB;
      }





/****************************
 *      FOOTER      *
 ****************************/
div#footer {
  position: relative;
  clear: both;
  margin: 0; padding: 0px 0px 0px 0px;
}

  div#footer p {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 12px 0px 12px;
    text-align: center;
    line-height: 1.7em;
    font-size: 0.9em;
    color: #575757;
    width: 985px;
    height: 15px;
  }

  div#footer p#top-footer {
    float: left;
    text-align: right;
    margin: 40px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    line-height: 1.4em;
    font-size: 0.9em;
    color: #ffffff;
    width: 985px;
    height: 15px;
    background: #4198C5 url('../images/bg-footer.jpg') no-repeat top left;
  }

    div#footer p#top-footer a, div#footer p#top-footer a:link, div#footer p#top-footer a:visited {
      color: #ffffff;
      text-decoration: none;
    }
    div#footer p#top-footer a:hover {
      text-decoration: underline;
    }

  div#footer a, div#footer a:link, div#footer a:visited {
    color: #ffffff;
    text-decoration: none;
  }
/*style ajout commande */
  .labelQuantite {
    width: 70px !important;
  }
  .inputQuatite {
    width: 30px !important;
  }
  .selectQuantite  label{
    /* ~~~>>> 15/04/2008 - MLA => MANTIS-0000135 :  Correction de la taille des listes déroulantes pour le module des commandes */
    width: 160px !important;
    /* ~~~>>> 15/04/2008 - MLA => MANTIS-0000135 */
  }
  
  /* ~~~>>> 30/05/2011 - AZR => Mantis 22*/
#label_quantite{
	 position:relative;
	 float: right;
	 margin-right: 4px;	
}
   .selectQuantite  label.label_option{
    width: 40px;
  }
  /* ~~~>>> 30/05/2011 - AZR => Mantis 22*/
  .selectQuantiteOption{
    float: left;
    margin: 0 !important;
    padding: 0 !important;
  } 
  .selectQuantite{
    float: left;
    margin: 0 !important;
    padding: 0 !important;
  }
  .quantite{
    float: left;
    margin: 0 !important;
    padding: 0 !important;
  }
  .form-error input, .form-error select, .form-error textarea
  {
    border: 1px solid #f33 !important;
  }
  .error h2
  {
    padding: 0px 25px 5px 30px;
    font-size: 127%;
    background: url(../images/error.png) no-repeat 5px 2px;
  }
  .error dl {
    padding: 5px;
  }
  .error dl dt {
    font-weight: bold;
    float: left;
    padding-right: 5px;
  }
  .error dl dd {
   margin: 0;
  }
  .error dl dt, .error dl dd {
    padding: 5px;
  }
  .form-error
  {
    color: #f33;
  }
  .clear {
    clear: both;
  }
  .listeOptions{
    margin-bottom: 5px;
  }
  #listeOptions .labelOption{
    width: 285px !important;
  }
  .centerText{
    margin-left:10% !important;
    margin-bottom: 20px !important;
  }
  .textEcho{
    float:left;
    margin-top: 4px;
  }
  .divTextRecap label{
    width: 300px !important;
  }
  .divTextRecap{
    white-space: nowrap;
    vertical-align: middle;
    font-size: 1em;
    margin: 0px 35px 0px 10px;
    padding-bottom: 5px;
  }
  .tableauRecap{
    margin: 0 20px 30px 20px!important;
  }
  .tableauRecap table tr{
     height: 25px;
     background: #ffffff;
     font-size: 1em;
     font-weight: normal;
  }
  .tableauRecap table tr td{
    padding-left:10px !important;
  }
  .tableauRecap table tr.alternate{
    background: #F3F8FB;
  }
  .mois {
    margin-left: 10px;
  }
/* // ~~~>>> 03/03/2009 - SME => MANTIS-0000242 : etiquette */
  div#contenuForm label {
    float: left;
    width: 275px;
    text-align: right;
    margin: 4px 10px 0px 0px;
  }
.boutonPopup{
    margin: 0; padding: 0;
    color: #ffffff;
    width: 113px;
    height: 22px;
    font-weight: bold;
    font-size: 1em;
    background: #147EB8;
    border: none;
  }
.boutonPopup:hover {
    border: 0px;
    background: #4297C5;
    color: #ffffff;
    cursor: pointer;
  }
  
  /* // ~~~>>> 03/03/2009 - SME => MANTIS-0000242 : etiquette */


























  /* // ~~~>>> 23/03/2009 - ALG => MANTIS-0000335 : Demande de PV  */

  #form-commandepv div#introForm p.info {
    font-size: 0.85em;
    margin-bottom: 15px;
  }

  #form-commandepv fieldset { margin: 0px 0px 5px 0px; border: none; }
  #form-commandepv fieldset div.contenu-fieldset-top  { background: #ffffff url('../images/bg-form-top.jpg') no-repeat top left; height: 6px; }
  #form-commandepv fieldset div.contenu-fieldset-middle { background: #ffffff url('../images/bg-form.jpg') repeat top left; }
  #form-commandepv fieldset div.contenu-fieldset-bottom { background: #ffffff url('../images/bg-form-bottom.jpg') no-repeat top left; height: 5px; }

  #form-commandepv fieldset h2 {
    color: #147EB8;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
  }


  #form-commandepv div#contenuForm p {
    display: block;
    white-space: nowrap;
    /*vertical-align: middle;*/
    font-size: 1em;
    margin: 0px 35px 0px 10px;
    padding-bottom: 5px;
  }

  #form-commandepv div#contenuForm label {
    float: left;
    width: 275px;
    text-align: right;
    margin: 4px 10px 0px 0px;
  }

  #form-commandepv div#contenuForm label.label_alternate {
    width: 150px ! important;
  }
  
  #form-commandepv div#contenuForm span.req {
    color: red;
    margin-right: 0;
  }

  #form-commandepv div#contenuForm input,
  #form-commandepv div#contenuForm select,
  #form-commandepv div#contenuForm radio {
    border: 1px solid #828194;
    background: transparent;
    margin: 0;
    padding: 0px 0px 0px 5px;
    height: 15px;
    font-size: 1em;
    color: #8e8e8e;
  }
  #form-commandepv div#contenuForm textarea{
  	border: 1px solid #828194;
    background: transparent;
    margin: 0;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
    color: #8e8e8e;
  }

  #form-commandepv div#contenuForm .txt-min { width: 117px; }
  #form-commandepv div#contenuForm .txt { width: 228px; }
  #form-commandepv div#contenuForm .txt-qt { width: 5px;}
  #form-commandepv div#contenuForm .select {
    width: 235px;
    height: 20px;
    vertical-align: middle;
  }
  /* ~~~>>> 15/04/2008 - MLA => MANTIS-0000135 :  Correction de la taille des listes déroulantes pour le module des commandes */
  #form-commandepv div#contenuForm .select_alternate {
    width: 440px;
    height: 20px;
    vertical-align: left;
  }
  /* ~~~>>> 15/04/2008 - MLA <= MANTIS-0000135 */
  #form-commandepv div#contenuForm .radio,
  #form-commandepv div#contenuForm .checkbox {
    display: inline;
    margin: 2px 4px 4px 0px;
    vertical-align: middle;
    border: 0px ! important;
  }

  #form-commandepv div#contenuForm img {
    float: none;
    vertical-align: middle;
    margin: 0px 0px 7px 5px;
  }

  #form-commandepv div#contenuForm input[type="file"] {
  border-color: inherit;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  height: inherit;
}
  }

  #form-commandepv div#contenuForm span { margin-right: 10px; }
  #form-commandepv div#contenuForm span.legende { margin-left: 10px; }

  #form-commandepv div#contenuForm input:focus {
    background: #E0EFFA;
    border: 1px solid #8e8e8e ! important;
    color: #000000;
  }

  #form-commandepv div#contenuForm input:blur { background: #ffffff; }

  #form-commandepv div#contenuForm select:focus {
    background: #ffffff;
    color: #000000;
  }

  #form-commandepv div#boutonForm {
    margin: 15px 0px 0px 0px;
  }

  #form-commandepv div#boutonForm span.left {
    float: left;
    margin: 10px 0px 30px 60px;
  }
  #form-commandepv div#boutonForm span.right {
    float: right;
    margin: 10px 60px 30px 0px;
  }
  #form-commandepv div#boutonForm input {
    margin: 0; padding: 0;
    color: #ffffff;
    width: 113px;
    height: 22px;
    font-weight: bold;
    font-size: 1em;
    background: #147EB8;
    border: none;
  }

  #form-commandepv div#boutonForm input:hover {
    border: 0px;
    background: #4297C5;
    color: #ffffff;
    cursor: pointer;
  }

#form-commandepv h3{
	font-size: 100%;
	color: #147EB8;
	padding-bottom: 5px;
	margin: 10px 10px;
	border-bottom: 1px #89BEDD solid;
}

  /* // ~~~>>> 23/03/2009 - ALG <= MANTIS-0000335 */
  
/*~~> 30/05/2011 - AZR CSS des entetes des ongles*/
div.arrondi
{
	width:99%;
	background:#147EB8 ;
	margin-bottom:1px;
	margin-top:1px;
	padding:0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-style: solid;
	border-width: 1px;
	border-color: #88BEDA;
}
div.arrondi a{
color: #ffffff;
text-decoration: none;
}

div.arrondi-first
{
	width:99%;
	background:#D1E4F2 ;
	margin-bottom:1px;
	margin-top:1px;
	padding:0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-style: solid;
	border-width: 1px;
	border-color: #88BEDA;
}
div.arrondi-first a{
color: #147EB8;
text-decoration: none;
}

/* ~~>> 08/06/2011 - AZR style de message d'eeruer des options qui ne sont pas renseignés dans bennes acier  */
div.option-erreur
{
	color: #D12F19;
}
div.clearfix { height: 1%; }

#premierdiv{width: 100%;}
 
.colonne1 {
  float: left;
  width: 50%;
}
 
.colonne2 {
  float: left;
  width: 50%;
}
#div.hidden
{
	display: none;
}

/* ~~~>>> 26/09/2011 - ATA => MANTIS-000098 */
h3.ui-state-hover a:hover{
	color: #005A94;
	text-decoration: none;	
}
/* ~~~>>> 26/09/2011 - ATA <= MANTIS-000098 */

/* ~~~>>> 21/09/2011 - ATA => MANTIS-000083 :  [CMD][BEN][ACIER] Demandes de corrections suite aux premiers tests, prob n°6 */
a.hide-accordion span.top, a:link.hide-accordion span.top, a:visited.hide-accordion span.top {
    background-image: url("images/ui-icons_228ef1_256x240.png");
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

a.hide-accordion, a:link.hide-accordion, a:visited.hide-accordion {
    color: #147EB8;
    text-decoration: none;    
    display: block;
    float: right;
}
/* ~~~>>> 21/09/2011 - ATA <= MANTIS-000083 :  [CMD][BEN][ACIER] Demandes de corrections suite aux premiers tests, prob n°6 */