body {
  background: url(../images/background.jpg) center top;
}
/* Couleurs */
/* */
/* Border radius */
.border-radius {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.border-radius-gauche {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.border-radius-top {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.border-radius-bottom {
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -o-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.border-radius-droite {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
/* */
/* Transitions */
/* */
/* Gabarits */
.input {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  background: -webkit-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -moz-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -o-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  padding: 15px 10px 13px 10px;
  color: #737373;
  margin: 0px 0% 0px 0%;
}
/* */
/*********** PRESENTATION OUTIL **************/
.dadywinie {
  display: none !important;
}
#presentation {
  margin-top: 100px;
  background: #eeefef;
  position: relative;
  border-radius: 5px;
  -moz-box-shadow: 0px 10px 25px 0px #000000;
  -webkit-box-shadow: 0px 10px 25px 0px #000000;
  -o-box-shadow: 0px 10px 25px 0px #000000;
  box-shadow: 0px 10px 25px 0px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=25);
}
#presentation:after {
  position: absolute;
  content: "";
  height: 0;
  border-bottom: 5px solid #bbbaba;
  bottom: 0;
  z-index: 999;
  width: 100%;
}
#presentation .colGauche {
  position: relative;
  padding-top: 130px;
}
#presentation .colGauche .logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -40px;
  text-align: left;
  float: left;
  width: 320px;
}
#presentation .colGauche .logo img {
  float: left;
  margin-right: 15px;
}
#presentation .colGauche .logo h3 {
  color: #005864;
  font-size: 21px;
  line-height: 21px;
  float: left;
  font-weight: 600;
  margin-top: 60px;
}
#presentation .colGauche form > div {
  width: 50%;
  float: left;
  padding: 6px;
  box-sizing: border-box;
  margin-bottom: 5px;
  border-bottom: 1px solid #e4e4e4;
}
#presentation .colGauche form > div label {
  width: 30%;
  float: left;
  padding: 10px 0;
}
#presentation .colGauche form > div input[type="text"],
#presentation .colGauche form > div input[type="email"] {
  padding: 6px 10px;
  box-sizing: border-box;
  width: 70%;
  border-radius: 3px;
  border: 1px solid #bbbaba;
}
#presentation .colGauche form > div input[type="submit"] {
  background: #005864;
  color: #FFF;
  font-size: 15px;
  width: auto;
  border: 0;
  border-radius: 3px;
  font-weight: 600;
  cursor: pointer;
  padding: 5px;
}
#presentation .colGauche form #casenorobot {
  width: 100%;
}
#presentation .colGauche form #casenorobot label {
  width: 90%;
  font-size: 13px;
  padding: 4px 0;
}
#presentation .colGauche form #checkboxRobot {
  float: left;
}
#presentation .colGauche form .okMgs {
  margin: 10px 0;
  background: #c9d90f;
  color: #6c7d09;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
}
#presentation .colGauche form .errorMgs {
  margin: 10px 0;
  background: #ce4d31;
  color: #6e2c1e;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
}
#presentation .colDroite {
  background: url(../images/bg-presentation.jpg) no-repeat top center;
  background-size: cover;
  width: 49%;
  margin-right: 0;
  position: relative;
  text-align: center;
}
#presentation .colDroite h3 {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-top: 140px;
  margin-bottom: 20px;
}
#presentation #titre_log {
  padding: 0 0 0 15px;
  margin-left: -2%;
}
#presentation #titre_log h3 {
  color: #005864;
  font-size: 28px;
  line-height: 35px;
}
#presentation #titre_log h4 {
  margin: 0;
  font-size: 18px;
}
#presentation .textPres {
  padding: 15px 10px;
}
#presentation .textPres p {
  font-size: 14px;
  line-height: 18px;
}
#presentation .textPres h4 {
  color: #005864;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  margin: 20px 0 10px;
}
#presentation .atouts {
  padding: 0 0 0 30px;
  margin-left: 10px;
  border-left: 1px solid #bbbaba;
}
#presentation .atouts li {
  list-style: decimal;
  list-style-position: outside;
  padding: 5px 0;
}
/*********** ------------------ **************/
/**** LOGIN ****/
#login {
  margin-top: 100px;
}
#login #conteneur_login {
  margin: 0px auto;
  max-width: 980px;
  width: 95%;
}
#login .moitie {
  width: 50%;
  float: left;
  background: #eeefef;
  position: relative;
}
#login .moitie h3 {
  color: #005864;
}
#login .moitie .logo {
  text-align: center;
}
#login img {
  margin: -40px auto 20px auto;
}
#titre_log {
  border-left: 5px solid #005864;
  padding: 3px 4.5% 4px 4.5%;
}
#titre_log h3 {
  color: #005864;
  font-weight: 600;
  font-size: 40px;
}
#titre_log h4 {
  margin-top: -3px;
}
#login form {
  margin: 0px 6% 0px 6%;
}
#login form > div p {
  color: #292d30;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  margin: 25px 0% 5px 0%;
}
#login form > div input {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  background: -webkit-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -moz-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -o-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  padding: 15px 10px 13px 10px;
  color: #737373;
  margin: 0px 0% 0px 0%;
}
#login form > div input#email {
  width: 100%;
}
#login form > div input#password {
  width: 63%;
  float: left;
  margin-right: 5%;
}
#login form > div input[type="submit"] {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-weight: bold;
  text-align: center;
  background: #005864;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  width: 32%;
  border-bottom: 5px solid #005864;
  padding: 14px 10px 9px 10px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#login form > div input[type="submit"]:hover {
  background: #942429;
}
#login #no_cpt_mdp {
  margin: 130px 6% 27px 6%;
}
#login #no_cpt_mdp p {
  color: #292d30;
  font-size: 14px;
}
#login #no_cpt_mdp a {
  font-size: 14px;
  color: #005864;
  font-weight: 600;
}
#login #no_cpt_mdp a:hover {
  text-decoration: underline;
}
#login .moitie.bd_gris {
  border-bottom: 5px solid #bbbaba;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
#login .moitie.bd_rouge {
  border-bottom: 5px solid #005864;
  background: url(../images/bg_login_rouge.jpg) center center no-repeat;
  background-size: cover;
  text-align: center;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
