@charset "UTF-8";
/* 
    Created on : 28 avr. 2020, 09:00:00
    Author     : Sébastien GRIFFITHS - Otidea
*/
/*-- Declaration variables font--*/
/*@font-face {
    font-family: 'bretagnefont';
    src: url('../fonts/regionbretagne-reg.eot');
    src: local('☺'), url('../fonts/regionbretagne-reg.woff') format('woff'), url('../fonts/regionbretagne-reg.ttf') format('truetype'), url('../fonts/regionbretagne-reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bretagnefont';
    src: url('../fonts/regionbretagne-bold.eot');
    src: local('☺'), url('../fonts/regionbretagne-bold.woff') format('woff'), url('../fonts/regionbretagne-bold.ttf') format('truetype'), url('../fonts/regionbretagne-bold.svg') format('svg');
    font-weight: bold ;
    font-style: normal;
}*/
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
/*-- Declaration variables couleurs--*/
/* orange */
/*bleu*/
/*gris nav / backgounrd slider*/
/*gris backgounrd slider*/
/*bleu clair*/
/*trait /couleur de peinture orange jaune*/
/*neuf couleur*/
/*occas couleur*/
/* gris4 */
/* vert titre */
/*texte gris foncé*/
/*gris fond */
/*gris agence*/
/*bleu canard */
/*bleu clair */
/*jaune */
/*gauche fleche */
/*droite fleche */
/* canard clair*/
/* bleu footer */
/* bleu clair mentions*/
/* vert index */
/* bleu txt bouton */
/* bleu txt bouton */
/*pagination*/
/*-- Declaration classes font--*/
.font1 {
  font-family: "Jost", sans-serif; }

.font2 {
  font-family: "Source Serif Pro", serif; }

.font3 {
  font-family: "Dancing Script", cursive; }

.font4 {
  font-family: "Open Sans", sans-serif; }

