@media only print, only screen and (min-width: 30.063em) {
  /* for small screens */ }

@media only print, only screen and (min-width: 40.063em) {
  /* for medium screens */ }

@media only print, only screen and (min-width: 60.063em) {
  /* for large screens */ }

.richContent h1, .richContent h2, .richContent h3, .richContent h4, .richContent h5 {
  text-align: left !important;
  color: #dd9100 !important; }

.titlePage h1 {
  text-align: center !important;
  font-family: "Open Sans","sans-serif";
  font-size: 2rem; }

#frm_etapecmd {
  text-align: center; }

.bouton.disabled {
  background-color: #eee !important;
  border: 1px solid #aaa !important;
  color: #aaa !important;
  cursor: default !important; }

ul.onglets_etapes {
  display: block;
  height: 3rem;
  position: relative;
  margin: 0;
  margin: 0; }
  .no-touch ul.onglets_etapes {
    height: 2rem; }
  ul.onglets_etapes li,
  ul.onglets_etapes li .bt {
    display: block; }
  ul.onglets_etapes li {
    float: left;
    background: none;
    padding: 0;
    width: 20%;
    font-size: 0.8rem; }
    ul.onglets_etapes li:before {
      content: inherit !important;
      background: none !important;
      display: none !important; }
    @media only print, only screen and (min-width: 40.063em) {
      ul.onglets_etapes li {
        font-size: 0.8em; } }
    @media only print, only screen and (min-width: 60.063em) {
      ul.onglets_etapes li {
        font-size: 1em; } }
    ul.onglets_etapes li .bt {
      position: relative;
      display: block;
      height: 3rem;
      line-height: 3rem;
      padding: 0 1.75rem 0 0.25rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      text-align: center;
      font-weight: 600;
      border: none;
      border-bottom: 0;
      color: #999;
      background-color: #DDD;
      text-align: center; }
      .no-touch ul.onglets_etapes li .bt {
        height: 2rem;
        line-height: 2rem; }
      ul.onglets_etapes li .bt span {
        display: none; }
        @media only print, only screen and (min-width: 40.063em) {
          ul.onglets_etapes li .bt span {
            display: inline; } }
      ul.onglets_etapes li .bt:after {
        content: "";
        position: absolute;
        width: 26px;
        height: 100%;
        right: 0;
        background-image: url("../images/etapes_commande.png");
        background-position: -78px center;
        background-repeat: no-repeat; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
          ul.onglets_etapes li .bt:after {
            background-image: url("../images/etapes_commande@2x.png");
            background-size: 104px 48px; } }
    ul.onglets_etapes li:last-child .bt {
      padding-right: 1rem;
      border-top-right-radius: 0.25em;
      border-bottom-right-radius: 0.25em; }
      ul.onglets_etapes li:last-child .bt:after {
        display: none; }
    ul.onglets_etapes li:first-child .bt {
      padding-left: 1rem;
      border-top-left-radius: 0.25em;
      border-bottom-left-radius: 0.25em; }
    ul.onglets_etapes li.pass .bt {
      background-color: #2d2d2d;
      color: #FFF;
      text-decoration: none; }
      ul.onglets_etapes li.pass .bt:after {
        background-position: 0 center; }
      ul.onglets_etapes li.pass .bt:hover {
        text-decoration: underline; }
    ul.onglets_etapes li.last-pass .bt:after {
      background-position: -26px center; }
    ul.onglets_etapes li.select .bt {
      background-color: #dd9100;
      color: #FFF; }
      ul.onglets_etapes li.select .bt:after {
        background-position: -52px center; }

#divPanier {
  /* correction foundation */
  /* correction foundation */ }
  #divPanier table thead tr th, #divPanier table tfoot tr th, #divPanier table tfoot tr td, #divPanier table tbody tr th, #divPanier table tbody tr td, #divPanier table tr td {
    line-height: inherit;
    padding: initial; }
  #divPanier table tr.even, #divPanier table tr.alt, #divPanier table tr {
    /*background: inherit;*/ }
  #divPanier a.bouton, #divPanier input[type=button], #divPanier input[type=submit], #divPanier button {
    position: relative;
    /* correction gchrome */ }
  #divPanier .ecotaxe {
    display: block;
    clear: left;
    font-size: 0.6rem; }