#login .moitie.bd_rouge h2 {
  color: #ffffff;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 220px auto 0px auto;
  position: relative;
}
#login .moitie.bd_rouge h2 span {
  background: url(../images/bd_titre_login.png) center center no-repeat;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 11px;
}
#login .moitie.bd_rouge h1 {
  line-height: 35px;
  font-size: 35px;
  font-weight: 200;
  color: #ffffff;
  padding: 0px 6%;
  margin: 5px 0% 0px 0%;
}
.login-form input[type="checkbox"] {
  margin-top: 10px;
  margin-left: 0;
}
.login-form input[type="checkbox"] + label {
  font-size: 14px;
}
/***************/
/**** HEADER ****/
header .grid_12 {
  background: #005864;
  border-bottom: 4px solid #005864;
  min-height: 90px;
  padding-top: 5px;
}
#identifiant_logo {
  float: left;
  position: relative;
  min-width: 52%;
  height: 90px;
}
#identifiant_logo img {
  position: absolute;
  left: 30px;
  top: 13px;
}
#identifiant_logo #utilisateur {
  position: absolute;
  background: url(../images/picto_utilisateur.png) 0px center no-repeat;
  left: 160px;
  padding-left: 50px;
  top: 25px;
}
#identifiant_logo #utilisateur .societe {
  color: #ffffff;
  font-weight: 200;
  font-size: 25px;
  text-transform: uppercase;
  display: block;
}
#identifiant_logo #utilisateur .nom {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
}
#deconnexion {
  float: right;
  width: 17%;
  min-width: 200px;
  text-align: center;
  margin-top: 20px;
}
#deconnexion a {
  display: inline-block;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  background: url(../images/picto_deconnexion.png) 14px 9px no-repeat #f39800;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: none;
  border-bottom: 5px solid #c17b05;
  padding: 16px 15px 13px 42px;
  cursor: pointer;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#deconnexion a:hover {
  background-color: #c17b05;
}
/****************/
/**** HISTORIQUE ****/
#contenu {
  margin-top: 50px;
}
#contenu .grid_12 {
  background: #eeefef;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 0px 3px 3px 3px;
  border-bottom: 5px solid #bcbbbb;
  margin-bottom: 30px;
}
#contenu.commande .grid_12 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#contenu .histo_commande {
  float: left;
  width: 25%;
  margin: 0px 1% 0px 1%;
}
#contenu .histo_commande h4 a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  display: block;
  padding: 23px 0% 20px 22%;
  background: url(../images/picto_nouvelle_commande.png) 16px 20px no-repeat #1d2022;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#contenu .histo_commande h4 a:hover {
  background-color: #0D0E0F;
}
#contenu #histo_commande h4 a {
  background: url(../images/picto_historique.png) 17px 15px no-repeat #1d2022;
  padding-left: 19%;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#contenu #histo_commande h4 a:hover {
  background-color: #0D0E0F;
}
#contenu .histo_commande.actif {
  float: left;
  width: 25%;
  margin: 0px 1% 0px 1%;
}
#contenu .histo_commande.actif div {
  padding-bottom: 30px;
  background: url(../images/fleche_bas.png) center 54px no-repeat #eeefef;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#contenu .histo_commande.actif h4 a {
  background: url(../images/picto_historique.png) 16px 15px no-repeat #eeefef !important;
  color: #292d30;
  font-size: 17px;
  font-weight: 600;
  display: block;
  padding: 20px 0% 13px 19%;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#contenu #nouvelle_commande.actif h4 a {
  background: url(../images/picto_nouvelle_commande_clair.png) 16px 16px no-repeat #eeefef !important;
  padding-left: 22%;
}
#contenu #nouvelle_commande {
  width: 20%;
}
.titre_tableau {
  position: relative;
  border-left: 5px solid #005864;
  padding: 0px 0% 0px 2.5%;
  margin: 35px 0% 10px 0%;
}
.titre_tableau h1 {
  text-indent: -9999px;
  height: 0;
}
.titre_tableau h2 {
  color: #005864;
  font-size: 25px;
  font-weight: 600;
  -webkit-appearance: none;
}
.titre_tableau h3 {
  color: #1d2022;
  font-size: 15px;
  font-weight: 600;
}
img.ajaxLoader {
  display: block;
  margin: 0 auto;
}
#example_wrapper {
  margin: -30px 2.5% 0px 2.5%;
  padding-bottom: 30px;
}
#example_wrapper thead {
  background: #e7e7e7;
}
#example_wrapper thead tr th {
  color: #3c3838;
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  padding: 13px 0px 11px 20px;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #d4d4d4;
}
#example_wrapper thead tr th:first-child {
  border-left: 1px solid #d4d4d4;
}
#example_wrapper tbody tr {
  background: #ffffff;
  /*td:first-child{
          border-left: 1px solid #d4d4d4;
      }*/
}
#example_wrapper tbody tr td {
  color: #3c3838;
  font-size: 13px;
  padding: 13px 20px 11px 20px;
  border-right: 1px solid #d4d4d4;
  background: #ffffff;
}
#example_wrapper tbody tr td span {
  padding-left: 27px;
}
#example_wrapper tbody tr td .txt_cache {
  text-indent: -9999px;
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
}
#example_wrapper tbody tr td .preparation {
  color: #e57e04;
  background: url(../images/picto_en_cours_prepa.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .non-finalisee {
  color: #8d0a73;
  background: url(../images/picto_non_finalisee.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .attente-validation {
  color: #8f8300;
  background: url(../images/picto_attente_validation.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .annulle {
  color: #005864;
  background: url(../images/picto_commande_annulee.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .validee {
  color: #93b50d;
  background: url(../images/picto_commande_validee.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .expediee {
  color: #1d2022;
  background: url(../images/picto_commande_expediee.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td .livree {
  color: #1f29b5;
  background: url(../images/picto_livree.png) 0px 1px no-repeat;
}
#example_wrapper tbody tr td a {
  color: #0076bc;
  background: url(../images/picto_voir_commande.png) 0px 0px no-repeat;
  display: block;
  padding-left: 27px;
}
#example_wrapper .dataTable.no-footer {
  border-bottom: 1px solid #d4d4d4;
}
#example_wrapper #example_filter {
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}
#example_wrapper #example_filter label {
  color: #3c3838;
  font-size: 13px;
}
#example_wrapper #example_filter label input {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  background: -webkit-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -moz-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -o-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  padding: 15px 10px 13px 10px;
  color: #737373;
  margin: 0px 0% 0px 0%;
  padding: 7px 7px 6px 7px;
  width: 20%;
}
#example_wrapper .bottom .dataTables_length {
  float: left;
  width: 31%;
}
#example_wrapper .bottom .dataTables_length label {
  color: #3c3838;
  font-size: 14px;
  background: #ffffff;
  padding: 6px 7px 4px 0px;
}
#example_wrapper .bottom .dataTables_length label select {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  padding: 6px 10px 5px 10px;
  color: #737373;
  margin: 20px 5px 0px 0%;
}
#example_wrapper .bottom .dataTables_info {
  color: #3c3838;
  font-size: 14px;
  float: left;
  width: 30%;
  clear: right;
  margin: 18px 0% 0px 0%;
}
#example_wrapper .bottom .dataTables_paginate {
  padding: 0px;
  margin: 20px 0% 0px 0%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#example_wrapper .bottom .dataTables_paginate a.paginate_button {
  background: #ffffff;
  border: 1px solid #c1c1c1;
  margin: 0;
  padding: 7px 6px 6px 6px;
  color: #3c3838;
}
#example_wrapper .bottom .dataTables_paginate a.paginate_button:hover {
  color: #3c3838 !important;
}
#example_wrapper .bottom .dataTables_paginate a.previous {
  border-right: none;
  background: url(../images/fleche_precedent.png) 8px center no-repeat #ffffff;
  padding-left: 27px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