/*-- Declaration classes couleurs--*/
.noir {
  color: #000000; }

.blanc {
  color: #ffffff; }

.gris {
  color: #f7f7f7; }

.couleur1 {
  color: #675044; }

.couleur2 {
  color: #3CB0B3; }

.couleur3 {
  color: #F4F2F2; }

.couleur4 {
  color: #333333; }

.couleur5 {
  color: #2cbfc6; }

.couleur6 {
  color: #fcd743; }

.couleur7 {
  color: #46a46a; }

.couleur8 {
  color: #12a184; }

.couleur9 {
  color: #332c26; }

.couleur10 {
  color: #ffad40; }

.bgNoir {
  background-color: #000000; }

.bgBlanc {
  background-color: #ffffff; }

.bgGris {
  background-color: #f7f7f7; }

.bgCouleur1 {
  background-color: #675044; }

.bgCouleur2 {
  background-color: #3CB0B3; }

.bgCouleur3 {
  background-color: #F4F2F2; }

.bgCouleur4 {
  background-color: #333333; }

.bgCouleur5 {
  background-color: #2cbfc6; }

.bgCouleur6 {
  background-color: #fcd743; }

.bgCouleur7 {
  background-color: #46a46a; }

.bgCouleur8 {
  background-color: #12a184; }

.bgCouleur9 {
  background-color: #332c26; }

.bgCouleur10 {
  background-color: #ffad40; }

/*-- Declaration mixin--*/
/*////////////////////////////////////////////////////////////////////*/
.btn-outline-primary:focus {
  box-shadow: none !important; }

.btn-outline-primary {
  border-radius: 0.4rem !important;
  width: 100%; }

.btn-green.btn-primary {
  color: #fff !important;
  background-color: #3CB0B3 !important;
  border-color: #3CB0B3 !important; }
  .btn-green.btn-primary:hover {
    background-image: none !important;
    background-color: #F4F2F2 !important; }
.btn-green .btn-outline-primary {
  color: #675044;
  border-color: #675044; }
  .btn-green .btn-outline-primary:hover, .btn-green .btn-outline-primary.active, .btn-green .btn-outline-primary:active {
    color: #fff;
    background-color: #3CB0B3;
    border-color: #3CB0B3; }
  .btn-green .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem #343a27; }

.btn-orange.btn-primary {
  color: #fff !important;
  background-color: #fcd743 !important;
  border-color: #fcd743 !important; }
  .btn-orange.btn-primary:hover {
    background-image: none !important;
    background-color: #46a46a !important; }
.btn-orange .btn-outline-primary {
  color: #fcd743;
  border-color: #fcd743; }
  .btn-orange .btn-outline-primary:hover, .btn-orange .btn-outline-primary.active, .btn-orange .btn-outline-primary:active {
    color: #fff;
    background-color: #fcd743; }
  .btn-orange .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem #623107; }

.planningCard {
  background: #F4F4F2;
  color: black;
  border-radius: .4rem;
  min-width: 200px; }
  .planningCard .dashedOrangeCard {
    width: 70%;
    border-bottom: #fcd743 2px dashed; }
  .planningCard .ordersDates {
    color: #3CB0B3;
    font-size: 0.8rem; }
    .planningCard .ordersDates span {
      font-size: 0.8rem; }
  .planningCard .dayCard {
    font-size: 4rem;
    color: #ffad40;
    font-weight: 700; }

.planningDate {
  color: #ffad40;
  font-weight: 600; }

.cadreContainer {
  border: 1px solid #333333;
  border-radius: 0.4rem; }
  .cadreContainer .cadreContainerTitle {
    color: #F4F2F2;
    font-size: 2rem; }

.loginv2 .text-wrapper {
  border-radius: 7px;
  border: 1px solid #3CB0B3;
  padding: 10px 35px;
  margin-bottom: 50px;
  padding-left: 35px !important;
  position: relative;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
  background-color: #675044 !important; }
.loginv2 h4 {
  font-size: 1.7rem !important;
  color: white !important;
  text-transform: uppercase; }
.loginv2 h3 {
  font-size: 2.5rem;
  color: #675044;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  padding: 10px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 2px solid #675044;
  margin-bottom: 14px;
  width: 63%; }
.loginv2 .newClient {
  width: 43% !important; }
  @media (max-width: 1000px) {
    .loginv2 .newClient {
      width: 80% !important; } }

.containerLanguette {
  height: 100%;
  margin-left: 30px;
  position: absolute;
  top: 2px;
  z-index: 9; }
  .containerLanguette .productPromo {
    position: relative;
    max-width: 40px;
    max-height: 170px;
    margin-bottom: 22px; }
  .containerLanguette .languette {
    max-height: 170px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .containerLanguette .languetteTitle {
    font-size: 1rem;
    color: white;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-lr; }

#employeeList .borderBottomDashed {
  border-bottom: 1px dashed #fcd743 !important; }
#employeeList .tableTitle {
  color: #F4F2F2;
  font-size: 1rem; }
#employeeList .tableEmail, #employeeList .tablePhone {
  font-weight: 200; }
#employeeList .attenteBg, #employeeList .inscritBg {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center; }
#employeeList .attenteBg {
  background-color: #fcd743; }
#employeeList .attente {
  color: #fcd743; }
#employeeList .inscritBg {
  background-color: #2cbfc6; }
#employeeList .inscrit {
  color: #2cbfc6; }

.text-wrapper {
  border-radius: 7px;
  border: 1px solid #3CB0B3;
  padding: 10px 30px;
  margin-bottom: 50px;
  padding-left: 80px;
  position: relative; }
  @media screen and (max-width: 992px) {
    .text-wrapper {
      padding-left: 50px; } }
  .text-wrapper h4 {
    color: #675044;
    font-size: 1rem;
    font-size: 2rem;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px; }

.mdpForgot {
  color: white;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.85rem; }

.containerConsigne {
  position: relative; }
  .containerConsigne .consignePrice {
    position: absolute;
    background-color: #675044;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    right: calc(30% - 150px);
    text-align: center;
    top: 20px;
    color: #ffad40;
    display: none !important; }
    @media screen and (max-width: 768px) {
      .containerConsigne .consignePrice {
        top: -200px;
        right: calc(50% - 75px); } }
  .containerConsigne span {
    font-size: 1.4rem;
    font-weight: 700; }

.containerLanguette {
  top: -20px;
  text-transform: uppercase; }
  @media screen and (max-width: 992px) {
    .containerLanguette {
      margin-left: -47px; } }
  .containerLanguette.login {
    left: -15px; }
    @media screen and (max-width: 992px) {
      .containerLanguette.login {
        margin-left: 0px;
        left: 5px; } }
    .containerLanguette.login .languetteTitle {
      top: 5px; }
  .containerLanguette .productPromo {
    max-height: 230px;
    top: 14px; }
  .containerLanguette .languetteTitle {
    white-space: nowrap;
    top: 45px; }

.suprFavorite {
  background-image: url(../medias_front/common/suprFavorite.png);
  background-repeat: no-repeat;
  background-position: 50%;
  width: 57px;
  height: 31px;
  position: relative;
  display: block;
  margin-left: calc(100% - 57px); }

.containerMdpForgot {
  border: 1px solid #ffad40;
  border-radius: 7px;
  min-width: 300px;
  padding: 15px 70px !important; }
  .containerMdpForgot h4 {
    color: #ffad40;
    border-bottom: 2px dashed #ffad40; }
  .containerMdpForgot input {
    text-align: center; }

.last {
  background-image: url(../medias_front/common/fond-complet-nuages.jpg);
  background-repeat: no-repeat;
  background-position: top;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 200px; }
  .last h4 {
    color: #675044;
    font-size: 3rem; }
    @media (max-width: 500px) {
      .last h4 {
        font-size: 2rem; } }

.loginBtn {
  background-color: #675044 !important;
  border: 1px solid #675044 !important; }

#filAriane .breadcrumb-item a span {
  color: #675044 !important; }

#filAriane .breadcrumb-item + .breadcrumb-item:before {
  color: #675044; }

.sousMenuAriane {
  background-color: #F4F2F2;
  position: relative; }

#titrePage {
  position: absolute;
  height: 197px;
  max-width: 100% !important;
  padding: 0;
  overflow: hidden;
  bottom: 0;
  top: inherit; }

@media (max-width: 650px) {
  .cid-sYtfgmlx9v .mbr-section-title, .cid-sYtfgmlx9v .mbr-section-btn {
    font-size: 40px !important; } }

.stepTitle {
  color: #675044; }

#wizzardContainer:after {
  border-top: 2px solid #675044; }

#basket-step li .step.selected:before {
  background-color: #675044; }

.scrolled .logonav img {
  top: -45px !important;
  display: block !important; }

#bloc_error span {
  color: #675044; }

[id*=page_] .intPanier {
  border: 1px solid #675044; }

[id*=page_]#page_basket .panierInPage .sousTot, [id*=page_]#page_basket .panierInPage2 .sousTot {
  border-top: 0.13rem solid #675044; }

.reference {
  color: #675044; }

[id*=page_]#page_basket .panierInPage .ligneProd .qteProd [id*=formQte] input[name=qte], [id*=page_]#page_basket .panierInPage2 .ligneProd .qteProd [id*=formQte] input[name=qte] {
  color: #675044; }

[id*=page_]#page_basket .panierInPage .sousTot .label p a, [id*=page_]#page_basket .panierInPage2 .sousTot .label p a {
  color: #675044; }

.form-check-input:checked {
  background-color: #675044;
  border-color: #3CB0B3; }

.containerMdpForgot h4 {
  color: #675044;
  border-bottom: 2px dashed #675044; }

.containerMdpForgot {
  border: 1px solid #675044; }

.loginv2 a:hover {
  color: #3CB0B3; }

.maCoor .col-10 > div:nth-child(2) .btn-outline-primary:hover, .maCoor .col-10 > div:nth-child(2) .btn-outline-primary.active, .maCoor .col-10 > div:nth-child(2) .btn-outline-primary:active {
  color: #fff;
  background-color: #675044;
  border-color: #3CB0B3; }

.maCoor .col-10 > div:nth-child(1) .btn-outline-primary:hover, .maCoor .col-10 > div:nth-child(1) .btn-outline-primary.active, .maCoor .col-10 > div:nth-child(1) .btn-outline-primary:active {
  color: #fff;
  background-color: #3CB0B3;
  border-color: #675044; }

/*# sourceMappingURL=customer_account.css.map */