.panier-liste {
  border-spacing: 0;
  margin-bottom: 25px; }
  .panier-liste,
  .panier-liste tbody,
  .panier-liste tr,
  .panier-liste td,
  .panier-liste th {
    display: block; }
  .panier-liste thead {
    display: none; }
  .panier-liste .panier-item,
  .panier-liste .panier-totalItem {
    position: relative;
    padding: 0.5rem;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;
    background-color: #eee;
    color: #000; }
    .panier-liste .panier-item::after,
    .panier-liste .panier-totalItem::after {
      clear: both;
      content: "";
      display: table; }
  .panier-liste .panier-ligneSep td {
    border-top: #dd9100 solid 2px; }
  .panier-liste .panier-item.port {
    font-weight: bold; }
  .panier-liste .panier-item .image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 50px;
    width: 50px;
    overflow: hidden;
    margin: 0 auto;
    float: left;
    margin-right: 3px; }
    @media only print, only screen and (min-width: 60.063em) {
      .panier-liste .panier-item .image {
        float: none; } }
    .panier-liste .panier-item .image .imgCritere {
      margin: 0 auto; }
      .panier-liste .panier-item .image .imgCritere div {
        height: 0;
        padding-bottom: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center; }
        .panier-liste .panier-item .image .imgCritere div img {
          display: none; }
  .panier-liste .panier-item .favoris {
    position: relative;
    width: 48px;
    height: 48px;
    float: right; }
    @media only print, only screen and (min-width: 60.063em) {
      .panier-liste .panier-item .favoris {
        float: none; } }
    .panier-liste .panier-item .favoris > .favoris {
      position: absolute;
      top: 0;
      right: 2rem;
      width: 48px;
      height: 48px;
      overflow: hidden;
      text-indent: -9999px;
      background-image: url("../../../images/quickmenu.png");
      background-position: 0px -96px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
        .panier-liste .panier-item .favoris > .favoris {
          background-image: url("../../../images/quickmenu@2x.png");
          background-size: 144px 384px; } }
      @media only print, only screen and (min-width: 60.063em) {
        .panier-liste .panier-item .favoris > .favoris {
          right: auto; } }
      .panier-liste .panier-item .favoris > .favoris.select, .panier-liste .panier-item .favoris > .favoris:hover {
        background-position: 48px -96px; }
      .panier-liste .panier-item .favoris > .favoris a {
        display: block;
        height: 100%; }
  .panier-liste .panier-item .lib {
    color: #666;
    font-size: 0.7em;
    line-height: 0.9em;
    padding-right: 0.25rem;
    margin-bottom: 0.25rem; }
  .panier-liste .panier-item .ref {
    display: inline;
    font-weight: bold; }
    .panier-liste .panier-item .ref:after {
      content: ' - '; }
    .panier-liste .panier-item .ref .codebarre {
      margin: auto; }
  .panier-liste .panier-item .design {
    display: inline;
    padding-right: 3rem; }
    .panier-liste .panier-item .design::after {
      clear: both;
      content: "";
      display: table; }
    .no-touch .panier-liste .panier-item .design {
      padding-right: 2rem; }
  .panier-liste .panier-item .prixUnitaire,
  .panier-liste .panier-item .prix {
    width: 50%;
    padding: 0.25rem;
    clear: right;
    float: right;
    text-align: right; }
    .panier-liste .panier-item .prixUnitaire .lib,
    .panier-liste .panier-item .prix .lib {
      font-weight: 600; }
  .panier-liste .panier-item .qte {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    padding: 0.25rem;
    width: auto; }
    .panier-liste .panier-item .qte.qte-action {
      width: 10rem; }
      .no-touch .panier-liste .panier-item .qte.qte-action {
        width: 8rem; }
    .panier-liste .panier-item .qte .lib {
      font-style: italic;
      display: block; }
    .panier-liste .panier-item .qte input {
      float: left;
      width: 3rem;
      margin: 0; }
    .panier-liste .panier-item .qte button {
      float: left;
      width: 2rem;
      height: 2rem;
      padding: 0;
      margin: 0;
      border-radius: 0; }
  .panier-liste .panier-item .action-bt.suppr {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 2.2rem;
    text-decoration: none;
    color: #c00; }
    .no-touch .panier-liste .panier-item .action-bt.suppr {
      width: 2rem;
      height: 2rem;
      line-height: 2rem; }
    .panier-liste .panier-item .action-bt.suppr:before {
      content: "\00D7"; }
    .panier-liste .panier-item .action-bt.suppr span {
      display: none; }
    .panier-liste .panier-item .action-bt.suppr:hover {
      color: #000; }
  .panier-liste .panier-item .action-bt-qte {
    float: left;
    width: 2rem;
    text-align: center;
    padding-right: 0;
    padding-left: 0; }
    .no-touch .panier-liste .panier-item .action-bt-qte {
      /*				padding-right: 10px;
				padding-left: 10px;
*/ }
  .panier-liste .panier-item .action-bt-qte-lib {
    display: block;
    text-align: center; }
  .panier-liste .panier-totalItem {
    background-color: #fff;
    text-align: right;
    font-weight: 600; }
    .panier-liste .panier-totalItem td {
      text-align: right;
      line-height: initial;
      padding: initial; }
    .panier-liste .panier-totalItem .design {
      display: inline;
      color: #666666;
      font-size: 0.7em;
      padding: 0.5rem; }
    .panier-liste .panier-totalItem .prix {
      display: inline;
      padding: 0.25rem;
      font-size: 0.9em; }
    .panier-liste .panier-totalItem.ligneTTC .design {
      font-size: 1em;
      color: #dd9100; }
    .panier-liste .panier-totalItem.ligneTTC .prix {
      font-size: 1.2em; }
  .panier-liste .panier-errorIcon {
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    background-color: #c00;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    text-indent: -9999px;
    position: relative; }
    .panier-liste .panier-errorIcon:before {
      content: '!';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      text-indent: 0; }

/* bouton +/- l'un en dessous de l'autre */
/* -------- Beaufort Jeunes Plants -------- */
.panier-liste .panier-item .bt-modif-qte .plus, .panier-liste .panier-item .bt-modif-qte .moins {
  display: none; }

.panier-liste .panier-item .bt-modif-qte .action-bt-qte {
  padding: 0;
  line-height: 1.25em; }

#ref88 .qte {
  opacity: 0; }
  #ref88 .qte .qte-action {
    opacity: 0; }

#ref88 .action-bt.suppr {
  display: none; }

/* ---------------- */
.panier-liste {
  display: table !important;
  width: 100%; }
  .panier-liste thead,
  .panier-liste tbody {
    display: table-row-group !important; }
  .panier-liste tr {
    display: table-row !important;
    position: inherit !important; }
  .panier-liste td,
  .panier-liste th {
    display: table-cell !important;
    padding: 0.25rem 0.5rem !important;
    vertical-align: middle; }
  .panier-liste .panier-entete th {
    background-color: #b9dc5c;
    color: #FFF;
    font-size: 0.7rem; }
    .panier-liste .panier-entete th.prixUnitaire, .panier-liste .panier-entete th.prix {
      text-align: right; }
    .panier-liste .panier-entete th.ref {
      text-align: center; }
  .panier-liste .panier-item {
    font-size: 0.9em;
    border: none; }
    .panier-liste .panier-item:nth-child(even) {
      background-color: #e2e2e2; }
    .panier-liste .panier-item td {
      border-bottom: solid 1px #eee; }
    .panier-liste .panier-item .lib {
      display: none !important; }
    .panier-liste .panier-item .ref {
      width: 6rem;
      text-align: center; }
      .panier-liste .panier-item .ref:after {
        content: ''; }
    .panier-liste .panier-item .qte {
      text-align: center;
      position: inherit;
      left: auto;
      bottom: auto; }
    .panier-liste .panier-item .prixUnitaire,
    .panier-liste .panier-item .prix {
      float: none;
      width: 6rem; }
    .panier-liste .panier-item .action {
      width: 2rem; }
    .panier-liste .panier-item .action-bt.suppr {
      position: inherit; }
  .panier-liste .panier-totalItem {
    border: 0; }
    .panier-liste .panier-totalItem td {
      border-bottom: solid 1px #eee; }

#frm_etaperesa {
  margin: 0;
  text-align: center; }

.boutonPied, .bt_deconnect {
  text-align: center; }
  .boutonPied .bouton2, .bt_deconnect .bouton2 {
    border: 1px solid #aaa;
    color: #aaa; }
    .boutonPied .bouton2:hover, .bt_deconnect .bouton2:hover {
      background-color: #aaa;
      color: #eee; }

h2, h3 {
  clear: both !important; }

p.bt_deconnect {
  text-align: center; }

#contenu table.formCoordo {
  width: 418px;
  margin: 0 auto; }

table.formCoordo button[type=submit],
table.formCoordo input[type=submit] {
  margin: 5px 0; }

a.modifCoordo,
a.modifLivr,
a.modifCommentaire {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px; }

p.verif_cgv {
  font-style: italic; }

.formuConfirmation {
  text-align: center; }

.enlevementMagasin {
  width: 280px;
  padding: 0.5rem;
  color: #fff;
  background-color: #dd9100; }
  .enlevementMagasin:after {
    clear: both; }
  .enlevementMagasin label {
    display: block;
    color: #fff; }
  .enlevementMagasin b {
    color: #fff; }
  .enlevementMagasin .delai {
    font-size: 0.8em; }

.enlevementMagasinRadio0 {
  float: left;
  margin: 0.25rem 0.25rem 0 0.5rem; }

.enlevmntmagindispo {
  clear: right; }

.enlevmntmagunique {
  clear: right;
  margin-top: 1rem; }

.formCodePromo input[type=text],
.formCodePromo button[type=submit],
.formCodePromo input[type=submit] {
  float: left; }

.formCodePromo input[type=text] {
  width: 200px; }

.formCodePromo input[type=button] {
  float: right; }

p.refCommande {
  font-weight: bold;
  text-align: center; }

#choixModePaiement li {
  text-align: center;
  margin-bottom: 30px; }

#choixModePaiement li span {
  display: block;
  font-weight: bold;
  text-align: left; }

.consignesCheque {
  text-align: center; }

.formuRetourModePaiement {
  text-align: center; }

#suivi div.suivi_etape {
  border: solid 1px #999;
  margin: 5px 20px;
  padding: 5px 0;
  min-height: 20px; }

#suivi .suivi_etape H4 {
  margin: 0 20px 0 50px;
  font-size: 9pt; }

#suivi .suivi_etape.attente H4 {
  font-style: italic;
  color: #666; }

#suivi .suivi_etape P {
  margin-left: 50px;
  margin-right: 50px; }

#form_simufraisdeport label {
  font-weight: bold; }

#form_simufraisdeport input[type=text] {
  width: inherit;
  float: left;
  margin-bottom: 0; }

#form_simufraisdeport input[type=submit] {
  float: left; }

.simufraisdeport {
  height: 2.3125rem;
  line-height: 2.3125rem;
  display: block;
  clear: left; }
  .simufraisdeport span {
    font-weight: bold; }
  @media only print, only screen and (min-width: 40.063em) {
    .simufraisdeport {
      float: left;
      padding-left: 1em;
      clear: none; } }

@media print {
  .richContent {
    font-size: 0.8em; }
  .titlePage h1, .richContent h1 {
    font-size: 2em;
    margin-bottom: 0; }
  table tr th, table tr td {
    font-size: 0.875em; } }