#example_wrapper .bottom .dataTables_paginate a.next {
  border-left: none;
  background: url(../images/fleche_suivant.png) 64px center no-repeat #ffffff;
  padding-right: 27px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
#example_wrapper .bottom .dataTables_paginate span a.paginate_button {
  border-left: none;
  border-right: none;
  padding: 7px 10px 6px 10px;
}
#example_wrapper .bottom .dataTables_paginate span a.paginate_button.current {
  background: #005864;
  color: #ffffff !important;
}
input[type="number"] {
  width: 80px;
}
/********************/
/**** NOUVELLE COMMANDE ****/
a#ajout_standard,
a#ajout_commande {
  background: url(../images/picto_ajout_modele.png) 29.5% center no-repeat #005864;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  padding: 17px 0% 13px 8%;
  margin: 29px 3% 0px 3%;
  border-bottom: 4px solid #005864;
  text-align: center;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
a#ajout_standard:hover,
a#ajout_commande:hover {
  background-color: #942429;
}
a#ajout_standard {
  background-position: 26.5% center;
  background-color: #f39800;
  border-bottom-color: #BC7700;
}
a#ajout_standard:hover {
  background-color: #BC7700;
}
.valider_commande {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 13px 21px 11px 22px;
  background: #8bb32a;
  border-bottom: 5px solid #789d1e;
  margin: 3px 0% 0px 3%;
  position: relative;
  cursor: pointer;
  z-index: 5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.valider_commande:hover {
  background-color: #789d1e;
}
.valider_commande.last {
  margin-bottom: 45px;
}
#example_wrapper .new_cmd tbody tr td a {
  color: #005864;
}
#example_wrapper .new_cmd input {
  width: 80px;
}
#example_wrapper thead tr th#quantite {
  width: 100px !important;
}
#example_wrapper b {
  font-weight: 700;
}
/***************************/
/**** MODELE ETAPE 1 ****/
#retour_recap {
  background: #1d2022;
  border-bottom: 3px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  padding: 10px 13px 6px 13px;
  right: 2.5%;
  top: 5px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#retour_recap:hover {
  background-color: #000000;
}
#bloc_nouveau_modele {
  margin: 0px 2.5% 25px 2.5%;
}
#bloc_nouveau_modele #reference_connue {
  position: relative;
  width: 100%;
  text-align: center;
  border: 1px solid #d4d4d4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: url(../images/degrade_gris.png) repeat-x;
  padding: 12px 0% 11px 0%;
}
#bloc_nouveau_modele #reference_connue #inputRechercheEtiquetteAjax.searching {
  background: url(../images/ajax-loader-recherche.gif) center right no-repeat;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax {
  display: none;
  z-index: 5000;
  position: absolute;
  width: 100%;
  left: 0;
  top: 63px;
  background: #bcbbbb;
  /*border:1px solid #494747;*/
  border-top: 1px solid #fff;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .tsResultats:hover {
  background: #E7E7E7;
  color: #494747;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .tsResultats {
  background: none repeat scroll 0 0 #494747;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -o-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_boucherie h3 {
  background: #ec1d24;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_boucherie h3 span {
  background: url(../images/picto_boucherie.png) top left no-repeat;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_boucherie ul li:hover {
  border-bottom-color: #ec1d24;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_charcuterie h3 {
  background: #B55349;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_charcuterie h3 span {
  background: url(../images/picto_charcuterie.png) top left no-repeat;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_charcuterie ul li:hover {
  border-bottom-color: #B55349;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_poissonnerie h3 {
  background: #007db7;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_poissonnerie h3 span {
  background: url(../images/picto_poissonerie.png) top left no-repeat;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_poissonnerie ul li:hover {
  border-bottom-color: #007db7;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_cremerie h3 {
  background: #74cee0;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_cremerie h3 span {
  background: url(../images/picto_cremerie.png) top left no-repeat;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax .famille_cremerie ul li:hover {
  border-bottom-color: #74cee0;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div {
  position: relative;
  width: 23%;
  margin: 10px 1% 10px 0;
  text-align: left;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div h3 {
  margin-top: 10px;
  font-size: 13px;
  background: #ec1d24;
  color: #ffffff;
  text-transform: uppercase;
  padding: 23px 0px 17px 80px;
  font-weight: 600;
  position: relative;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div h3 span {
  display: block;
  width: 72px;
  height: 72px;
  position: absolute;
  top: -12px;
  left: 0;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div ul li:hover {
  border-bottom: 2px solid #fff;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div ul li:hover a {
  color: #fff;
  background: #494747;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div ul li {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #fff;
  overflow: hidden;
  border-bottom: 2px solid #cbcbcb;
  float: left;
  padding: 0;
  text-align: left;
  width: 100%;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div ul li a {
  display: block;
  padding: 5px;
  line-height: 30px;
  max-height: 100%;
  max-width: 100%;
  color: #494747;
  text-transform: uppercase;
  font-size: 14px;
}
#bloc_nouveau_modele #reference_connue .resultRechercheAjax div ul li a span {
  font-size: 14px;
  font-weight: 600;
}
#bloc_nouveau_modele #reference_connue div {
  display: inline-block;
}
#bloc_nouveau_modele #reference_connue div h4 {
  text-transform: initial;
  color: #5b5c5d;
  font-size: 20px;
  font-weight: 400;
  float: left;
  padding: 11px 16px 0px 0%;
}
#bloc_nouveau_modele #reference_connue div form {
  position: static;
  float: left;
}
#bloc_nouveau_modele #reference_connue div form input[type="text"] {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  background: -webkit-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -moz-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -o-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  padding: 15px 10px 13px 10px;
  color: #737373;
  margin: 0px 0% 0px 0%;
  width: 350px;
  font-size: 15px;
  padding: 11px 10px 10px 10px;
  float: left;
  height: 40px;
}
#bloc_nouveau_modele #reference_connue div form input[type="submit"] {
  background: #494747;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  border: none;
  font-weight: 600;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  float: left;
  margin: 0px 0px 0px;
  padding: 12px 9px 11px 9px;
  cursor: pointer;
  height: 40px;
  -webkit-appearance: none;
}
#categories_modele {
  width: 100%;
  border: 1px solid #d4d4d4;
  border-top: none;
  background: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
#categories_modele .contenu {
  padding: 30px 1.5% 30px 1.5%;
}
#categories_modele.cache {
  opacity: 0.2;
}
.categorie_etiquette {
  float: left;
  width: 23%;
  margin: 0 1%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  /*.transition(all,.3s);*/
}
.categorie_etiquette:hover {
  /*-webkit-box-shadow: 0px 0px 10px 1px rgb(80,80,80);
    -moz-box-shadow: 0px 0px 10px 1px rgb(80,80,80);
    -o-box-shadow: 0px 0px 10px 1px rgb(80,80,80);
    box-shadow: 0px 0px 10px 1px rgb(80,80,80);*/
}
.categorie_etiquette a {
  display: block;
}
.categorie_etiquette .visuel {
  height: 249px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid #ffffff;
  -moz-transition: background-size 0.3s;
  -webkit-transition: background-size 0.3s;
  -o-transition: background-size 0.3s;
  transition: background-size 0.3s;
  background-size: 100% !important;
}
.categorie_etiquette .titre {
  position: relative;
}
.categorie_etiquette .titre img {
  margin: 0px auto 0px auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  z-index: 5;
  -moz-transition: bottom 0.3s;
  -webkit-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.categorie_etiquette .titre div {
  background: #ec1d24;
  border-bottom: 5px solid #942429;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -o-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  height: 100px;
  overflow: hidden;
  margin-top: 0;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.categorie_etiquette .titre div h3 {
  color: #ffffff;
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  line-height: 26px;
  margin: 0px 0% 0px 0%;
  min-height: 52px;
  padding: 40px 0% 30px 0%;
}
.categorie_etiquette .titre div p {
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
}
.categorie_etiquette a:hover .titre div {
  margin-top: -50px;
  height: 150px;
}
.categorie_etiquette a:hover .titre div h3 {
  padding-bottom: 20px;
}
.categorie_etiquette a:hover .visuel {
  background-size: 140% !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.categorie_etiquette a:hover .titre img {
  bottom: 125px;
}
#categorie_charcuterie .titre div {
  background: #B55349;
  border-color: #873D35;
}
#categorie_poissonerie .titre div {
  background: #007db7;
  border-color: #006695;
}
#categorie_cremerie .titre div {
  background: #74cee0;
  border-color: #57b4c6;
}
/************************/
/**** MODELE ETAPE 2 ****/
#bloc_choix_famille {
  margin: 20px 2.5% 25px 2.5%;
  position: relative;
}
#bloc_choix_famille #iconAddPanierMobile {
  background: url(../images/picto_panier.png) center center no-repeat #f39800;
  display: none;
  opacity: 0;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
  z-index: 5000;
}
#liste_gauche {
  float: left;
  width: 19.7%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#liste_gauche h3 {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  padding: 80px 0% 10px 0%;
  text-align: center;
  margin: -12px 4% 0px 4%;
  background-position: center top;
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#liste_gauche ul {
  margin: 10px 0 20px 0;
}
#liste_gauche ul li {
  float: left;
  margin: 0 4%;
  width: 42%;
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#liste_gauche ul li a {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  display: block;
  padding: 8px 0% 5px 0%;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#liste_gauche ul li a:hover {
  padding-left: 5px;
}
#liste_droite {
  float: left;
  width: 78.3%;
  margin: 0px 1%;
}
#liste_droite .bloc {
  float: left;
  margin: 0 1.1% 20px 1.1%;
  width: 17.7%;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#liste_droite .bloc a {
  padding-top: 12px;
  display: block;
  background: #ffffff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#liste_droite .bloc a div {
  overflow: hidden;
  text-align: center;
}
#liste_droite .bloc a img {
  max-width: 90%;
  height: auto;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  -moz-transition: transform 0.15s;
  -webkit-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#liste_droite .bloc a h4 {
  text-transform: uppercase;
  text-align: center;
  color: #1d2022;
  font-size: 16px;
  border-top: 1px solid #ebecec;
  display: block;
  margin: 1px 0% 0px 0%;
  padding: 11px 0% 10px 0%;
  font-weight: 600;
}
#liste_droite .bloc a:hover {
  background: #E6E6E6;
}
#liste_droite .bloc a:hover img {
  /*-webkit-transform : scale(1.15);
          -moz-transform : scale(1.15);
          -o-transform : scale(1.15);
          transform : scale(1.15);*/
}
/* Familles */
.famille_boucherie #liste_gauche {
  background: #ec1d24;
}
.famille_boucherie #liste_gauche h3 {
  background: url(../images/picto_boucherie.png) center top no-repeat;
}
.famille_boucherie #liste_droite .bloc {
  border-bottom: 2px solid #ec1d24;
}
.famille_charcuterie #liste_gauche {
  background: #B55349;
}
.famille_charcuterie #liste_gauche h3 {
  background: url(../images/picto_charcuterie.png) center top no-repeat;
}
.famille_charcuterie #liste_droite .bloc {
  border-bottom: 2px solid #B55349;
}
.famille_poissonnerie #liste_gauche {
  background: #007db7;
}
.famille_poissonnerie #liste_gauche h3 {
  background: url(../images/picto_poissonerie.png) center top no-repeat;
}
.famille_poissonnerie #liste_droite .bloc {
  border-bottom: 2px solid #007db7;
}
.famille_cremerie #liste_gauche {
  background: #74cee0;
}
.famille_cremerie #liste_gauche h3 {
  background: url(../images/picto_cremerie.png) center top no-repeat;
}
.famille_cremerie #liste_droite .bloc {
  border-bottom: 2px solid #74cee0;
}
/* */
/************************/
/**** MODELE ETAPE 3 ****/
.choix_modele #liste_gauche h3 {
  border: none;
  padding: 80px 0% 3px 0%;
}
.choix_modele #liste_gauche h4 {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  margin: 0px 4% 0px 4%;
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 11px;
}
.choix_modele #liste_droite .bloc {
  width: 31.1%;
}
.choix_modele #liste_droite .bloc h4 {
  font-size: 25px;
  padding: 15px 0% 5px 0%;
}
.choix_modele #liste_droite .bloc p {
  font-size: 16px;
  text-align: center;
  color: #1d2022;
  padding: 4px 0% 14px 0%;
}
.choix_modele #liste_droite .bloc p span {
  font-weight: 600;
}
/* Famille */
.famille_boucherie #liste_droite .bloc {
  border-bottom: 5px solid #ec1d24;
}
.famille_charcuterie #liste_droite .bloc {
  border-bottom: 5px solid #B55349;
}
.famille_poissonnerie #liste_droite .bloc {
  border-bottom: 5px solid #007db7;
}
.famille_cremerie #liste_droite .bloc {
  border-bottom: 5px solid #74cee0;
}
/* */
/************************/
/**** MODELE ETAPE 4 ****/
#retour_liste {
  background: #1d2022;
  border-bottom: 3px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  padding: 10px 13px 6px 13px;
  right: 20%;
  top: 5px;
  display: inline-block;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#retour_liste:hover {
  background-color: #000000;
}
.retour_recap {
  background: #005864;
  border-bottom: 3px solid #942429;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  color: #ffffff;
  float: right;
  padding: 10px 13px 6px 13px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.retour_recap:hover {
  background-color: #942429;
}
#add_etiquette {
  background: #f39800;
  border-bottom: 3px solid #c17b05;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  padding: 10px 13px 6px 13px;
  right: 33%;
  top: 5px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#add_etiquette:hover {
  background-color: #c17b05;
  border-bottom-color: #c17b05;
}
.add_etiquette {
  background: #f39800;
  border-bottom: 3px solid #c17b05;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  color: #ffffff;
  padding: 10px 13px 6px 13px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.add_etiquette:hover {
  background-color: #c17b05;
  border-bottom-color: #c17b05;
}
.btn_classique_jaune {
  background: #f39800;
  border-bottom: 3px solid #c17b05;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  color: #ffffff;
  padding: 10px 13px 6px 13px;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.btn_classique_jaune:hover {
  background-color: #c17b05;
  border-bottom-color: #c17b05;
}
.btnsPaniers {
  padding: 10px;
}
.tab .ln-letters a {
  color: #336699;
  display: inline-block;
  border-right: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 3px 6px 2px 6px;
  font-size: 15px;
}
.tab .ln-letters a.ln-disabled {
  color: #cccccc;
}
.intitule_liste_appellations {
  position: relative;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.intitule_liste_appellations h1 {
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 23px 0px 17px 100px;
  font-weight: 600;
}
.intitule_liste_appellations span {
  margin: 0px auto 0px auto;
  position: absolute;
  left: 10px;
  top: -15px;
  display: inline-block;
  width: 72px;
  height: 72px;
}
.famille_boucherie .intitule_liste_appellations {
  background: #ec1d24;
}
.famille_boucherie .intitule_liste_appellations span {
  background: url(../images/picto_boucherie.png) center center no-repeat;
}
.famille_charcuterie .intitule_liste_appellations {
  background: #B55349;
}
.famille_charcuterie .intitule_liste_appellations span {
  background: url(../images/picto_charcuterie.png) center center no-repeat;
}
.famille_cremerie .intitule_liste_appellations {
  background: #74cee0;
}
.famille_cremerie .intitule_liste_appellations span {
  background: url(../images/picto_cremerie.png) center center no-repeat;
}
.famille_poissonnerie .intitule_liste_appellations {
  background: #007db7;
}
.famille_poissonnerie .intitule_liste_appellations span {
  background: url(../images/picto_poissonerie.png) center center no-repeat;
}
#horizontalTab .resp-tabs-container {
  width: 58.2%;
}
#horizontalTab ul.resp-tabs-list {
  padding: 15px 0px 0px 0px;
  background: #ffffff;
  border-bottom: 1px solid #ec1d24;
}
.famille_charcuterie #horizontalTab ul.resp-tabs-list {
  border-color: #B55349;
}
.famille_cremerie #horizontalTab ul.resp-tabs-list {
  border-color: #74cee0;
}
.famille_poissonnerie #horizontalTab ul.resp-tabs-list {
  border-color: #007db7;
}
#horizontalTab .resp-tabs-list li {
  border: 1px solid #c1c1c1;
  margin-left: 10px;
  border-bottom: none;
  color: #1d2022;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 19px 11px 19px;
}
#horizontalTab .resp-tabs-list li#appellations_persos {
  color: #ec1d24;
}
.famille_charcuterie #horizontalTab .resp-tabs-list li#appellations_persos {
  color: #B55349;
}
.famille_cremerie #horizontalTab .resp-tabs-list li#appellations_persos {
  color: #74cee0;
}
.famille_poissonnerie #horizontalTab .resp-tabs-list li#appellations_persos {
  color: #007db7;
}
#horizontalTab .resp-tabs-list li.resp-tab-active {
  border-top: 3px solid #ec1d24;
  border-left: 1px solid #ec1d24;
  border-right: 1px solid #ec1d24;
  padding: 13px 19px 10px 19px !important;
}
.famille_charcuterie #horizontalTab .resp-tabs-list li.resp-tab-active {
  border-color: #B55349;
}
.famille_cremerie #horizontalTab .resp-tabs-list li.resp-tab-active {
  border-color: #74cee0;
}
.famille_poissonnerie #horizontalTab .resp-tabs-list li.resp-tab-active {
  border-color: #007db7;
}
#horizontalTab .resp-tab-content {
  border: none;
  padding: 0px;
}
#horizontalTab .resp-tab-content .recherche {
  padding: 20px 20px 10px 20px;
}
#horizontalTab .resp-tab-content .recherche h4 {
  color: #1d2022;
  font-size: 15px;
  font-weight: 600;
  float: left;
  text-transform: none;
  margin-top: 9px;
}
#horizontalTab .resp-tab-content .recherche input {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  background: -webkit-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -moz-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: -o-linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  background: linear-gradient(top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) #ffffff;
  padding: 15px 10px 13px 10px;
  color: #737373;
  margin: 0px 0% 0px 0%;
  float: right;
  padding: 7px 7px 6px 7px;
  width: 58%;
  -webkit-appearance: none;
}
#horizontalTab .resp-tab-content .listNav {
  position: relative;
  padding: 0px 20px 0px 20px;
}
#horizontalTab .resp-tab-content .listNav .ln-letters {
  text-align: right;
  padding-bottom: 20px;
}
#horizontalTab .resp-tab-content .listNav .ln-letters a.ln-selected {
  background: #EC1D24;
  color: #fff;
}
#horizontalTab .resp-tab-content .listNav .ln-letters a:first-child {
  border-left: 1px solid #c0c0c0;
}
#horizontalTab .resp-tab-content .listNav .ln-letter-count {
  display: none !important;
}
#droite_appellation {
  position: absolute;
  right: 0;
  top: 116px;
  width: 41.8%;
  /*tbody tr td:first-child{
      border-left : 1px solid #343738;
  }*/
}
#droite_appellation #visuel_appellation {
  text-align: center;
  padding: 18px 0;
  position: relative;
  background: #e7e7e7;
}
#droite_appellation #visuel_appellation h4 {
  color: #1d2022;
  text-transform: uppercase;
  font-size: 20px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-weight: 600;
  padding: 22px 12px 18px 12px;
}
#droite_appellation #visuel_appellation img {
  border: 10px solid white;
}
#droite_appellation #panier_appellation {
  border-top: 5px solid #ec1d24;
  background: #1d2022;
  position: relative;
}
#droite_appellation #panier_appellation p {
  color: #ffffff;
  font-size: 15px;
  padding: 15px 0px 14px 50px;
  background: url(../images/picto_panier.png) 20px 12px no-repeat;
}
#droite_appellation #panier_appellation p span {
  font-weight: 600;
}
#droite_appellation #panier_appellation thead {
  display: none;
}
#droite_appellation tbody tr td {
  background: #1d2022;
  color: #ffffff;
  font-size: 13px;
  border: 1px solid #343738;
  /*border-right: 1px solid #343738;
    border-top: 1px solid #343738;
    border-bottom: none;*/
  padding: 10px 0px 8px 11px;
}
#droite_appellation tbody tr .orderHide {
  overflow: hidden;
  padding: 0;
  text-indent: -1000px;
  width: 0;
}
#droite_appellation .dataTable.no-footer {
  border-bottom: 1px solid #343738;
}
#droite_appellation #example_wrapper {
  margin: 0px auto 0px auto;
  padding-bottom: 20px;
}
#droite_appellation input[type="number"] {
  width: 40px;
}
#droite_appellation tbody tr td a {
  color: #005864;
  background: url(../images/supprimer.png) 9px 0px no-repeat;
  display: block;
  padding-left: 27px;
  font-size: 13px;
}
#droite_appellation .dataTables_length,
#droite_appellation .dataTables_info {
  display: none;
}
#droite_appellation .bottom .dataTables_paginate {
  float: left;
  margin: 19px 0px 0px 10px;
}
#droite_appellation input[type="submit"] {
  background: #f39800;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 9px 7px 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*position: absolute;
    right: 10px;
    bottom: 20px;*/
  margin: 10px 10px 10px 0;
  float: right;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  cursor: pointer;
}
#droite_appellation input[type="submit"]:hover {
  background: #c17b05;
}
.famille_charcuterie #droite_appellation #panier_appellation {
  border-color: #B55349;
}
.famille_cremerie #droite_appellation #panier_appellation {
  border-color: #74cee0;
}
.famille_poissonnerie #droite_appellation #panier_appellation {
  border-color: #007db7;
}
.demo {
  background: #ffffff;
}
.tab .list ul li {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #f6f6f6;
  cursor: pointer;
}
.tab .list ul li > div {
  background: url(../images/bg_liste.jpg) center top repeat-x;
}
.tab .list ul li > div h3 {
  font-size: 17px;
  color: #373636;
  display: block;
  background: url(../images/picto_plus.png) 98% center no-repeat;
  padding: 11px 0% 10px 10px;
  color: #000000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: .6;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tab .list ul li > div h3.deroule {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: #1d2022;
  color: #ffffff;
}
.tab .list ul li > div h3.deroule + div {
  -webkit-box-shadow: inset 0px 0px 0px 2px #1d2022;
  -moz-box-shadow: inset 0px 0px 0px 2px #1d2022;
  -o-box-shadow: inset 0px 0px 0px 2px #1d2022;
  box-shadow: inset 0px 0px 0px 2px #1d2022;
}
.tab .list ul li > div .mention {
  float: left;
  margin-right: 10px;
  width: 95%;
}
.tab .list ul li > div .mention label {
  color: #232b2d;
  font-size: 13px;
  margin-right: 5px;
}
.tab .list ul li > div .mention select {
  color: #696c6d;
  font-size: 13px;
  width: 130px;
  height: 29px;
  padding: 6px 0px 4px 2px;
}
.tab .list ul li > div .mention select option {
  color: #000000;
}
.tab .list ul li > div .mention input.fieldSubzoneHidden,
.tab .list ul li > div .mention input.fieldZoneHidden,
.tab .list ul li > div .mention input.appellationScHidden {
  display: none;
}
.tab .list ul li > div .mention input.fieldSubzoneHidden {
  margin-left: 348px;
}
.tab .list ul li > div .mention input[type=text] {
  padding: 5px;
}
.tab .list ul li > div .mentionPerso label,
.tab .list ul li > div .mentionPoisson label {
  width: 140px;
  display: block;
  float: left;
  line-height: 30px;
}
.tab .list ul li > div .mentionPerso input[type=text],
.tab .list ul li > div .mentionPoisson input[type=text] {
  width: 190px;
  margin-bottom: 15px;
}
.tab .list ul li > div .mentionPerso select,
.tab .list ul li > div .mentionPoisson select {
  width: 190px;
  margin-bottom: 15px;
  margin-right: 10px;
}
.tab .list ul li > div .mentionPerso select.souszone,
.tab .list ul li > div .mentionPoisson select.souszone {
  display: none;
}
.tab .list ul li > div .mentionPerso .ajout_panier,
.tab .list ul li > div .mentionPoisson .ajout_panier {
  float: right;
}
.tab .list ul li > div .qte {
  float: left;
  margin-right: 10px;
}
.tab .list ul li > div .qte label {
  color: #232b2d;
  font-size: 13px;
  margin-right: 5px;
}
.tab .list ul li > div .qte input {
  color: #696c6d;
  font-size: 13px;
  width: 40px;
  height: 29px;
  padding: 6px 0px 4px 2px;
}
.tab .list ul li > div .ajout_panier {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background: url(../images/picto_panier.png) 7px 6px no-repeat #1d2022;
  display: inline-block;
  padding: 10px 10px 6px 35px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 13px;
}
.tab .list ul li > div .ajout_panier:hover {
  background-color: #0B0C0D;
}
.menu_deroule .contenu {
  position: relative;
}
#droite_appellation.menu_deroule .contenu {
  position: fixed;
  top: 0;
}
.tab .list h3 + div {
  display: none;
  background: #dedddd;
  padding: 10px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-box-shadow: inset 0px 0px 0px 2px transparent;
  -moz-box-shadow: inset 0px 0px 0px 2px transparent;
  -o-box-shadow: inset 0px 0px 0px 2px transparent;
  box-shadow: inset 0px 0px 0px 2px transparent;
}
/************************/
/*** Résultats de la recherche ***/
.resultatsRecherche .choix_modele #liste_droite {
  width: 100%;
  margin: 0;
}
.resultatsRecherche .choix_modele #liste_droite .famille_boucherie h3 {
  background: #ec1d24;
}
.resultatsRecherche .choix_modele #liste_droite .famille_boucherie h3 span {
  background: url(../images/picto_boucherie.png) top left no-repeat;
}
.resultatsRecherche .choix_modele #liste_droite .famille_boucherie .bloc {
  border-bottom-color: #ec1d24;
}
.resultatsRecherche .choix_modele #liste_droite .famille_charcuterie h3 {
  background: #B55349;
}
.resultatsRecherche .choix_modele #liste_droite .famille_charcuterie h3 span {
  background: url(../images/picto_charcuterie.png) top left no-repeat;
}
.resultatsRecherche .choix_modele #liste_droite .famille_charcuterie .bloc {
  border-bottom-color: #B55349;
}
.resultatsRecherche .choix_modele #liste_droite .famille_poissonnerie h3 {
  background: #007db7;
}
.resultatsRecherche .choix_modele #liste_droite .famille_poissonnerie h3 span {
  background: url(../images/picto_poissonerie.png) top left no-repeat;
}
.resultatsRecherche .choix_modele #liste_droite .famille_poissonnerie .bloc {
  border-bottom-color: #007db7;
}
.resultatsRecherche .choix_modele #liste_droite .famille_cremerie h3 {
  background: #74cee0;
}
.resultatsRecherche .choix_modele #liste_droite .famille_cremerie h3 span {
  background: url(../images/picto_cremerie.png) top left no-repeat;
}
.resultatsRecherche .choix_modele #liste_droite .famille_cremerie .bloc {
  border-bottom-color: #74cee0;
}
.resultatsRecherche .choix_modele #liste_droite h3 {
  border-radius: 3px 3px 0 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 17px 0 17px 80px;
  position: relative;
  text-transform: uppercase;
}
.resultatsRecherche .choix_modele #liste_droite h3 span {
  display: block;
  height: 72px;
  left: 0;
  position: absolute;
  top: -12px;
  width: 72px;
}
.resultatsRecherche .choix_modele #liste_droite .bloc {
  width: 14.4%;
  border-bottom: 3px solid black;
}
#recapitulatif_commande {
  margin: 0 2.5% 25px;
}
#recapitulatif_commande #tableValidationCommande {
  width: 100%;
}
#recapitulatif_commande #tableValidationCommande thead {
  background: #e7e7e7;
}
#recapitulatif_commande #tableValidationCommande thead th {
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 0 11px 20px;
  text-align: left;
}
#recapitulatif_commande #tableValidationCommande tbody b {
  font-weight: 600;
}
#recapitulatif_commande #tableValidationCommande tbody tr.standards {
  border-top: 3px solid #d4d4d4;
}
#recapitulatif_commande #tableValidationCommande tbody td {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 13px;
  padding: 13px 20px 11px;
}
#recapitulatif_commande #tableValidationCommande tbody td.ref {
  font-size: 15px;
  font-weight: 600;
}
#recapitulatif_commande #tableValidationCommande tbody td.ref b {
  color: #005864;
  font-weight: 600;
}
#recapitulatif_commande #tableValidationCommande tfoot {
  border-top: 3px solid #BCBBBB;
}
#recapitulatif_commande #tableValidationCommande tfoot td,
#recapitulatif_commande #tableValidationCommande tfoot th {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 15px;
  padding: 13px 20px 11px;
}
#recapitulatif_commande #tableValidationCommande tfoot th {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}
#recapitulatif_commande #tableValidationCommande tfoot td.noBg {
  background: none;
  border: none;
}
.valider_commande.right {
  float: right;
  margin-right: 2.5%;
}
.statut_commande {
  font-size: 18px;
  margin: 15px 0;
}
.statut_commande b {
  color: #005864;
  font-weight: 600;
}
#conteneur-reference-prestashop {
  background: #E7E7E7;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  padding: 12px 0 11px;
  position: relative;
  text-align: center;
}
#conteneur-reference-prestashop > div {
  margin: 0 auto;
  width: 630px;
}
#conteneur-reference-prestashop > div label {
  color: #5b5c5d;
  float: left;
  font-size: 20px;
  font-weight: 400;
  padding: 11px 16px 0 0;
  text-transform: initial;
}
#conteneur-reference-prestashop > div #reference-prestashop {
  background: -moz-linear-gradient(center top, rgba(216, 217, 218, 0.7) 0%, rgba(242, 242, 242, 0.1) 10%) repeat scroll 0 0 #ffffff;
  border: 1px solid #d6d6d6;
  color: #737373;
  float: left;
  font-size: 15px;
  height: 40px;
  margin: 0 0;
  padding: 11px 10px 10px;
  width: 350px;
}
#conteneur-reference-prestashop > div #reference-prestashop.disabled {
  background: #E7E7E7;
}
.tableHome {
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
}
.tableHome tfoot,
.tableHome thead {
  background: #e7e7e7;
}
.tableHome tfoot th,
.tableHome thead th {
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 0 11px 20px;
  text-align: left;
}
.tableHome td {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 13px;
  padding: 13px 20px 11px;
  vertical-align: middle;
  text-align: left;
}
.tableHome td .plusDeDetails {
  color: #3c3838;
  text-decoration: underline;
}
.tableHome td img {
  max-height: 100px;
  max-width: 200px;
}
.tableHome td h2 {
  font-weight: bold;
  margin-bottom: 5px;
}
.tableHome td a {
  text-decoration: underline;
  color: #005864;
}
.tableHome td b {
  font-weight: bold;
}
.tableHome td .btn-supp {
  color: #005864;
  background: url(../images/supprimer.png) 9px 4px no-repeat;
  display: flex;
  padding-left: 27px;
  font-size: 13px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.tableHome td.alignleft {
  text-align: left;
}
#panierStandard,
#tablePsProducts {
  width: 100%;
}
#panierStandard tfoot,
#tablePsProducts tfoot,
#panierStandard thead,
#tablePsProducts thead {
  background: #e7e7e7;
}
#panierStandard tfoot th,
#tablePsProducts tfoot th,
#panierStandard thead th,
#tablePsProducts thead th {
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 0 11px 20px;
  text-align: left;
}
#panierStandard .contentPS td,
#tablePsProducts .contentPS td {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #d4d4d4;
  color: #3c3838;
  font-size: 13px;
  padding: 13px 20px 11px;
  vertical-align: middle;
  text-align: center;
}
#panierStandard .contentPS td .plusDeDetails,
#tablePsProducts .contentPS td .plusDeDetails {
  color: #3c3838;
  text-decoration: underline;
}
#panierStandard .contentPS td img,
#tablePsProducts .contentPS td img {
  max-height: 100px;
  max-width: 200px;
}
#panierStandard .contentPS td h2,
#tablePsProducts .contentPS td h2 {
  font-weight: bold;
  margin-bottom: 5px;
}
#panierStandard .contentPS td.alignleft,
#tablePsProducts .contentPS td.alignleft {
  text-align: left;
}
.commentaire_commande_container {
  box-sizing: border-box;
  padding: 0 35px;
}
.commentaire_commande_container h2 {
  color: #333;
  font-weight: bold;
  margin: 10px 0;
}
.commentaire_commande_container textarea {
  height: 115px;
  margin-bottom: 25px;
  width: 100%;
}
.footer_std {
  margin: 25px 0 5px;
  text-align: right;
}
.commande-excel {
  padding: 5px 30px;
  position: relative;
}
.commande-excel .commande-excel-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.commande-excel .commande-excel-header .add_excel {
  background: #217346;
  border: 0;
  border-bottom: 3px solid #255039;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 10px 13px 6px 13px;
  transition: background 0.3s;
  cursor: pointer;
}
.commande-excel .commande-excel-header .add_excel:hover {
  background: #255039;
}
.commande-excel .commande-excel-details {
  display: none;
  line-height: 1.2;
}
.commande-excel .commande-excel-details:before {
  content: '';
  display: block;
  background: #217346;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.commande-excel .commande-excel-details .commande-excel-details-h {
  font-size: 23px;
  font-weight: 600;
  color: #217346;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.commande-excel .commande-excel-details .commande-excel-details-p {
  margin-bottom: 5px;
}
.commande-excel .commande-excel-details ul {
  padding-left: 15px;
}
.commande-excel .commande-excel-details ul li {
  margin-bottom: 5px;
}
.commande-excel .commande-excel-details ul li b {
  font-weight: bold;
}
.commande-excel.actif {
  margin: 25px 0;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.commande-excel.actif .commande-excel-header {
  display: none;
}
.commande-excel.actif .commande-excel-details {
  display: block;
}
.commande-excel.actif .commande-excel-details a {
  text-decoration: underline;
  color: #217346;
  font-weight: 600;
}
.commande-excel.actif .commande-excel-details i {
  font-size: 13px;
  font-style: italic;
}
.commande-excel.actif .commande-excel-details form {
  margin-top: 10px;
  display: inline-flex;
  background: #e7e7e7;
  padding: 10px 20px;
  gap: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.commande-excel.actif .commande-excel-details form button {
  background: #217346;
  border: 0;
  border-bottom: 3px solid #255039;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 10px 13px 6px 13px;
  transition: background 0.3s;
  cursor: pointer;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-h {
  background-image: url(../images/panier_excel.png);
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details {
  border-top: 1px solid #343738;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details p {
  padding: 0;
  background: none;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details .panier-appellation-excel-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #343738;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details .panier-appellation-excel-detail p,
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details .panier-appellation-excel-detail a {
  font-size: 15px;
  color: #fff;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details .panier-appellation-excel-detail a {
  text-decoration: underline;
}
#droite_appellation #panier_appellation .panier-appellation-excel .panier-appellation-excel-details .panier-appellation-excel-detail .btn-supp {
  color: #005864;
  background: url(../images/supprimer.png) 9px 4px no-repeat;
  display: flex;
  padding-left: 27px;
  font-size: 13px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.page-info-top {
  margin: 25px 25px;
  padding: 25px;
  background: #1C94C4;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-info-top p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.page-info-top.error {
  background-color: #d12051;
}
.page-info-top.success {
  background-color: #229d4d;
}
/*# sourceMappingURL=styles.css.map */